Как настроить телефон в тильде
Начну с краткого экскурса.
Для чего нужна мобильная адаптация?
В первую очередь для того, чтобы посетителю с мобильных устройств было удобно просматривать ваш сайт. Ведь если он зайдет с мобильного, а ему покажется обычная версия сайта (под десктопы), то с огромной вероятностью, посетитель уйдет искать более удобный сайт. А в 2021 году, процент посетителей с телефонов и планшетов сильно обгоняет компьютерный трафик.
Почему же Тильда?
Я ярый приверженец конструктора Tilda Publishing. Потому что, ребята очень активно развиваются, сама платформа не глючная (я знаю, о чем говорю, у меня за спиной работа не в одном десятке конструкторов). Широчайшие возможности. Даже если что-то не удается реализовать в стандартном функционале, то есть энтузиасты, которые помогают пользователям с реализацией кода.
Из коробки в Тильде идет интеграция со множествами сервисами (оплаты, рекламы и аналитики от Яндекс и Google, CRM, email-рассылок и тд.)
Особенно хорошо продвигаются сайты на Тильде в поиске. Есть чек-лист проверки сайта под SEO, настройка переадресации и редиректов.
Есть прекрасный функционал мультилендинга, что значительно увеличивает конверсию с платного трафика.
Что-то я отвлекся. На самом деле, конструктор Tilda я могу расхваливать часами)))
Перейдем к адаптации.
Настройка диапазона видимости в Tilda
- От 1200 px и более;
- От 980 до 1200 px;
- От 640 до 980;
- От 480 до 640;
- От 320 до 480;
- И от 0 до 320 пикселей.
Мобильная адаптация стандартных блоковна платформе Tilda
Мало кто знает, но у стандартных блоков Тильды, можно настраивать отдельно отступ для мобильной адаптации. Сверху и снизу. Ну это логично)))
Но для этого надо нажать на иконку ноутбука, где настраиваются отступы.
Вообще, Tilda мне нравится еще и тем, что они лаконично и удобно вписывают настройки в интерфейс. То, что может навредить в дизайне сайтов молодому дизайнеру, они прячут.
А вообще, функционал стандартных блоков конструктора крайне ограничен и сложные проекты разработчику на них сложно создать. Для этого на помощь приходит Zero!
Мобильная версия на Зеро (Zero) в Tilda
Тут ты волен творить, что душе угодно. Главное не перемудрить. Если ты дизайнер с опытом, то этот блок точно для тебя.
Кстати, возможно, кто-то не знает, но в Тильде можно конвертировать стандартный блок в Зеро. Не все, но многие.
Только главное правило, сначала конвертируй, потом уже в нем создавай страницу или блок. Потому что можно подумать, что сначала я сделаю, то что мне нужно, а потом я сконвертирую в Zero и будет мне счастье, но нет. При конвертации, все ваше редактирование, слетит и блок превратится в базовую версию стандартного.
Вообще, для быстрой работы с Zero и настройки адаптации, нужен опыт. Я вспоминаю себя, начинающим пользователем Tilda, для меня адаптация превращалась в ад, я тратил на нее уйму времени, делая ее самостоятельно, без расширений и помощников в виде обычного shape. Я с калькулятором и направляющими считал отступы и в редакторе двигал элементы.
Я даже не думал о том, что отступы можно было измерить шэйпом и этот же шэйп использовать как измеритель расстояния других элементов.
Это специальный блок, где вручную проставляются характеристики для каждого элемента в каждом разрешении экрана. Такой подход хорош тем, что дизайнер может добавлять элементы, не предусмотренные стандартными блоками: иконки, дополнительные текстовые блоки, кнопки и поля для ввода в любом количестве.
Но есть и минусы у Zeroblock. Во-первых, клиент уже не отредактирует этот блок, если захочет изменить текст или дополнить описание. Без навыков работы на Тильде он не справится, как со стандартным блоком. Второй минус — это цена и сроки. Ведь стандартный блок подгоняется автоматически, и дизайнер задает только общие характеристики: загружает 1 картинку, задает цвет шрифта и ссылку кнопки. Работая в Zeroblock, дизайнер проставляет характеристики и положение каждого элемента на 5 разрешениях монитора: десктоп (большой монитор или ноутбук), горизонтальный и вертикальный планшет и 2 размера смартфона.
Тильда рекламирует себя, заявляя о полной адаптивности и отсутствии проблем с отображением на мобильных устройствах. Но штатная адаптация подойдет только тем заказчикам, которых не волнует эстетика. Если задача состоит в том, чтобы сделать удобный и адаптивный сайт, уточняйте у дизайнера возможность проработки мобильной версии. Не у всех дизайнеров эта функция включена в стоимость.
Озвучивая вам цену за сайт, я обязательно включаю в него адаптив сайта. Все больше людей пользуются смартфонами и планшетами, совершают покупки и заказывают услуги с этих устройств. Делать сайт без мобильной версии — пустить деньги на ветер.
Если статья оказалась для Вас информативной – не пожалейте лайка, если нет – переходите на другие мои статьи по конструктору Tilda в поисках ответа на свой вопрос. Также Вы можете задавать вопросы под этой статьей или в комментариях под моими видео на YouTube-канале «Маркетинг в огне с Алексеем Чесноковым». Если Вы интересуетесь цифровым маркетингом, то советую перейти на мой канал – там Вы найдете много полезной информации и инсайдов.
Также для особо любознательных у меня есть авторские курсы по маркетингу, интернет-маркетингу, продвижению сайтов. Прикрепляю ссылки, при желании можете перейти и ознакомиться.
Недавно я прошла курс по digital marketing у Алексея Чеснокова. Если бы мне два месяца назад сказали, что я сделаю сайт или чат-бота, я бы посмеялась. На данный момент, появилась уверенность в своих силах, а самое главное интерес (даже жаль, что курс закончился) :) Мне очень понравилось делать чат-бота, похоже изнутри на нейросоединения, а когда все работает, то чувство радости и удовлетворения от проделанной работы. Также тема E-mail рассылки, очень интересная и актуальная.
И конечно сделать полноценный сайт-визитку со всеми формами, ссылками, калькулятором, это вообще целая интересная история. Могу сказать, что было не легко с нуля все это делать и если бы не Алексей, то скорее всего оставила затею с интернет-маркетингом. Хочу поблагодарить Алексея прежде всего за полученные знания, которые однозначно пригодятся в дальнейшем, за его настойчивость, строгость, и чувство юмора:) Мой мозг начал работать в нестандартном для него режиме, удивляя самого себя.
Алексей, спасибо за принесенную непоправимую пользу!:) Мне очень повезло попасть именно к Вам на курс (чего и всем кто хочет освоить digital marketing советую) .
Всё, что я узнала на курсе Алексея, было новое для меня! Алексей крайне терпеливый преподаватель, очень хорошо и интересно рассказывает, и объясняет. На основании полученных знаний и практик, я постараюсь найти работу в digital-маркетинге. Я оцениваю профессиональный уровень, как самый высокий. Его подача материала очень понятна, даже для новичка в этом направлении. Алексей правильно и доходчиво подаёт информацию. Слушать не скучно и интересно. Что хочется сказать про курс Алексея Чеснокова по Digital-маркетингу: огонь! Доступно, интересно, полезно, применимо на практике. Отдельная благодарность Алексею за понятное разъяснение любого возникающего вопроса. Пришла на курс с поверхностными знаниями, а выпустилась, как говорится, вооруженной до зубов. Однозначно рекомендую. Прошла обучение Алексея по интернет маркетингу. Самый полезный курс из всех мною увиденных и пройденных. Все ясно и понятно. Все последовательно и по полочкам. Алексей рассказывает предельно понятно, много фишек. После курса можно сразу запускать сайт, так как он уже готов к работе. Прошли все с самого начала-от домена, до самого конца-размещение в Яндекс Директ. Более емкого и объемного курса нет мне кажется ни у кого. Помимо этого всегда есть обратная связь. Однозначно, если кто то хочет сделать для себя многостараничник и узнать о seo, рекомендую курс Алексея Чеснокова. На курсе Алексея Чеснокова по Digital-маркетингу было асолютно всё новое для меня. Во время обучения понравилось создавать сайт, чат-бота. Приобретенные во время обучения навыки, думаю, что это обязательно пригодятся на практике. Было очень интересно обучаться у Алексея! Единственная просьба, кликать чуть медленнее при объяснении. Многие из группы не успевали за Алексеем. Иногда Алексей объяснял чуть медленнее, но потом снова забывался ;) Пройти курсы Алексея Чеснокова посоветовала бы. Я пришла на курс без какой-то базовой подготовки в сфере digital-маркетинга. Не смотря на это курс зашёл на ура. Много практики, прямо с первых дней, что очень мотивирует и задаёт хороший темп занятиям. Кроме лекций и практических занятий, Алексей даёт много дополнительных ресурсов, что позволяет более ёмко изучить материал. После курса чувствую уверенность в своих силах, и уже применяю полученные знания в реальных проектах. Очень благодарна за насыщенный, но при этом интересный курс по digital-маркетингу, а так же за позитивный и искренний подход к работе Алексея.Прошёл курс Алексея Чеснокова по обучению интернет-маркетингу. Получил много нужной и полезной информации, приобрёл необходимые навыки. А самое главное, сразу, в процессе обучения применил их на практике, в своём деле, создавая и оптимизируя сайт, подготавливая и осуществляя рассылки, контекстную рекламу. Было очень интересно. Занятия проходили динамично и за время обучения мы смогли не только в полном объёме получить и применить знания по Тильде, Сенд-пульсу, SEO и контекстной рекламе в Яндексе, но и дополнительно прослушать лекцию о продвижении на Ютуб. Если честно, очень хотелось бы ещё про продвижение в Инстаграм узнать (это очень модное и, как говорят, эффективное направление), но программа курса этого не предусматривала…
Безусловно, рекомендую курсы Алексея (как вэбинарные, так и в записях на Ютуб) прежде всего, тем, кто только осваивает интернет-маркетинг. Он делает это очень доходчиво и терпеливо. Но и искушённые маркетологи, думаю, почерпнут для себя много нового и актуального из его уроков, т.к. интернет-сфера меняется очень быстро, а Алексей стремиться идти в ногу со временем и все изменения и новшества сразу старается отразить в своих занятиях. Спасибо большое, Алексей, за полученные знания и навыки! Успехов Вам в таком нужном и благородном деле просветительства и обучения самостоятельной творческой деятельности в интернете!
Что может пойти не так в мобильной версии на Тильде?
Tilda может самостоятельно адаптировать блоки под диагонали мобильных устройств. Она уменьшает шрифт текста и заголовков, центрирует картинку. Но часто таким образом конструктор отрезает часть визуала, а тексты становятся нечитаемыми. Тильда не говорит об этом в описании. Но есть несколько вариантов решения.
Как решить проблему?
Отредактировать в Zero-блоке
Zero-block был создан для настройки собственного дизайна блоков. Дизайнеры стали активно использовать его для мобильной версии на Тильде.
Как работать над адаптивкой в нулевом блоке:
- Выбрать "Zero-block" в меню блоков под разделом "Другое"
- Выбрать "Редактировать блок", чтобы открыть рабочую область
- Включить функцию "Grid Container" и сделать привязку элементов к ней. Тогда весь контент будет просто масштабироваться в сетке на 12 колонок в зависимости от экрана устройства.
- Начать работу с элементами блока.
Адаптирование в Zero-блоке помогает сделать идеально подогнанную версию для мобильных устройств. Однако эта работа требует дополнительных навыков, так как в Zero-блоке своя система работы.
На что надо обратить внимание заказчику?
Мобильная версия в Tilda привлекает от 40% потенциальных клиентов, поэтому пускать на самотек её создание не стоит.
Во время согласования макета обращайте внимания на "вылетающие" за основную область элементы. Спрашивайте у дизайнера или студии, включена ли адаптация сайта в стоимость услуг и как именно будут подстраиваться под мобильную версию. Например, работа в Zero-блоке требует больше времени и, соответственно, будет стоить дороже.
Когда вы создаете форму для сбора заявок на вашем сайте, вы обязательно должны проверять введенную информацию на валидность (или "правильность").
Ранее мы уже писали о том, что в себя включает удачная форма, но сегодня мы хотели бы уделить особое внимание полям со вводом информации.
Когда вы создаете поля для ввода на сайте, вы должны задать им правильный тип: для e-mail — тип «E-mail», для ввода мобильного — Поле «Телефон» и так далее.
Это нужно именно для того, чтобы позаботиться о том, где и как будут анализироваться данные полученной базы пользователей.
Информация, которую оставил посетитель сайта, далее автоматически пропадет в выбранный вами сервис: CRM (система управления взаимоотношениями с клиентами), либо в сервис для e-mail или смс-рассылки.
И тут есть одна интересная вещь: неправильный формат введенных данных может просто отменить попадание контакта в список базы.
Например, сервис Unisender НЕ добавляет в свою базу e-mail рассылки человека с неверно введенным номером телефона (то есть номером, который не соответствует виду +код страны-номер телефона).
Неожиданно, не так ли?
У вас есть структура:
Человек заходит на лендинг и знакомится с информацией о мероприятии →
Далее он оставляет свои контакты в поле формы →
Через несколько секунд ему приходит автоматическое письмо с подтверждением о регистрации →
В день проведения мероприятия ему приходит письмо с напоминанием.
Предположим, вы не задали маску для номера телефона в настройках формы, и пользователь при регистрации на событие ввел телефон в свободной форме (например, 9096302020). Сервис, который вы используете для отправки писем, может просто не добавить пользователя в список рассылки. Да-да, именно по причине нестандартного формата номера телефона.
Таким образом, вы потеряете одного лида.
Читайте также: