Обучение на Tilda Zero Block. Видео-урок 2: Лендинг в зеро блок на Тильда

КОНСУЛЬТАЦИЯ

Всех приветствую, меня зовут Даниил Коржов. Это первый урок по Тильда. Копируем ссылку под видео заходим на регистрацию в конструкторе Тильда. Для регистрации нам нужен e-mail. Нажимаем на кнопку регистрация, вводим свое имя, e-mail и придумываем пароль. Пароль лучше всего куда-нибудь запишите и сохраните в браузере. Подтверждаем что мы не робот и регистрируемся на Тильда.

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

Здесь у нас есть все блоки которые

предлагает тильда в качестве шаблонов

есть 0 блок это для дизайнеров

нам нужно в данном случае обложка

но видим что не все функции доступны

почему потому что у нас не активирован

аккаунт на тильда

чтобы его активировать нам нужно зайти в

свой сайт

наверху тарифы и оплата нажать

активировать продолжить и мы получили

аккаунт на тильды бесплатно на 2 недели

так он стоит 750 рублей в месяц заходим

в мои сайты

нажимаем вот видим что у нас название

страницы какое-то стандартное нажимаем

настройки и переименовываем страницу

пишем то о чем этот лендинг в моем

случае это туры в грецию потому что этот

лендинг будет посвящен именно туром и

именно в грецию пишем также название

ссылки и нажимаем сохранить изменения

прежде чем создавать лендинг я сделал

такой прототип на листочке так же я

подготовила фотографии и тексты

чтобы было удобно их загружать вот наша

страница туры в грецию тильда предлагает

сразу же опубликовать страницу чтобы

изменения вступили в силу

но мы это сделаем позже заходим в нашу

страницу повторюсь вот блоки которыми мы

можем пользоваться есть зира блок для

дизайнеров мы нажимаем все блоки вот все

блоки их достаточно много тут же zara

блок нам нужно обложка

выбирая

нам нравится вот видим что все доступной

стали у каждого элемента есть скажем

характеристики слева в верхнем углу мы

видим вот эти три кнопки наводя на блок

мы видим что они появляются слева и

справа первая кнопка это варианты

обложек то есть если мы выбрали но нам

что-то не понравилось мы можем быстро

здесь изменить обложку также настройки

заходим

эффект при скроле эта анимация

ну скажем parallax effect и простые

высота баннера

ширина это расположение контента 10

колоннах максимум 12 есть фильтр цвет

фильтра это черные данном случае видите

изображение немного затонирована

затонирована над черным цветом из

определенной прозрачностью

сверху это 70 процентов снизу это 80 мы

можем все эти характеристики менять и

подгонять под наши изображения есть

стрелка если мы ее включим появится

стрелка вниз вот видим изменение

вступает в силу если нажать сохранить

можно сразу анимировать стрелку она

будет шевелиться вниз кнопки здесь можно

настроить цвета кнопок

цвет текста на кнопки и ст 2 кнопки

также есть настройки типография к

типографика это то что отвечает за шрифт

и за начертание цвет фоновое видео это

вместо и картинки можно видео поставить

анимация это элементы будут анимированы

и под мобильную версию настройки

сохраняем изменения контент контент это

вот то что мы видим фотография текст

текста на кнопках их можно изменить прям

здесь

вставляем ну или пишем наш текст

удобнее всего конечно подготовить

заранее потому что потом все весь

лендинг быстро делается вот видите

сохранился а можно прямо здесь два раза

кликнуть и ввести текст можно ставить

центр делать переносы как изменить

кнопки нажимаем контент скролим вниз

видите tesco текст кнопки

изменяем его на свой лучше что всего

чтобы на кнопки был и

именно текст предложение ну то есть

подписаться на рассылку подобрать лучше

тур и так далее здесь ставится видео для

бэкграунда нажимаем сохранить и закрыть

а вот изображение давайте загрузим еще

изображения можно загружать с компьютера

заранее подготовленные

нажимаем сохранить и закрыть вот

появилось наше изображение и весь наш

контент на кнопки текст появился который

