Вставити вбудовану форму підписки в сайт

Збирати контакти на сайті можна за допомогою форми підписки. Спочатку ви створюєте форму підписки в UniSender, потім розміщуєте її в себе на сайті.

В UniSender є два види форм:

  • вбудована (статична);
  • спливаюча (pop-up).

У цій статті ми розповімо, як додати вбудовану форму підписки на сайт.

Створюємо форму в UniSender

Докладніше про те, як створити форму підписки, читайте в статті «Форма підписки UniSender».

Після того, як ви створили та зберегли форму, натисніть «Отримати HTML» у верхньому кутку праворуч.

Як вставити вбудовану форму підписки на сайт

Є три варіанти коду:

  • JavaScript. Форма буде мати такий самий вигляд, як у редакторі UniSender. Вибирайте цей варіант, якщо у формі не потрібно нічого змінювати.
  • HTML. Тут можна редагувати код. Вибирайте HTML, якщо хочете змінити якусь частину коду, наприклад, шрифт і його колір.
  • Код форми для веб-розробника. Це «чистий» код форми без оформлення та стилів. Вибирайте цей варіант, якщо хочете зробити своє оформлення форми підписки.

Натисніть «Скопіювати» проти потрібного варіанту.

Як вставити вбудовану форму підписки на сайт

Вставляємо форму на сайт

Розглянемо на прикладі популярної CMS WordPress, як додати отриманий код на сайт.

Зовнішній вигляд деяких елементів адмін-панелі може відрізнятися залежно від версії WordPress або встановлених плагінів, але загальний принцип створення сторінки такий самий.

Зайдіть у консоль адміністрування WordPress, далі в розділ «Сторінки» — «Всі сторінки».

Як вставити вбудовану форму підписки на сайт

Якщо потрібно створити нову сторінку, клікніть «Додати нову». Якщо сторінку, куди ви хочете вставити форму, вже створено, знайдіть її в списку сторінок нижче. Наведіть курсор на сторінку та натисніть «Редагувати».

Як вставити вбудовану форму підписки на сайт

Тепер перейдіть до редактора коду. Натисніть на кнопку з трьома крапками праворуч угорі, в меню виберіть «Редактор коду» чи натисніть гарячі клавіші Ctrl + Shift + Alt + M.

Як вставити вбудовану форму підписки на сайт

Якщо це нова сторінка, введіть заголовок у поле вгорі, а нижче вставте скопійований із UniSender код.

Якщо сторінка вже існує, поставте курсор у тому місці коду, куди потрібно вставити форму підписки, і вставте код.

Як вставити вбудовану форму підписки на сайт

Щоби подивитися, що вийшло в результаті, клікніть «Переглянути», поставте позначку «Десктоп» і клікніть «Попередній перегляд в новій вкладці».

Як вставити вбудовану форму підписки на сайт

Такий вигляд має готова сторінка з формою підписки. Тут-таки можна відразу ввести свою адресу та натиснути «Підписатись» для тестування підписки.

Як вставити вбудовану форму підписки на сайт

Якщо все гаразд, натисніть «Опублікувати».

Як вставити вбудовану форму підписки на сайт

Виберіть налаштування видимості, дату публікації та натисніть «Опублікувати».

Як вставити вбудовану форму підписки на сайт

Щоби перевірити сторінку після публікації, натисніть «Переглянути сторінку».

Як вставити вбудовану форму підписки на сайт

Сторінка з формою підписки готова.

 

Ви знайшли відповідь на ваше питання?

0
0