Как подключить домен к tilda

О профессиональном редакторе Zero Block

Редактор потребуется в том случае, если вы хотите создавать блоки со своим уникальным дизайном. Zero Block (нулевой блок) добавляется двумя способами: прокрутите страницу вниз и кликните на значок Zero или выберите его в библиотеке блоков «Другое».

Настройки нулевого блока почти идентичные настройкам шаблонов, но для редактирования используется не кнопка «Контент», а «Редактировать блок».

Визуально он похож на графический редактор:

• «+» – кнопка для добавления изображений, текста, видео, формы и т.д.
• Две рабочие области – Grid Container (сетка) и Window Container (границы экрана браузера), то есть весь контент должен располагаться в области с вертикальными линиями.

Элементы можно редактировать мышкой – перемещение, изменение размера, копирование, выделение.

Для оперативной работы разработчик предлагает горячие клавиши.

В настройках каждого элемента, который вы вставляете с помощью значка +, есть функция добавления анимации двух типов – базовая и пошаговая. В свою очередь, пошаговая анимация имеет 3 опции:

• Animation – различные варианты появления анимации на экране.
• Parallax – эффект параллакса элемента.
• Fixing — эффект фиксации элемента.

К каждой категории есть дополнительные опции, скрытые под знаком стрелки вниз.

Руководство по созданию продвинутой анимации.

Что хочу сказать: вполне удобный и простой редактор. Если вы владеете азами работы в Photoshop, то Zero Block вообще не вызовет никаких сложностей.

Тарифные планы Tilda

Владельцам аккаунтов доступно 3 тарифных плана – Free, Personal и Business.

Free

Free – бесплатный, активируется автоматически после регистрации учетной записи. Он вполне может сгодиться для создания сайта, но совсем простого. Подобный тариф разрешает пользоваться Zero-Block, однако в нем нет опции подключения собственного доменного имени, SSL-сертификата, аналитики сайта и многого другого. Тариф Free – это отличный способ разобраться в работе конструктора.

Лимиты тарифа: максимальное количество проектов – 1, количество страниц для каждого проекта – 50, объем загруженных файлов – 50 Мб.

Personal

Personal – стандартный тариф, который открывает доступ ко всем возможностям Тильды: полная коллекция блоков, подключение своего домена, коллекция бесплатных иконок и многое другое. Ознакомиться с полным набором функций можно здесь.

Лимиты тарифа: максимальное количество проектов – 1, количество страниц для каждого проекта – 500, объем загруженных файлов – 1 Гб.

Стоимость тарифа: 750 руб./месяц + домен в подарок.

Business

Business – профессиональный тариф, который предназначен для размещения нескольких сайтов. Он позволяет на одном аккаунте создать 5 и более сайтов – для каждого отведено определенное количество страниц, свой домен и так далее.

Тарифный план также имеет разновидности – это Business 10, 15, 20 и 30. Число указывает на количество сайтов. Например, в тарифе Business 15 разрешено создавать до 15 сайтов.

Еще одно отличие от предыдущих тарифов – возможность экспорта исходного кода. Благодаря этому можно создать сайт на Тильде и перенести его на свой хостинг. Подойдет для тех, кто хочет подредактировать HTML-код и разместить его на другом хостинге.

Лимиты тарифа: максимальное количество проектов – от 5 до 30, количество страниц для каждого проекта – 500, объем загруженных файлов – 1 Гб.

Стоимость тарифа: от 1250 руб./месяц + домен в подарок.

Обращение в техподдержку регистратора домена

Если все описанные выше советы не дают результата, обратитесь к специалистам техподдержки вашего регистратора, у которого был приобретен домен.

Перечислим способы обращения к популярным регистраторам:

Примерный вариант обращения в службу техподдержки:

Заголовок: Замена DNS-записей

Здравствуйте.

У меня есть домен, купленный у вас. Есть вопрос по нему.