мы ввели но видим что как-то слишком

сильно фотка затонирована чёрным цветом

можно поставить прозрачность меньше

пробуем поставить 20 на верху внизу 40

стала фотография слишком яркое видим что

текст начитается самый важный этот текст

надо чтобы он считался поэтому тонируем

сильнее фотографии ты эмоциональный

аспект

он и она и так видно важно чтобы было

понятно что написано но как то более

менее все читабельно

так кнопка изменим кнопку заходим в

настройки кнопки во первых цвет нужно

поменять цвет греция у меня

ассоциируется с желтым это солнце жарко

приятно отдыхаем с желтым контрастирует

черный

если сильно через черный чисто поставить

черный будет темновато лучше поставить

графит 30 30-30 0 и можно выбрать через

палитру нажимаем сохранить и видим вот

желтая кнопка с читабельным текстом

можно изменить скругление краев кнопки

то есть убрать полностью она станет вот

прямоугольный но я сделаю 5 пикселей

скругления чтобы она такая была лояльна

и нажимаем отправить данные в систему за

чтоб система фиксировала нажатие для

аналитики сохраняем вот мы получили

такой такую обложку обложку можно также

копировать я два раза скопировал удалять

также обложку можно скрыть если она пока

временно не нужно допустим сделали

какой-то блок пока он сомневаетесь ним

скрываете его не удаляете но вдруг потом

пригодится можно вырезать копировать

вставить перенести в другие страницы и

так далее и поменять местами еще можно

блоки видим что шрифт какой-то банальный

заходим в мой первый сайт ну то есть в

настройке сайта настройки настройки

сайта внизу и сейчас поменяем шрифт на

более какой-нибудь красивый заходим в

раздел настроек шрифты и цвета тут много

еще есть настроек разных которыми мы

воспользуемся но в данном случае нас

интересует шрифт вот тильда предлагает

сразу встроенные шрифты красивые

больше всех мне вот этот нравится

нажимаем выбрать

выбрана все обязательно сохраняем

изменения чтобы они вступили в силу на

на страницах нашего сайта все

сохранилось заходим в сайт на свою

страничку

а красота вот это я понимаю вот теперь

это предложение гораздо красивее

выглядит просто шрифт поменяли а очень

важно понимать что шрифт это тоже

изображение только более сложная и так

выдержка из моего прототипа второй экран

сейчас будем и заинтересовывать создаем

второй блок для этого нажимаем плюсик и

единственный блок который подходит под

мою идею он находится в разделах отзывы

хоть он и в разделе отзывы туда можно

любую информацию публиковать вот это

единственный блок на тильда который

имеет галерею горизонтальную с вместе с

текстом но еще и на полный экран

удаляем заголовок он не нужен мы можем

сейчас загрузить сюда изображения

наведите но очень узкое у меня все

изображения горизонтальные чтобы

увеличить изображение

мы пишем шить на картинке 500 пикселей

все но у щемился текст чтобы его

увеличить делаем 12 колонок контент ну

то есть пространство для контента

двенадцать лодок все у нас увеличилось

пространство и для изображения и для

текста есть также высота блока мы ее

можем поставить 900 пикселей сколько

угодно именно высота получается

контента это фотографии подложки

подтекст ну мне нужно стандартная

поэтому я просто удаляю и сохраняю стиль

галереи

что это такое это стрелочки и точки

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

галерея будет иметь тупик три карточки

против стали вправо все тупик мы можем

поставить точки и стрелки и размеров

большою стрелах сделать видим что они

стали больше

чтобы люди их видели кликали по ним

сейчас изменим цвет у стрелок я его

достал из флаг греции в программе adobe

x дизайне получает цвет кстати есть курс

подобных дизайну посмотрите по ссылке

вставляют цвет и стрелки стали синими

но как получить цвет в других условиях

пишем color . adobe.com

нажимаем импортировать

изображение выбираем изображение с

компьютера и видим как фотография

разложено на цвета нажимаем цветовой

круг

выбираем приятный цвет выбираем его

копируем и вставляем

ну вот примерно похоже получили цвета

