Есть вопросы? Задавайте, отвечу!
Тильда Бесплатный Конструктор для Создания Сайтов
Как добавить сторонний виджет или код на сайт в конструкторе Tilda?
В данной статье рассмотрим варианты по добавлению сторонних виджетов или кодов на сайт. С помощью простого функционала Вы сможете добавить на свой сайт сторонний калькулятор, календарь, HTML-код и многое другое.
Нет желания читать длинный текст?
Тогда смотрите обучающий видеоролик! В этом видео подробно описывается, как вставить виджет или код на Ваш сайт. Вы узнаете, как добавлять плейлист VK и HTML-код и сможете использовать полученную информацию в дальнейшем для добавления других типов виджетов: калькулятора, календаря и т.д.
Как добавить (вставить) сторонний виджет или код (калькулятор, календарь, HTML код и др.)?
Обучающее видео на YouTube канале «Маркетинг в огне» с Алексеем Чесноковым.
Дополнительный материал на YouTube
Дополнительные ролики, которые упоминаются в видео
▶️ Полное описание возможностей Тильда (видеогид по основным функциям)
▶️ Начало Работы: Как устроена Тильда, Создание и Редактирование страниц
▶️ Настройки Сайта: Домен, Настройки Форм, Аналитика, Главная Страница, Почта и пр.
▶️ 13 секретов удобной навигации по сайту
▶️ Как создать интернет-магазин на Тильде и работать с ним?
▶️ Отзывы для сайта: Зачем? Как? Где?
▶️ Обзор сторонних виджетов (сервисов) для интеграции
▶️ Как выровнять по центру любой виджет?
▶️ Начало Работы: Как устроена Тильда, Создание и Редактирование страниц
▶️ Настройки Сайта: Домен, Настройки Форм, Аналитика, Главная Страница, Почта и пр.
▶️ 13 секретов удобной навигации по сайту
▶️ Как создать интернет-магазин на Тильде и работать с ним?
▶️ Отзывы для сайта: Зачем? Как? Где?
▶️ Обзор сторонних виджетов (сервисов) для интеграции
▶️ Как выровнять по центру любой виджет?
Добавление стороннего виджета на определенную страницу сайта
На данном примере я покажу, как вставить на страницу Вашего сайта такой виджет, как VK-плейлист.
1. Сперва заходим заходим в аудиозаписи VK, выбираем нужный нам плейлист и копируем код из поля "Код для вставки".
1. Сперва заходим заходим в аудиозаписи VK, выбираем нужный нам плейлист и копируем код из поля "Код для вставки".
2. В конструкторе Tilda нажимаем "+", чтобы добавить новый блок.
3. В появившемся слева меню находим вкладку "Другое" и выбираем блок T123 "HTML-код".
3. В появившемся слева меню находим вкладку "Другое" и выбираем блок T123 "HTML-код".
4. Нажимаем красную кнопку «Контент».
5. В строку, выделенную желтым, вставляем HTML-код выбранного виджета, который Вам необходимо вставить.
5. В строку, выделенную желтым, вставляем HTML-код выбранного виджета, который Вам необходимо вставить.
6. Нажимаем "Сохранить и закрыть".
7. Нажимаем "Опубликовать" и "Открыть страницу"
Получаем примерно вот такой вид страницы сайта, на которую мы добавили сторонний виджет VK-плейлист. По аналогии Вы сможете добавить на определенную страницу своего сайта калькулятор, календарь и другие типы виджетов.
7. Нажимаем "Опубликовать" и "Открыть страницу"
Получаем примерно вот такой вид страницы сайта, на которую мы добавили сторонний виджет VK-плейлист. По аналогии Вы сможете добавить на определенную страницу своего сайта калькулятор, календарь и другие типы виджетов.
Добавление HTML-кода на все страницы сайта
Если Вам необходимо добавить HTML-код на все страницы сайта, то используйте следующий алгоритм:
1. Заходим в «Настройки сайта».
2. Нажимаем «Еще».
3. Выбираем поле «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD» и нажимаем «Редактировать код».
4. В появившемся поле вставляем код и нажимаем "Сохранить"
1. Заходим в «Настройки сайта».
2. Нажимаем «Еще».
3. Выбираем поле «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD» и нажимаем «Редактировать код».
4. В появившемся поле вставляем код и нажимаем "Сохранить"
Добавление HTML-кода на определенную страницу сайта
Следующий алгоритм полезен в ситуации, когда Вы хотите вставить код на определенную страницу Вашего сайта.
1. Заходим в «Настройки».
2. Переходим во вкладку «Дополнительно» и пролистываем вниз.
3. Находим раздел «Дополнительно» и поле «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD» и нажимаем «Редактировать код».
1. Заходим в «Настройки».
2. Переходим во вкладку «Дополнительно» и пролистываем вниз.
3. Находим раздел «Дополнительно» и поле «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD» и нажимаем «Редактировать код».
4. В строку, выделенную желтым, вставляем код.
5. Нажимаем «Сохранить» и видим подтверждение, что код успешно сохранен.
5. Нажимаем «Сохранить» и видим подтверждение, что код успешно сохранен.
Если данная статья оказалась для Вас полезной – ставьте лайк. Задавайте вопросы, касающиеся тонкостей конструктора Tilda, в комментариях под указанным выше видео или под этой статьей. На вопросы постараюсь ответить в следующих видео. При желании узнать о других ценных лайфхаках по конструктору Tilda, SEO, контекстной рекламе и т.д. Вы можете подписаться на мой YouTube канал «Маркетинг в огне с Алексеем Чесноковым».
Также у меня есть курсы по маркетингу, интернет-маркетингу, по созданию и продвижению сайтов на конструкторе Tilda, ссылки на которые указаны ниже на этой странице. Переходите, ознакомляйтесь.
Также у меня есть курсы по маркетингу, интернет-маркетингу, по созданию и продвижению сайтов на конструкторе Tilda, ссылки на которые указаны ниже на этой странице. Переходите, ознакомляйтесь.
Эта статья была для Вас полезной?
Добавить комментарий
Понравилась статья? Поделиться с друзьями:
38 ЛайфХаков для конструктора Тильда
Заполните форму ниже↓ и Вы получите список ЛайфХаков, которые помогут найти выход из сложных ситуаций при создании сайта
Контент будет отправлен на указанный e-mail