Требуется прописать адреса DNS. A-запись, указывающая на IP-адрес — 185.215.4.10*. А-запись для поддомена www, указывающая на IP-адрес — 185.215.4.10*.

Пожалуйста, помогите решить эту задачу.

*Рекомендованный IP-адрес отобразится в Настройках сайта и далее в разделе «Домен» после указания доменного имени и сохранения изменений. Этот адрес следует указать в письме вместо указанного в примере.

Итак, в статье мы разобрались, как купить и подключить домен к Тильде. С этой задачей сталкиваются все пользователи конструктора при создании и публикации сайта. Стандартная процедура достаточно проста и выполняется в несколько кликов. Все делается на странице с настройками — указывается адрес и IP регистратора. При возникновении проблем стоит обращаться в службы техподдержки регистратора либо конструктора.

Что вы приобретете, если выберете Tilda вместо WordPress

Деньги

Если вам нужен одностраничный сайт или онлайн-визитка с портфолио и контактными данными, дешевле работать с «Тильдой». Сайт-портфолио на Tilda можно сделать бесплатно, но он будет доступен на поддомене.

Простота редактирования шаблона

С «Тильдой» любой пользователь без специальных знаний может почувствовать себя дизайнером. Для изменения шаблонов на WordPress нужны специальные знания.

Визуальная привлекательность страниц

Этот пункт — продолжение предыдущего. С помощью «Тильды» можно красиво оформить страницу сайта. Это не требует специальных знаний и много времени.

На WordPress можно выбрать визуально привлекательный шаблон. Но чтобы добавить дополнительное оформление, потребуется время и знания.

Простота

На Tilda проще создать сайт и управлять им. За простоту придется расплачиваться деньгами и ограничениями в функциональности ресурса.

Как получить домен

Ранее я уже упомянул, что доменное имя приобретается на специальных сервисах. В большинстве случае это платная услуга, которая оплачивается регулярно – раз в месяц или год.

Вы можете найти и бесплатные домены, но толку от них никакого не будет. Подобные доменные имена не пользуются доверием у поисковых систем и имеют меньше шансов на продвижение. Кроме того, такие имена чаще всего представляют собой домены третьего или четвертого уровня. 

Рекомендую приобретать домен только на проверенных сайтах. Если вы будете пользоваться сомнительными сервисами, то велика вероятность, что ваш домен украдут или компания-регистратор закроется, и имя будет недействительно.

Давайте рассмотрим покупку домена на примере популярного хостинга и регистратора Timeweb:

1. Открываем официальную страницу для регистрации и первым делом проверяем, доступно ли то имя, которое мы хотим использовать. Например, нам нужен адрес tildapro.com – вводим его в соответствующую строку и жмем «Проверить домены».
2. Если доменное имя будет свободно, то об этом сообщат ниже в зеленой области:
3. Если же домен недоступен, то ниже можно посмотреть альтернативные варианты имени и зоны:
4. Итак, мы выбрали имя. Теперь добавим адрес в корзину и откроем ее:
5. Тариф выбран, но чтобы его оплатить, нам потребуется зарегистрироваться на сервисе. Вводим данные и жмем «Стать клиентом». Здесь же мы можем изменить выбранный тарифный план и период оплаты.
6. В результате мы попадаем в личный кабинет – отсюда мы можем перейти к оплате:

После того как доменное имя будет приобретено, можно переходить к его подключению на Тильде.

СЕО продвижение лендинга

Сразу замечу, что если у вас конкурентная ниша, в которой господствуют сайты-титаны, то продвинуть посадочную страницу в ТОП по высокочастотным (и даже среднечастотным) запросам вряд ли получится – не тот масштаб, чтобы состязаться. В более узких нишах шансов пробиться наверх больше. Но опять же – надо смотреть наличие конкурентов.

Ещё один важный нюанс. Если у вас уже есть landing page, который вы ранее не планировали продвигать по SEO, а теперь вдруг решили это сделать, то вам будет сложнее. Скорее всего, придётся переделывать всю страницу, чтобы приспособить её под раскрутку в поисковиках.