цвет стрелки белый цвет фона цвет фона

при наведении я хочу чтобы был желтый

для этого заходим в настройки 1 баннера

нажимаем кнопки и берем именно тот свет

который мы изначально поставили желтый

потому что видит стилистика должна быть

единая цвет фото пифона при наведении

желтый а стрелки цвет сделаем черный ну

точнее графитовый как мы поставили в на

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

анимирована за счет цветов заходим в

настройки

мы вот можно также изменить толщину а

точнее размер точек

но обычно по ним не кликают они больше

для навигации нужны чтобы показать

сколько банеров

мы можем загрузить фотографию

нажав на изображение а можем и загрузить

через контент нажимаем на контент видим

загрузить файл

загружаем файл в первую карточку

так у меня будет про самолеты выбираю

картинку с самолетом вставляем текст

заголовок смотрим видите что заголовок в

данной карточке

он находится внизу в данном случае нам

это не подходит нам нужно чтобы он был

наверху удаляем всю информацию снизу

кликаем два раза в текст вставляем

заголовок копируем текст и вставляем

текст но заголовок должен отличаться от

текста должен быть больше контрастнее

поэтому выбираем допустим 32 пикселя

перенесу сразу строчку чтобы это красиво

выглядела наверху выбираем болт то есть

жирное начертание и межстрочный интервал

расстояние между первой и второй

строчкой уменьшаем так это многовато

ну пусть будет так пусть будет 26 так

читабельны вот стала стабильнее хорошо

также заполняем все остальные карточки

но как сделать так чтобы не приходилось

постоянно одно и то же действие делать с

заголовком заходим в контент карточки

вот тут помните был заголовок я его

удалил здесь карточки карточки можно

удалить дублировать то есть созданную

карточку дублируем чтобы стили текста

сохранились выбираем заголовок вводим

его копируем текст вставляем текст

люди пишем текст

нам нужно заменить изображение нажимаем

загрузить файл выбираем лучшее

изображение подходящие для конкретного

текста данном случае мне про отдых там я

вижу яхту типа у нее отдыхает загружаем

изображения и теперь нам нужно создать

третью карточку дублируем нажимаем а у

можно также загружать изображения не

только с компьютера но можно еще сделать

это у меня всё слетело я не отчаялся

проделал всю эту работу снова нажимаем

загрузить изображение загрузить по

ссылке пишем в google любое название

изображение которое хотим найти

переходим в картинки google это очень

интересный инструмент нажимаем

инструменты размер больше чем 1024 это

не значит что нам нужно большое

изображение знать что нам нужно

качественное изображение выбираем отель

в котором хотим отдыхать так ну вот этот

мне нравится открываем нажимаем правой

клавишей по изображению открыть

изображения в новой вкладке открываем

копируем ссылку и вставляем ссылку сюда

нажимаем загрузить все у нас

изображение загрузилась по ссылке но вот

нюанс если источник который держит у

себя это изображение

удалить это изображение то она удалится

и у нас поэтому лучше изображение

держать где-то у себя там на дисках

виртуальных теперь я хочу поменять

карточки местами нажимаем контент

карточки и третью я хочу сделать первые

поднимая ее вверх дважды сохраняя и вот

она первая вторая третья выдержка из

прототипа третий экран даем гарантию то

есть вызываем желанию клиента купить

именно у нас создаем следующий блок

данном случае не нужна основа обложка

просто немного другого фасона выбирая

подходящую обложку и

наполняю контентом загружая изображением

background ввожу текст и в заготовленные

поля и пишу кнопку вторую кнопку стираем

сохранить и закрыть его получился наш

такой красивый баннер нам нужно также

чтобы кнопка была желтая поэтому

поднимаемся к первому баннеру копируем

цвет кнопки

заходим в наш новый баннер настройки

кнопки и вставляем желтый цвет именно

наш и так же делаем скругления бордюра 5

пикселей чтобы стилистика повторюсь было

везде единая заголовок у нас везде

больше

так 42 нет мало по моему у нас семьдесят

два пикселя заголовки везде

