Фичерный бейджик тильда что это

Настройка внешнего вида бейджа

В этой статье Вы узнаете, как настроить внешний вид бейджа RedHelper.

Бейдж — это кнопка, та часть виджета RedHelper, на которую кликает пользователь для открытия окна чата и офлайн-формы.

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

Как настроить внешний вид окна чата

Для изменения настроек отображение окна чата Вам необходимо авторизоваться в личном кабинете RedHelper:

И перейти на страницу «Внешний вид» сервиса RedHelper, где выбрать вкладку «Бейджик»:

Если RedHelper расположен на нескольких сайтах, не забудьте выбрать, для какого из них Вы производите настройку внешнего вида.

Пользователь может настроить следующие параметры:

положение бейджика — слева, внизу или справа
текст на бейдже
цвет бейджа (миллионы цветов)
размер бейджика (маленький, средний, большой)

Кроме того, возможно настроить положение бейджа относительно сторон экрана, достаточно «схватить» бейджик и перетащить его на нужное расстояние (указано в %)

После внесения всех поправок, необходимо нажать на кнопку «Сохранить» — изменения вступят в силу незамедлительно.

Копирование настроек

Если у вас настроено несколько сайтов, Вы можете копировать настройки внешнего вида чата для каждого из них. Для этого Вам необходимо выбрать необходимый сайт в разделе «Внешний вид» и нажать «Копирование настроек»:

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

Сайт 1 – это тот сайт, на который будут скопированы настройки.

Сайт 2 – это тот сайт, с которого будут скопированы настройки.

Помощь

Вы всегда можете обратиться за помощью к нашим специалистам. Для вас доступны:

онлайн-чат и бесплатный обратный звонок на сайте RedHelper.ru
телефон +7 (495) 212 92 57
почта info@redhelper.ru

«У вас тут не работает». Как опубликовать сайт на «Тильде» без багов и опечаток

То заявка не отправляется, то на мобилке шрифты какие-то не такие, то кнопки никуда не ведут.

Привет! Меня зовут Юля, я редактор. Раньше я собирала страницы на «Тильде» сама, поэтому знаю, какая это боль, когда тебе пишут: «Ой, а у вас на сайте баг».

Юля Сабукевич
Пишу тексты для сайтов и лендингов в студии Busy

Чтобы меньше страдать, список багов я собрала в чек-лист.

Вместе с Машей Ярцевой, сооснователем и арт-директором студии Busy, мы доработали чек-лист. И теперь используем его, чтобы убрать максимум недочетов перед тем, как прислать сайт клиенту.

Делюсь чек-листом с моими комментариями, чтобы и вы могли проверить себя или подрядчика.

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

• Нет опечаток и ошибок. Банально, но необходимо. Чтобы посмотреть на текст взглядом новичка и найти ошибки, которых не замечали раньше, можно прочитать текст наоборот — с конца. Если не уверены в своей пунктуации — покажите другу-копирайтеру.

• Точки в конце предложений. Частая опечатка — в одном буллите стоит точка, в другом — нет.

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

• Оформление списков. Если коротко, то список должен быть оформлен единообразно. В справочнике Мильчина можно прочитать тру правила для списков. Короткая версия — ниже.

На сайтах такие знаки препинания часто исчезают совсем. Это ок (филологи, извините), но проследите, что все написано одинаково со строчной или заглавной буквы.

• Правильные кавычки и длинные тире. Мелочь, но влияет на восприятие. Особенно для тех, кого уже научили ставить кавычки-«елочки» и тире вместо дефиса.

Тонкое искусство отличать дефис от длинного тире ( — vs —) приходит с практикой.

Если вы сейчас смотрите на свой сайт и понимаете, что кавычки-«елочки» и точки на своих местах делу не помогут (так бывает) — приходите к нам в Busy. Поможем сделать хорошо.

Здесь тоже ничего нового — дотошно проверяем, что все выглядит аккуратно.

• Верное отображение в разных разрешениях. Мы проверяем через i love adaptive — расширение для Гугл-хрома. А еще делаем контрольную проверку вручную на iPhone и Android.

Часто десктоп и мобилка выглядят отлично, но есть проблемы с промежуточными разрешениями, на планшет. Найти ошибку поможет тот же i love adaptive.

Слева можно выбрать устройства и системы для теста.

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

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

Для сжатия картинок на vc тоже подходит!
�� SEO и отображение сайта

• Верное название страницы в браузере. Бывает так, что страница опубликована, а название осталось рабочим, что-то в духе «new main ver 2». Поменять название страницы и ее описание можно в настройках.

Настройки —> Заголовок.

• Бейджик для соцсетей. Бейджик — это мини-изображение, превью сайта, которое появляется, когда вы публикуете ссылку, например, на Фейсбуке. Размер бейджика — 1200х630. На бейджике изображения и буквы должны быть крупными. Мелкие иконки и теги будут нечитаемыми. Бейджик можно также добавить в настройках страницы.

• Расставлены заголовки H1-H2. H1 влияет на поисковую выдачу, поэтому выделять как H1 самый важный заголовок, один на страницу.

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

H1-H2 и alt — это минимум из того, что касается SEO. Подробнее про оптимизацию сайта на Тильде под поисковики можно прочитать в их гайде.