Вот что нужно запомнить в первую очередь. И сделать это самому, не имея достаточного опыта, будет довольно затруднительно.

Какие же мероприятия нужно провести, чтобы раскрутить лендинг при помощи СЕО?

Семантическое ядро

Конечно, громко называть ядром одну группу ключевых запросов, составленную для одной страницы. Тем не менее, начинать нужно именно с этого. Необходимо подобрать те ключевые фразы, по которым вы планируете выходить в ТОП. В зависимости от конкурентности, лучше использовать СЧ (среднечастотные) или НЧ (низкочастотные) поисковые запросы. Их общее число, как вы понимаете, будет весьма небольшим.

Подробнее про семантическое ядро вы можете прочитать в ЭТОЙ статье.

Подготовка контента

Некоторые веб-мастера допускают одну большую ошибку: они размещают на своём лендинге слишком много текста, который обычно никто не читает. Нужно знать меру и не забывать, что основной целью landing page является получение лидов. Поэтому ни в коем случае не надо создавать неудобств для посетителей.

Текст должен быть кратким, понятным, интересным, структурированным и вместе с этим — СЕО-оптимизированным.

Техническая оптимизация

Включает в себя:

• Прописывание мета-тегов (заголовок title, подзаголовок description, ключевые слова keywords).
• Настройку заголовков H1, H2 и т.д.
• Создание файла robots.txt, разрешающего индексацию страницы и указывающего на главный адрес.
• Устранение дублей.
• Прочие мероприятия, связанные с технической настройкой.

Добавление в панели вебмастеров

У основных поисковых систем (Яндекс, Google, Mail) есть панели вебмастеров, в которые нужно обязательно добавить сайт. Это ускорит индексацию, а также позволит следить за возможными ошибками, возникающими на нём.

Какой домен выбрать

Регистраторов доменов в сети уйма. Вбейте только в поисковой строке Google запрос «регистрация домена» и вы получите более 4 млн. страниц:

Как выбрать регистратора доменов

У каждого регистратора свои условия и «плюшки». И выбор может затянуть вас в лесные дебри. Цены на регистрацию одного и того же имени могут сильно отличаться, можете убедиться сами. Но для основных доменных зон (com.ua, net.ua, kiev.ua) цены будут плюс-минус на одном уровне.

Не сочтите за рекламу, хочу поделиться списком тех регистраторов, с которыми я долго работаю и знаю, что ведут себя они хорошо:

1. ukraine.com.ua
2. HostPro
3. TutHost
4. Reg.ru

Возможно, это немножко сократит время на выбор нормального регистратора.

Как выбрать домен

Для простоты своих объяснений, я буду показывать как работать с доменом и как подключать его к Тильде на примере регистратора Ukraine.com.ua

Переходите на страницу https://www.ukraine.com.ua, заходите в раздел «Домен» и вбиваете вариант имени, которое наиболее подходит вашему бизнесу:

Ниже поля для ввода имени вы можете проставить галочки напротив тех доменных зон, которые вы хотите купить.

Допустим, у меня есть пиццерия «Pizza Plus». Я сразу вбиваю в поиск очевидный вариант «pizzaplus» и получаю следующее:

Сразу видно какие домены заняты, а какие свободные. И тут же видны и цены. Они указаны в гривнах в расчете на целый год.

Если все подходящие имена заняты, не отчаиваемся и продолжаем поиски, пока не найдем лучший вариант.

Нашли? Супер. Нажимаем кнопку «Заказать», регистрируемся на сайта и оплачиваем. Домен ваш.

Шрифты

На один сайт в Тильде можно подключить только два шрифта. Чем больше шрифтов, тем больше вес страницы, а значит она будет медленнее загружаться. С двумя шрифтами нет соблазна заняться «украшательством», применяя несочетающиеся шрифты.