проверим да везде заголовки семьдесят

два пикселя

соответственно выбираем заголовок

выбираем размер текста 72

межстрочный интервал также нужно

увеличить так так побольше чтобы

изображение чтобы текст выглядел

красивее нужно его перенести в 72 в

общем какой размер шрифта такое

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

под заголовком его нужно изменить потому

что он сейчас какой-то полупрозрачной

находим в настройках типографика

описание это именно текст описание и

ищем непрозрачность вот непрозрачность

описания пишем 100 процентов вот текст

стал контрастнее и теперь нам нужно его

также увеличить в размерах мы можем это

сделать в настройках написать 18

пикселей так 18 это по-моему маловато

двадцать четыре пикселя пусть будет вот

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

только начертание его сменить нужно на

medium чтобы он был чуть немного

пожирнее чтобы читался лучше вот такой

получился у нас красивый баннер выдержка

из прототипа часть 4 преимущества почему

нужно работать с этой компанией

продолжаем вызывать желание

добавляем новый блок в данном случае мы

говорим о преимуществах прям такой блок

есть преимуществами выбираем который нам

понравился мне нравится вот этот у меня

три преимущества заголовок также должен

соответствовать размеру всех других

заголовков 72

но сейчас подзаголовки спорят с

заголовком поэтому их нужно уменьшить

выбираем размер текста

примерно вот двадцать четыре пикселя

хорошо сочетается с заголовком в

семьдесят два пикселя

вставляем наши преимущества до 24 а я

поставил 3224 визе

[музыка]

прописываем преимущества

удобно когда заготовил текст заранее

потому что видны сразу сколько сколько

всего нам нужно и какие блоки заходим на

стройке и изменим стиль

разве разделители поставим ни один

пиксель а4 видите стал шире а также

можно изменить цвет возьмем наш синий

цвет фирменный попробуем вот синий

выглядит красивым но так как мы

используем два фирменных цветов можно

непрозрачность изменить более

контрастную поставить так как у нас есть

20 мы можем попробовать

желтый почему бы и да

пробуем желтый может быть он будет

интересно смотреться нажимаем настройки

стили разделителя вводим желтый вау

режет глаза ничего не видно так так так

непрозрачным сто процентов не канает

ничего не помогает так будут более

прозрачными бледно the sea не смотрелся

объективно лучше возвращаем обратно

синие конечно смотрится немного строго

официоза но тем не менее кекс у нас

доверьте отдых профессионалам

все синий стабильный цвет помогает нам

понять что тут реально профессионалы и

так добавим кнопку в этот блок

нажимаем контент кнопка и пишем название

свои кнопки

сохраняем вот у нас появилась чуть чуть

увеличим за нижнюю строчку размер блока

выдержка из прототипа номер 5 отзывы

продолжаем вызывать желание купить

именно у нас создаем новый раздел

заходим в раздел отзывы

все просто выбираем интересующий нас

шаблон так это что-то не интересно и

какой-то вот слева выберем другое чтобы

не заходить в блог нажимаем и выбираем

отзывы наших клиентов обязательно

корректируем заголовок до размера

семьдесят два пикселя ну в конкретном

данном случае и просто выбираем имена и

пишем своих клиентов тексты все тексты

отзывов индексируются поэтому лучше

чтобы текст и отзывов содержали ключевые

слова

небольшой лайфхак из раздела по seo

продвижению лендинга удаляем лишнее

все фотографии можно заменить на

реальных клиентов если ваши клиенты есть

в контакте фэйсбуке или других соц сетях

вы можете попросить взять у них

фотографию оттуда и опубликовать фотку и

ссылку на этого человека чтобы загрузить

фотку кликаем на фотку и загружаем

изображение выдержка из прототипа экран

6

форма заказа открытая форма обратной

связи где клиент оставляет свои контакты

так сказать добиваемся действия нажимаем

плюсик

чтобы создать новый блок выбираем раздел

формой кнопка и выбираем понравившийся

нам форму обратной связи

например вот эту ну или какую-нибудь

поярче вот такую меняем заголовок пишем

