Как добавить Html код на свой сайт

Дата публикации: 02-02-2016       4107

С появлением возможности в Tobiz.net добавления на сайт HTML кода, постоянно возникают вопросы, каким образом это правильно делается. Как добавить Html код на свой сайт в нашем конструкторе вы можете узнать, просмотрев видео ниже.

Содержание:

  1. Как вставить сторонний код с помощью блока
  2. Как вставить HTML код на весь сайт
     

 

Вставка Html на сайт

Для вставки HTML кода есть 2 способа. Первый - добавление кода в блок из редактора блоков. Второй - добавление стороннего кода в Настройках проекта в раздел Html код для вставки.

Конструктор не может гарантировать корректную работу вашего сайта при добавлении стороннего кода. Некоторые скрипты перекрывают коды конструктора, что приводит к багам на сайте. 

 

Как вставить сторонний код с помощью блока

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

Инструкция:

  1. Зайдите в Проекты.
  2. Войдите в редактор той страницы, куда хотите добавить HTML код, например, какого-то виджета.


     
  3. Нажмите на кнопку Добавить блок.


     
  4. Прокрутите список разделов в Библиотеке блоков и выберите раздел Ссылка и редактор. 


     
  5. Выберите блок секцию для вставки стороннего html кода.


     
  6. Блок добавится в самый конец. С помощью кнопки со стрелками переместите блок туда, где вам нужно, чтобы отображался виджет.


     
  7. Нажмите на блок и в пустое поле редактора кода введите ваш код. Не забудьте Сохранить.

​Теперь HTML код добавлен на ваш сайт и открыв сайт в просмотре вы увидите инструмент, который вы добавили на сайт.

 

Как вставить HTML код на весь сайт 

Второй способ добавления стороннего кода - вставка кода в Настройках проекта в разделе HTML код для вставки. Используется данный инструмент обычно при установке кода на весь сайт. Обычно таким образом вставляются метрики, карты, счетчики и другие сервисы, которые нужны на всех страницах сайта.

Инструкция:

  1. Зайдите в Проекты
  2. Найдите сайт, куда хотите вставить сторонний скрипт. Нажмите Настройки проекта. 


     
  3. Выберите раздел в левом меню "HTML код для вставки".


     
  4. Перед вами появится два поля: Секция HEAD и Секция BODY. Вставьте свой код в секцию HEAD. Не забудьте Сохранить. 


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

Теперь у вас есть возможность, вставлять любой html.

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

Рассказать друзьям:

Cделайте первый шаг

Выберите готовый шаблон из более 1700+ бесплатных и премиум вариантов.

ШАБЛОНЫ САЙТОВ