Инструкции по интреграциям

Инструкция по Интеграции

Если Вам необходимо добавить специфичный элемент, которого нет в конструкторе - Вы можете добавить их при помощи  HTML кода. 

 

Для интеграции в нашем конструкторе присутствует 2 инструмента:

1) Менеджер скриптов – позволяет интегрировать HTML и JavaScript код:

- Внутрь тега «HEAD»

- После тега «BODY»

- Перед тегом «/BODY»

Но после интеграции не будет возможности изменить его положение.

Стоит обратить внимание на то, что загрузка страницы HTML происходит сверху-вниз. Сайт загрузится быстрее, если сложные анимации или интеграции будут вставлены в HTML перед тегом «/BODY». 

 

Результат Вы можете увидеть в предпросмотре.

 

2) Пользовательский HTML – позволяет интегрировать HTML и JavaScript непосредственно в «BODY». После интеграции у Вас в конструкторе появится заглушка, содержащая код, которую Вы сможете перемещать с помощью мышки.

 

Заглушку Вы можете передвинуть / уменьшить до необходимых Вам размеров при помощи мышки.

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

Результаты Вы можете увидеть в предпросмотре.

 

Пример интеграции

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

К примеру, возьмем интеграцию кнопки Like для Facebook.

 

Так, как код разделен на 2 части необходимо использовать 2 инструмента:

Этап 1:

Используйте «Менеджер скриптов».

В открывшемся окне нажмите «Добавить»

Далее выполните следующие действия:

1. Введите название скрипта.

2. Укажите его положение. Как было указано в инструкции по интеграции SDK JavaScript кода нужно вставить после тега

 

3. Вставьте 1-ую часть Кода которую скопировали с Facebook.  Нажмите на текстовое окно правой кнопкой мыши в контекстном меню выберите  «Вставить» или используя горячие клавиши Ctrl+V.

 

4. Нажмите «Добавить».

Этап 2:

Используйте «Пользовательский HTML». Для этого зажмите его левой кнопкой мыши и перетяните в необходимое место.

 

В открывшемся окне вставьте 2-ую часть кода, нажав на текстовое окно правой кнопкой мыши и в контекстном меню нажав на «Вставить» или используя горячие клавиши Ctrl+V.

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

Далее у Вас в конструкторе появится заглушка.

 

Расположите заглушку там, где хотите видеть Ваш виджет.

Результат Вы сможете увидеть в предпросмотре.

Готово.