• Нет галочки на «запрет индексации». Ее могли поставить случайно или специально, пока страница еще была в разработке. Проверьте, что галочки нет, а если была — отправьте страницу в Google search console, чтобы она снова индексировалась.

Настройки страницы —> SEO —> скролим до конца —> проверяем, что галочки нет.

• Страница 404. Если все-таки что-то сломается, пользователь не потеряется, а перейдет на 404. Вот инструкция от Тильды, как назначить страницу 404.

�� Кнопки и ссылки

• Все кнопки работают. Типичные обидные ошибки — кнопка на первом экране или постоянная кнопка из меню никуда не ведут. Нажмите на каждую кнопку на сайте и проверьте, что все работает.

• Нет битых или некликабельных ссылок. Точно так же тупо прокликиваем все и проверяем.

Совет: рекомендуем создавать header и footer как отдельные страницы на Тильде. Иначе в какой-то момент вы измените что-то в футере на одной странице и забудете изменить это на других. В итоге — битые ссылки и запутавшиеся пользователи.

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

• Плавный скрол для якорных ссылок. Модификатор делает так, чтобы пользователь не «скакал» по странице после нажатия кнопки, например, а плавно «катился». Ставим модификатор внизу страницы.

Ищем в библиотеке блок T178.

То, для чего все затевалось. Работающая форма и новые заявки в вашей базе.

• Форма есть. Просто перепроверьте.

• Подключена Тильда CRM или Гугл таблица. Это необязательно, но удобно, если у вас нет свой CRM. Все заявки будут храниться в одном месте. Главное — не делать доступ по ссылке для Гугл-таблицы, иначе она будет открыта для всех в интернете.

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

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

Теперь все! Можно наконец-то публиковать и делиться! Или нет? Если есть пункт, который я не учла — пишите в комментариях.

2. Настройки страницы сайта, созданного на Тильде

Чтобы создать новую страницу сайта в Тильде, необходимо в админ панели нажать на кнопку «Создать новую страницу«:

Затем нужно выбрать шаблон из предложенных Тильдой, содержащих базовый контент и настройки, либо выбрать пустую страницу, на которой Вы будете строить структуру сайта с нуля:

Выбрав пустую страницу, получим ее рабочую область:

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

Итак, создадим три страницы нашего сайта — шапка, Главная, подвал — так, как это описано в статье нашего блога «Как в Тильде настроить шапку и подвал сайта«.

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

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

Отсюда мы можем:

управлять настройками страницы,
публиковать страницу, чтобы она была доступна в сети Интернет после создания или внесения в нее изменений,
перейти по ссылке на страницу,
удалить страницу.

Рассмотрим подробнее панель Настроек страницы сайта на Тильде.
На вкладке Главное мы можем указать Заголовок страницы, ее Описание, задать понятный адрес для страницы согласно ее содержимому:

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

На вкладке Facebook and SEO видно, как наша ссылка будет отображаться в Фейсбуке и в результатах поисковой выдачи:

А также доступны к управлению специальные мета-данные, которые можно использовать в Фейсбук или в поисковой выдаче:

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

На вкладке Экспорт доступен к просмотру код страницы и доступен к скачиванию архив страницы. Эта функция доступна только для аккаунтов с бизнес-планом. При этом при экспорте Вы получите статичный html-код страницы со всеми необходимыми файлами (картинки, css, js). Но сервисы — такие как, например, получение и обработка данных из форм, корзина, каталог товаров, потоки, личный кабинет — не экспортируются и работать будут только при активной подписке на Тильду:

На вкладке Действия Вы можете:

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

На вкладке Дополнительно доступны возможности настройки страницы сайта, созданного на Тильде:

включить/отключить анимацию появления блоков при скролле,
отключить/включить адаптивность мобильных устройств,
разрешить или запретить использование шапки на конкретной странице,
указать номер очередности страницы в общем списке страниц сайта Тильды,
указать лейбл страницы для удобной фильтрации в списке страниц,
добавить комментарий к странице с какими-либо пояснениями для удобства,
привязать страницу к определенной папке в списке страниц для более удобного структурирования сайта:

Здесь доступны также параметры, необходимые для некоторых отдельных блоков страницы, таких как, например, меню или список страниц:

дата создания,
подзаголовок,
короткое название для блоков с выбором страниц,
специальная ссылка для блоков с выбором страниц,
возможность сделать фичером в списке писем на главной,
загрузка изображения для фичерного бейджика,
можно убрать страницу из RSS:

Дополнительно можно:

увидеть информацию о количестве блоков на странице,
редактировать html-код, который вставляется внутрь тега head на странице (например, коды сервисов аналитики),
просматривать корзину, куда помещаются блоки страницы после удаления. Можно восстановить в течение дня,
Задать пароль на страницу, если необходимо ограничить к ней доступ:

Друзья, рассмотрели с Вами подробно настройки страниц сайтов, созданных в Тильде.
Спасибо за внимание!

Как исправить отображение ссылки на сайт в соцсетях?

Отображение ссылки на сайт в социальных сетях зависит от того, какая информация задана в Настройках страницы → Facebook and SEO → Отображение в Фейсбуке. Если там не указана информация, то Заголовок и Описание в предпросмотре берутся из полей вкладки Главное в Настройках Страницы, а бейдж из вкладки Бейджик (если бейжик не загружен, то берется первое изображение со страницы).

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