Есть вопросы? Задавайте, отвечу!
Ваше имя
Ваш e-mail
Ваш телефон
Ваш вопрос/сообщение
Если есть вопрос, это место для него.
Тильда Бесплатный Конструктор для Создания Сайтов

Как добавить сторонний виджет или код на сайт в конструкторе Tilda?

В данной статье рассмотрим варианты по добавлению сторонних виджетов или кодов на сайт. С помощью простого функционала Вы сможете добавить на свой сайт сторонний калькулятор, календарь, HTML-код и многое другое.
Нет желания читать длинный текст?
Тогда смотрите обучающий видеоролик! В этом видео подробно описывается, как вставить виджет или код на Ваш сайт. Вы узнаете, как добавлять плейлист VK и HTML-код и сможете использовать полученную информацию в дальнейшем для добавления других типов виджетов: калькулятора, календаря и т.д.
Как добавить (вставить) сторонний виджет или код (калькулятор, календарь, HTML код и др.)?
Обучающее видео на YouTube канале «Маркетинг в огне» с Алексеем Чесноковым.

Добавление стороннего виджета на определенную страницу сайта

На данном примере я покажу, как вставить на страницу Вашего сайта такой виджет, как VK-плейлист.

1. Сперва заходим заходим в аудиозаписи VK, выбираем нужный нам плейлист и копируем код из поля "Код для вставки".
Копирование HTML-кода виджета
2. В конструкторе Tilda нажимаем "+", чтобы добавить новый блок.
3. В появившемся слева меню находим вкладку "Другое" и выбираем блок T123 "HTML-код".
Добавление HTML-кода на страницу сайта
4. Нажимаем красную кнопку «Контент».
5. В строку, выделенную желтым, вставляем HTML-код выбранного виджета, который Вам необходимо вставить.
Место для вставки HTML-кода виджета на страницу сайта
6. Нажимаем "Сохранить и закрыть".
7. Нажимаем "Опубликовать" и "Открыть страницу"

Получаем примерно вот такой вид страницы сайта, на которую мы добавили сторонний виджет VK-плейлист. По аналогии Вы сможете добавить на определенную страницу своего сайта калькулятор, календарь и другие типы виджетов.
Добавленный виджет музыки на конструкторе Tilda

Добавление HTML-кода на все страницы сайта

Если Вам необходимо добавить HTML-код на все страницы сайта, то используйте следующий алгоритм:

1. Заходим в «Настройки сайта».
2. Нажимаем «Еще».
3. Выбираем поле «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD» и нажимаем «Редактировать код».
4. В появившемся поле вставляем код и нажимаем "Сохранить"
Редактирование HTML-кода внутри HEAD

Добавление HTML-кода на определенную страницу сайта

Следующий алгоритм полезен в ситуации, когда Вы хотите вставить код на определенную страницу Вашего сайта.

1. Заходим в «Настройки».
2. Переходим во вкладку «Дополнительно» и пролистываем вниз.
3. Находим раздел «Дополнительно» и поле «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD» и нажимаем «Редактировать код».
Добавление HTML-кода на страницу сайта
4. В строку, выделенную желтым, вставляем код.
5. Нажимаем «Сохранить» и видим подтверждение, что код успешно сохранен.
Место для вставки кода HEAD на страницу сайта
Если данная статья оказалась для Вас полезной – ставьте лайк. Задавайте вопросы, касающиеся тонкостей конструктора Tilda, в комментариях под указанным выше видео или под этой статьей. На вопросы постараюсь ответить в следующих видео. При желании узнать о других ценных лайфхаках по конструктору Tilda, SEO, контекстной рекламе и т.д. Вы можете подписаться на мой YouTube канал «Маркетинг в огне с Алексеем Чесноковым».

Также у меня есть курсы по маркетингу, интернет-маркетингу, по созданию и продвижению сайтов на конструкторе Tilda, ссылки на которые указаны ниже на этой странице. Переходите, ознакомляйтесь.
Эта статья была для Вас полезной?

Добавить комментарий

Понравилась статья? Поделиться с друзьями:
38 ЛайфХаков для конструктора Тильда
Заполните форму ниже↓ и Вы получите список ЛайфХаков, которые помогут найти выход из сложных ситуаций при создании сайта
Ваше имя
Ваш e-mail
Контент будет отправлен на указанный e-mail
Made on
Tilda