свое четкое и ясное предложение

обязательно выбираем нужный размер

заголовка и пишем подзаголовок в моем

случае эмоциональной дайте себе шанс

отдохнуть в лучших местах и отелях этой

страны аж самому захотелось так сейчас

нам нужно откорректировать форму

обратной связи заходим в контент поля

для ввода

нам нужно имя и телефон выбираем имя

выпадающий строке пишем ваше имя

это будет подсказка выводиться в форме

можно сделать обязательно многими лучше

не делать обязательно добавляем новый

блок пишем телефон ваш телефон это

подсказка которая человеку будет

выводиться и есть такая штука маска это

то что человек будет видеть как

подсказку к какому вводить сделаем поле

обязательным потому что телефон это

самое обязательно я так пишу видим что

широко настройки

делаем 10 колоннах чтобы форма

уменьшилась как-то все сдвинулась влево

так попробуем 8 колонок слишком узко в

нашем случае 9 узко 10 колон от

оставляем и отступ слева делаем 1

колонка и тогда наш контент по середине

ровно сохраняем вот видим красивый

контент только кнопочка еще не красивая

так давайте кнопку сразу переименуем на

кнопки должно быть написано ваше

предложение подобрать лучший тур

заказать получить прайс там ну что

угодно

какое у вас предложение заходим стиль

полей для ввода и выбираем такую

интересную штуку как в одну строку

только нижний бордюр до

сохраняем и оставлять подсказку вот

видите что у нас теперь стилизовал ась

форма обратной связи

заходим в кнопку меняем

данные кнопки и смотрим что у нас

получилось вот такая красивая форма

обратной связи

теперь нам нужно создать footer так

называемый подвал то есть нижнюю часть

сайта

выбираем удобный блок нам важно будет

разместить

название компании ссылку на политику

конфиденциальности и кнопку вверх

нажимаем контент вводим годы

существования компании удаляем ненужные

пункты меню пишем политика

конфиденциальности

это очень важно здесь убираем этот

хэштег и пишем ссылку полисе и

обязательно открывать в новом окне

чтобы кликнув шина нее человек на эту

ссылку

не не ушел сайт на отдельную страницу

это стая ссылка вверх можем написать

свое предложение потому что на первом

экране у нас она сформулирована вот мы

видим сейчас наш footer чуть-чуть его

приподнимем чтобы он был не таким

огромным и в настройках изменим цвет

пусть будет серый это ей сейчас мы видим

что у нас

цвета шрифтов пропали нажимаем настройки

типографика пока нет пункт меню

пунктах меню мы изменим сейчас цвет

графитовый наш цвет поставим ой всё

слетело нажимаем настройки

меняем цвет

все у нас появился красивый footer

далее нам нужно сделать меню нажимаем

плюсик выбираем меню и ищем подходящие

мне нужно чтобы был логотип

пункты меню и телефончик вот этот

подходит появилась такая полоса у нас

есть настройки и контент в контенте мы

можем прописать пункты меню в данном

случае у нас нет внутренних страниц

поэтому пункты меню будут нас якорем

спускать до нужного экрана например моем

случае это лучше тур отзывы и подобрать

тур

самые основные моменты которые мне нужно

продать через этот лендинг логотип атака

обязательно нужно поставить

ссылке ссылка на так называемый якорь

ставится через хэштег пишем любые хэштег

главное чтобы они были разные #top

хэштег записан так чтобы мы могли

запомнить и этим воспользоваться потому

что дальше мы будем эти ссылки

прописывать перед экранами логотип

меняем логотип можем написать название

компании можем также загрузить

изображение то есть логотип и

ссылка на логотип но это когда сайт

случае стендингом она не нужно тут есть

ссылка на соцсети так далее нас

интересует кнопки потому что на кнопки

мы будем вместо кнопки мы будем

использовать телефон

пишем наш телефон сохраняем вот видим

появились пункты меню якобы логотип

название компании и номер но

меняем фон меню на прозрачный потому что

меню будет поверх первого баннера

убираем просто цвет и теперь нам нужно