В Тильде шрифты задаются в настройках всего сайта, а не отдельной страницы.

Если предложенных Тильдой шрифтов вам недостаточно, можно подключить Google Fonts. Вот инструкция.

Моей ошибкой при выборе шрифтов и начертаний был недостаточный контраст между размером заголовка и текста. Для пары заголовок-описание сочетание размера 52px и 42px не создаёт контраста. Пара 62px и 32px смотрится лучше.

Плохо: слабый контраст.

Так лучше.

При размере заголовка в 32px и размере основного текста в 20px заголовок не выделяется за счет контраста, а скорее сливается с текстом. Пара 42px и 20px работает лучше.

Плохо: заголовок 32px, текст 20px.

Лучше: заголовок 42px, текст 20px.

Я не знаю, по какой форме высчитывать размер кегля, а скорее делаю это «по-дилетантски» — на глаз. Проверяя наши работы на курсе, Дмитрий Моровов дал вот этот вариант: пара 12–14pt — плохая. 12–16pt — уместная. 12–18pt — хорошая. (Pt — от немецкого «Punkt» — это единица измерения кегля шрифта).

Если игнорировать принцип контраста, статья выглядит как скучная простыня

Глазу трудно зацепиться за элементы в тексте, теряется внимание, а значит страдает и качество чтения

Что почитать по теме:

• Илья Бирман про «Почти, но не совсем»;
• Контрасты в веб-типографике на Хабре;
• 22 правила сочетания шрифтов;
• Руководство по выбору шрифта в блоге Тильды.

Создание интернет-магазина: краткая инструкция

Сервис подходит для работы небольших онлайн-витрин. Есть возможность подключить сервисы Яндекс.Деньги, Яндекс.Касса, PayPal, Robokassa, CloudPayments, Stripe, чтобы клиенты оплачивали товары/услуги картой Visa/Mastercard, Яндекс.Деньгами, с мобильного счёта, через Сбербанк Онлайн, Альфа Клик. Заявки и оплата могут приниматься в сервисе с помощью CRM-системы, форма заказа товаров легко настраивается под конкретные нужды.

Сначала вам нужно сохранить проект. Дальше добавляются страницы. Вы можете использовать шаблоны из категории «Магазин».

Продажа товара ведётся одним из выбранных способов:

• Через корзину – подходит для продажи одного или множества товаров.
• Без корзины (прямая) – без возможности выбора варианта и количества товаров.
• Без онлайн оплаты – клиент заказывает товар на сайте, а оплачивает потом.
• Один товар/услуга – подходит для продажи через корзину или с прямым переходом к онлайн оплате.
• С выбором параметров товара/услуги – клиент может выбрать цвет, модель, размер и т.д.

Подробный мануал по подключению способов продажи на сайте разработчика.

При необходимости добавляется скидка – промокод. Опция расположена в настройках сайта: «Платёжные системы»-«Промокоды», где указываются необходимые данные.

Для передачи сведений в онлайн-кассу требуется зайти в «Настройки сайта»-«Платёжные системы» и выбрать свою платёжную систему, где вы зададите необходимый параметр.

Как настроить сайт на Tilda: базовые опции

После регистрации на платформе перейдите в раздел тарифы и подключите тариф Personal. Новым пользователям доступен бесплатный тестовый период.

Перейдите в раздел «Мои сайты», создайте новый ресурс и укажите его название.

В разделе «Настройки сайта» укажите описание и выберите субдомен.

Перейдите в разделы «Аналитика» и «SEO» и подключите сайт к системам «Яндекс.Метрика» и Google Analytics. В этом же разделе можно добавить на сайт контейнер Google Tag Manager. Если вы впервые делаете сайт, подключайте «Метрику» и Analytics напрямую.

NB! Если вы хотите подключить к сайту платный домен вида , сразу переходите к третьему шагу инструкции. После подключения домена вернитесь к базовым настройкам.

Счетчики можно подключить двумя способами. Первый: зарегистрируйте ресурс в системе аналитики. Скопируйте номер идентификатора счетчика.

