Важно!
Добавление некорректного HTML-кода может нарушить работу или полностью сломать ваш сайт. Используйте этот блок только при наличии соответствующих технических знаний.
Блок «HTML-код» добавляет на сайт функции, которых нет в стандартном наборе конструктора. Вы можете вставить свой или сторонний код, чтобы подключить внешние сервисы или добавить нестандартный функционал.
В Конструкторе сайтов Рег.ру вы можете добавить собственный код двумя способами:
Способ 1. Если код необходимо применить для всех страниц, вы можете сделать это через общие настройки сайта. Такой способ подходит, например, для размещения кода онлайн-чата.
Способ 2. Если необходимо разместить код в конкретном месте страницы, вы можете сделать это через блок. Такой способ подходит для размещения виджетов сторонних сервисов.
Рассмотрим подробнее оба варианта добавления.
Способ 1. Как добавить HTML-код для всех страниц
-
1
Перейдите в Общие настройки сайта
-
2
Пролистайте раздел «Основные» до блока «Кастомный код». Вставьте ранее полученный код виджета в блок Tag <head> или Tag <body> (в зависимости от требований сервиса, предоставившего код) и нажмите Сохранить:
Готово, вы добавили код для всех страниц сайта.
Способ 2. Как добавить и настроить блок HTML
-
1
В редакторе сайта наведите курсор на ту часть страницы, где хотите разместить блок HTML. Нажмите кнопку Добавить блок:
-
2
Найдите раздел «Другое» и кликните на блок html-код:
-
3
Нажмите на Карандаш, чтобы открыть панель редактирования блока:
-
4
Добавьте ваш код:
-
5
Настройте внешний вид блока:
- цвет фона,
- анимацию,
- заголовки,
- подложку,
- отступы,
- скругление углов.
-
6
После завершения настройки нажмите Сохранить:
Готово, вы настроили html-блок.
Примеры кода для вставки
Обратите внимание
Необходимо заменить значения внутри кода на свои:
<p><a href=«Ваша ссылка для перехода»>Ваш отображаемый в блоке текст</a></p>.
Номер телефона
<p><a href="tel: +71234567890">+7 (123) 456-78-90</a></p>Почта
<p><a href="mailto: test@reg.ru">test@reg.ru</a></p>Ссылка на внешний ресурс
<p><a href="https://www.reg.ru/sozdanie-saita/">Конструктор сайтов Рег.ру</a></p>Изображение
<p><img alt="" src="ссылка на изображение" style="height:100%; width:100%" /></p>Помогла ли вам статья?
Спасибо за оценку. Рады помочь 😊