изменить кнопку у кнопки мы делаем

получается был черный фон и белый букв а

вообще прозрачный фон

вообще меняем удаляем все цвета чтобы

они не мельтешили и станице текста белый

всё меняется все на белое с наложением

на следующий блок но без фиксирования

меняем блоки местами сейчас меню у нас

будет наложена поверх нашего блока

теперь очень важный момент если мы хотим

чтобы при нажатии на пункт меню мы

плавно скроле лись вниз до экрана

нажимаем плюсик друга и плавный scroll

все мы добавили функцию плавного скролла

на эту страницу

теперь расставляем якоря нажимаем плюсик

другое

якорная ссылка нажимаем контент и пишем

имя якорной ссылке так как у меня было

первое to top

лучшая цена вторую якорную ссылку ставим

называемые вторым пунктом меню без

всяких хэштегов здесь здесь уже без

хэштегов и нажимаем плюсик и добавляем

третью якорную ссылку это тур

у нас расставлены все якорные ссылки

теперь нам нужно создать форму обратной

связи которая будет появляться при при

нажатии на кнопку выбираем формой кнопка

выбираем вот эту форму здесь есть

изображение она вы здесь выводится мы

можем его заменить нажимаем загрузить

файл размещаем любое изображение которое

нам подходит вот теперь такая форма

закрываем форму обратной связи нажимаем

контент выбираем раздел заголовок и

описание пишем заголовок призывающих

действию и нужно и описание достаточно

чтобы было конкретное понятно и то есть

в моем случае это оставьте номер

телефона нужно чтоб человек заполнил эту

форму обратной связи внизу есть ссылка

хештег pop-up :

и любое название которое мы используем

потом в кнопках поля для ввода нам нужно

имя и телефон удаляем лишнее пишем как

мы уже писали подсказку делаем

необязательным телефон ваш телефон

обязательно копируем маску из примера

вставляем делаем обязательным сохраняем

у нас получилось вот такая форма такого

изменить теперь нам настройки формы

чтобы

и убрать изображение но общественник

лесу потому что она несет никакой

информации только мешает полностью форме

обратной связи открыться поэтому заходим

в контент изображение и нажимаем на

корзину

кликаем сохранить и закрыть смотрим

форму

сейчас изменим ее настройки заходим в

настройки выбираем стиль полей для ввода

также делаем чтобы у нас было нижнее

подчеркивание вот эти две галочки видим

что от нас стилизованно форма как у нас

везде вот и теперь нам нужно ввести цвет

в кнопку заходим в настройки любого

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

цвет копируем заходим в настройки нашего

блока так это я не в тот блок зашёл вот

здесь форма

кантат настройки заходим в настройки

нажимаем кнопки меняем цвет фона меняем

цвет текста на графитовый скругление

нужно и сохраняем кликаем проверяем

прекрасная кнопочка нужно переименовать

и текст внизу написать платформой

заходим в контент так потерялся а вот

ниже внизу в самом названии кнопки пишем

на кнопки свое предложение

а по c кнопкой у нас есть текст который

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

о том что человек нажимая на кнопку

сохранится соглашается с нашей политикой

конфиденциальности

так как мы собираем его данные мы должны

предупредить его об этом и нажимаем

контент и в самом низу пишем

предупреждение что нажимая нажимаю эту

кнопку вы даете согласие на обработку

персональных данных если такого на сайте

не указано в форме обратной связи вас

просто большинство рекламных кабинетов

забанят вконтакте банит если у вас нет

политики конфиденциальности

нет предупреждения вы просто не пройдете

модерацию поэтому это очень важный

момент ну и просто этичные по отношению

к человеку вот у нас получилась форма

обратной связи сайт готов к публикации

нажимаем опубликовать наверху

пишем доменное имя например тур но тур

будет скорее всего занята

тургор и напишу сохранить и продолжить и

наш сайт публикуются на техническом

домене

тур говорите льда . vs этот домен можно

отправлять в рекламу и пользоваться вот

такой у нас получился лэндинг видим что

здесь нужно поправить высоту экрана

здесь все хорошо на полный экран у нас