Вставьте номер в поле «Яндекс.Метрика» в разделе настроек сайта «Аналитика и SEO» в панели «Тильды».

Второй способ: в разделе «Аналитика» нажмите кнопку «Подключить».

Примите запрос от приложения tilde.cc на доступ к аккаунту Google Analytics. Выберите счетчик и сохраните изменения. Если на сайте уже есть страницы, опубликуйте их повторно.

Перейдите в раздел «SEO», чтобы подключить сайт к службам Search Console и «Яндекс.Вебмастер».

Нажмите кнопку «Подключить» рядом с названием соответствующего сервиса, примите запрос от приложения tilda.cc на доступ к аккаунту. Нажмите кнопку «Зарегистрировать сайт». После автоматической регистрации на панели появится статус «Домен подтвержден». Система предложит добавить в Search Console карту сайта. Воспользуйтесь этой возможностью.

Таким же способом зарегистрируйте ресурс в «Яндекс.Вебмастер».

Указанных базовых настроек достаточно, чтобы приступить к созданию страниц. К дополнительным настройкам сайта имеет смысл вернуться, когда будут готовы основные разделы. Но перед созданием первой страницы следует рассмотреть важный вопрос.

Базовые настройки сайта

Откройте раздел «Мои сайты» или нажмите «+ Создать сайт». Задайте проекту название.

Дальше откройте «Настройки сайта» и заполните описание, укажите субдомен на Тильде или подключите собственный домен (для платного тарифа).

Официальный мануал по подключению своего домена в Центре Помощи Tilda.

В разделе «Шрифты и цвета» выбираются наиболее подходящие вам шрифты, их размер, насыщенность и цвета. Можно загружать свои собственные шрифты.

В разделе «Аналитика» просматриваются данные по сайту, автоматически собранные системой. Здесь же подключается счётчик Google Analytics и Яндекс.Метрики.

Подключение Google Analytics:

• автоматически в системе – кнопка «Подключить»-«Разрешить» доступ к данным в аккаунте Google.
• вручную – выбрать код счётчика из списка в Google, ввести его в соответствующую строку на Тильде.

Дополнительно подключается Google Tag Manager, чтобы отслеживать события на стороне сервиса. Мануал на сайте разработчика.

Подключение Яндекс.Метрики:

• авторизуйтесь в Метрике и создайте счётчик, нажимайте кнопку «Подключить»-«Разрешить» доступ к данным в аккаунте Яндекса.
• вручную – выберите код счётчика в Метрике, скопируйте и введите в соответствующую строку в Тильде.

В этом же разделе подключаются PIXEL Facebook – через Менеджер рекламы FB, и VKontakte – через рекламный кабинет VK во вкладке «Ретаргетинг».

В разделе SEO подключаются сервисы Google Search Console и Яндекс.Вебмастер. Вам нужно кликнуть «Редактировать»-«Подключить». Добавление ресурса к сервисам возможно после публикации главной страницы сайта. 

В разделе «Экспорт» можно скопировать проделанную на Тильде работу на другой сервис с помощью исходного кода. Опция доступна только на бизнес-аккаунте.

Раздел «Формы» отображает доступные сервисы для сбора информации из форм, чтобы собирать заявки, получать данные на электронную почту, создавать списки рассылок, отправлять лиды в CRM.

Подключение домена к Тильде

Когда вы уже купили домен, вам необходимо поменять его настройки на нужные настройки для Тильды.

Заходим в панель управления вашего регистратора и ищем раздел «Домены». Вы увидите свой купленный домен. Необходимо зайти в его настройки:

Интерфейс у всех регистраторов разный, но суть одна: вам нужны настройки домена, или настройки DNS-записей.

Теперь заходим в настройки и видим такую картину:

Теперь приступим к самому ВАЖНОМУ. Вам нужно поменять ip-адреса для записей Типа А на ip-адрес Тильды:. 185.203.72.17