отзывы хорошо форма тоже узенькая надо

высоту и внизу шильдик тильда

контрастируют сильно с нашим хуторам

поэтому нужно его тоже изменить вот наши

ссылочки как работают сейчас мы внесем

все корректировки а еще и не поставил

ссылки на кнопки сейчас мы также их

поставим для того чтобы это сделать а

вот видите нажимаем форму нас сразу

маска появляется все видно до того чтобы

нам все корректировки внести заходим

обратно в редактор копируем ссылку на

наш pop-up наношу форма обратной связи

здесь увеличиваем расстояние просто

тянем за стрелочку

с отзывами у нас все хорошо

по пути сразу заходим в контент блоков

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

ставим ссылку на pop-up все сохранить и

закрыть

также во всех остальных блоках где есть

кнопка здесь мы увеличиваем свободное

пространство чтобы концентрация внимания

увеличивалась именно на контенте

ну вот так хорошо и здесь ставим тоже

ссылку

сохраняем в настройках перейдем в

настройки сайта еще платформ лейбл это

лейбл тильды

ставим серый чтобы он одинаковый был по

цвету с нашим и хуторам обязательно

сохраняем настройки заходим в свою

страницу нажимаем опубликовать

и наш лэндинг готов нажимаем на форму

обратной связи подбираем лучше тур все

все работает смотрим остальные блоки

проверяем все тестируем чтобы все

корректно работала нажимаем на все

кнопки чтобы все формы открывались

подобрать лучший тур видите телефон

стоит важным обязательным значением

поэтому он выделяется красным вот наш

footer красивенький и очень важный

момент сейчас нам нужно зайти

создать новую страницу пустую страницу

создаем в поисковике вводим конструктор

политике конфиденциальности

у тебя есть отдельный конструктор чтобы

было очень легко создать страницу с

обработкой данных пишем доменное имя как

взять наше доменное имя

это когда мы опубликовали сайт открыли в

строке поиска копируем вставляем сюда

сюда пишем страницу на которой находится

политика конфиденциальности

это policy ну или любая другая как

хотите пишем имя того кто собирает

данные но либо это и п либо это либо это

частное лицо

пишем свой email какие данные мы

собираем

можем свой пункт добавить для чего мы их

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

конфиденциальности видите что то что

выделено желтым цветом то это наши

данные копируем в буфер

нажимаем текст в новой страницы в дважды

выделяем текст вставляем все нажимаем

настройки пишем policy обязательно эту

ссылку которую указали заголовок

политика конфиденциальности

это отображается в браузере сохраняем и

обязательно публикуем открываем и видим

что вот наша страничка создана все по

правилам теперь можем опубликовать все

страницы

заходим на сайт и проверяем

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

чтобы сайт наш не закрывался

теперь нам нужно интегрировать свой

емейл чтобы нам приходили заявки с этого

сайта для этого заходим в но свой сайт

настройки сайта раздел формы

выбираем e-mail и просто вводим сюда

свою электронную почту нажимаем

сохранить теперь заходим на почту чтобы

подтвердить e-mail привязку емейла

тильда нам говорит что email подтвержден

обязательно нужно обновить страничку

увидеть что активирована

заходим в настройки скролим вниз

нажимаем подключить сервис ко всем

формам на сайте теперь email у нас

подключен ко всем формам обратной связи

обязательно нужно зайти на сайт и

опубликовать все страницы тестируем

форму обратной связи чтобы убедиться что

заявка приходит к нам на почту заходим

на почту

проверяем и видим что письмо с заявкой

пришло видим имя номер телефона звоним и

обрабатываем клиента у нас получился

полноценный лендинг меньше чем за 1 час

что было непонятно задавайте вопросы в

комментариях а на самый интересный и

полезный вопрос я запишу видео если вам

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

на канал до встречи в следующем выпуске

с вами был даниил коржов

Текст в видео

КОНСУЛЬТАЦИЯ

контакты

2011-2022
нажимая на кнопку "отправить" вы соглашаетесь с политикой конфиденциальности
Made on
Tilda