185.203.72.17

Покажу на картинке, чтоб никто не запутался:

Когда поменяете ip-адреса у всех записей типа А, сохраняем изменения.

Теперь переходим в интерфейс Тильды, заходим в наш проект и нажимаем на кнопку «Настройки сайта». Ищем вкладку «Домен». В поле «Подключить свой домен» вбиваем ваше доменное имя (без https://):

Сохраняем изменения и публикуем все страницы сайта.

Регистрация новых ip-адресов для ваших DNS-записей может занимать до 24 часов. Но обычно это происходит в течение 4-6 часов для новых доменов. А может быть вам повезет, и вы увидите, что сайт уже работает по новому адресу через полчаса.

Вот и все. Вы справились! Домен подключен к Тильде и ваши навыки в работе с Тильдой заметно возросли.

Ниже вам скидываю видео о подключении домена к Тильде. Так будет еще нагляднее. Успехов.

Как убрать надпись «Made on Tilda»

Стоит заметить, что при ежемесячной оплате любого тарифа остается одна неприятная особенность – надпись «Made on Tilda» в подвале сайта.

Надпись исчезает, если оплатить тариф Personal или Business на год. Также вы можете подключить тарифный план Business, а затем экспортировать весь код и удалить в нем блок HTML-кода с надписью – такой вариант подойдет только для тех, кто собирается размещать сайт на другом хостинге.

Если вам не подходит годовая оплата, можно рассмотреть другие конструкторы. Например, на Craftum нет такой особенности, но точно так же можно собирать сайты как с помощью шаблонов, так и с нуля. Есть 10-дневный тестовый период, во время которого доступны все возможности конструктора. 

Список возможностей

1. Блочный механизм редактирования с базой готовых блоков (более 450) – обложки, меню, формы, кнопки, преимущества, отзывы, карты Google и Яндекса, якорные ссылки и многое другое.
2. Эффектная подача визуального контента с помощью встроенного редактора изображений.
3. Набор опций для встраивания видео и аудио контента, включая добавление любого плеера путём вставки html-кода.
4. Продвинутый редактор Zero Block для создания уникальных блоков собственными руками, конструктор писем для формирования e-mail рассылок.
5. Широкий спектр функций для онлайн-магазинов – виджет корзины, форма заказа, карточки товаров, подключение платёжных систем, передача сведений в онлайн-кассу и т.д.
6. Возможность интеграции сервиса со сторонними CRM-системами (Битрикс24, Мегаплан, AmoCRM) или использования Tilda CRM.
7. Автоматическая адаптация созданного сайта под мобильные устройства, есть возможность дорабатывать мобильную версию вручную.
8. Командная работа над сайтом с разграничением прав доступа других пользователей.
9. Подключение собственного домена или покупка доменного имени у разработчика, в бесплатной версии используется субдомен на tilda.ws.
10. Сбор аналитики в Google Аnalytics и Tag Manager, Яндекс.Метрике с помощью подключения счётчика, а также SEO-инструменты.
11. Работа с социальными сетями (кнопки шеринга и базовые настройки для продвижения).

Возможные ошибки при подключении домена

Подключение может сопровождаться ошибками, в результате которых сайт не будет загружаться. Приведем пару универсальных советов, что делать в таких случаях.

• Записи DNS обновляются от 3 до 24 часов с момента запуска. Нужно подождать сутки, если сайт не открывается.
• В популярных браузерах загруженные страницы сохраняются в кэш. При повторной загрузке этих страниц будут отображаться именно сохраненные версии, поэтому зачастую случается ситуация, когда при подключенном домене изменения не отображаются. Особенно это касается Google Chrome. Следует очистить кэш и несколько раз обновить страницу.

В случаях, когда обычное обновление страницы и даже очистка кэша не помогают, стоит попробовать проверить работу сайта на другом устройстве.

В конструкторе следует выполнить такие действия:

• проверить, указано ли доменное имя в настройках;
• опубликовать сайт;
• при появлении надписи «Pages are not published» убедиться, что страницы опубликованы;
• проверить правильность настроек редиректа.

Если переход на сайт осуществляется через поисковую машину, может возникнуть предупреждение о небезопасности сайта. Это говорит о том, что в настройках включена схема HTTPS, однако сам этот протокол не настроен.

Далее на стороне регистратора нужно удостовериться:

• в корректности указанных A-записей;
• при вводе адреса сайта без www — в том, что A-запись создана для основного домена (обычно обозначена символом @);
• при вводе адреса сайта с www — в том, что созданная A-запись соответственно включает поддомен www.
• в том, что домен и поддомен www имеют по одной A-записи;
• в отсутствии AAAA-записи (с ней сайт, построенный на Тильде, работает некорректно).

Список записей в панели управления может не содержать AAAA-записи, однако проверка все равно ее обнаружит. В таком случае нужно попросить специалистов техподдержки регистратора удалить эту запись.

Возможные ошибки при подключении домена

Штатные средства Тильды позволяют проверять правильность настройки доменных IP-адресов. Проверка осуществляется в разделе «Домен» в настройках сайта.

Предварительно нужно подключить доменное имя, вставив его в соответствующее поле и сохранив изменения. После этого результаты проверки отобразятся на экране.

Также при наличии ошибок в настройках домена, допущенных на стороне регистратора, появятся соответствующие сообщения и советы по устранению этих ошибок.

Полезными могут оказаться сторонние инструменты для проверки правильности добавленных записей:

• dig в составе Google Admin Toolbox;
• служба dig.reg.ru (проверяет DNS домена);
• сервис 24whois.ru (проверяет DNS, доступность доменных имен, общую работу сайта).

Настройка переменных

После того, как шаги настроены, можно начинать настраивать саму «пошаговость».

Но для начала поясню, что такое переменные. Переменные — это специальный параметр (get, если по научному) в ссылке, при помощи которого можно отслеживать статистику, подменять контент, работать с базами данных и вообще куча всего. Состоит из двух частей — ключа и значения. Я не программист, поэтому мог криво объяснить, но самый популярный среди маркетологов get-параметр — это UTM. ?utm_source=google — это переменная с ключом «utm_source» и значением «google».Добавляется он вот так, после знака вопроса или знака &:

?{get-ключ}={get-значение}&{get-ключ}={get-значение}

Итак, вернемся к Тильде. Надо добавить возможность заменять при помощи переменных контент на нашем лендинге.

Для этого в самый низ нашей заготовки добавляем блок Т809 (Мультилендинг: скрыть/показать блок по параметру в URL). Он находится в разделе «Другое», практически в самом низу.

Открываем его настройки и указываем следующие данные.

Купить рекламу Отключить

1. Для первого экрана

• Значение параметра (пусто).
• Показать блок (выбираем первый экран лендинга)
• Скрыть блоки (выбираем все оставшиеся экраны)

Это нам нужно для того, чтобы лендинг сразу открывался с первого этапа, если никаких переменных в URL нет.

2. Для всех остальных экранов

• Значение первого параметра — quiz=ecr2Эти значения произвольные. В моем случае это обозначает, что если пользователь попадет на страницу, в URL которого содержится? quiz=ecr2 — он увидит второй этап лендинга. Вместо «quiz» можно написать, например, «step», а вместо «ecr2» прописать просто двойку, чтобы получилось вот так: ?step=2
• Показать блок (тут выбираем соответствующий этапу этап, например — второй)
• Скрыть блоки (и скрываем все ненужные блоки, включая, разумеется, первый)

Аналогичным образом, по очереди прописываем для каждого этапа свою уникальную переменную и настраиваем, какой блок должен показываться и какие блоки должны скрываться. quiz=ecr3 — для третьего этапа, quiz=ecr4 — для четвертого и т.д. Должно получится приблизительно следующее: