Як вставити форму на інший сайт

← Назад

Кнопка «Вставити форму на інший сайт» дає готовий HTML-код: кнопка з формою у вікні, форма на сторінці через iframe або вбудована без iframe.

  1. Відкрийте форму під адміністратором і натисніть «Вставити форму на інший сайт» — праворуч у панелі конструктора.
  2. Виберіть варіант: «Кнопка + форма у вікні», «Форма на сторінці (iframe)» або «Вбудувати в сторінку (без iframe)».
  3. Для кнопки задайте «Текст кнопки» і «Колір кнопки» — прев'ю відразу поруч.
  4. Натисніть «Скопіювати код» і вставте його в HTML сторінки іншого сайту — туди, де має бути кнопка або форма. У конструкторах сайтів це блок «HTML-код», «Код» або «Embed».

Чим відрізняються варіанти. Кнопка відкриває форму поверх сторінки, на телефоні — на весь екран. Форма в iframe стає в текст сторінки, її висота підлаштовується сама. Без iframe форма стає частиною сторінки: спільне прокручування, шрифт і колір тексту того сайту. Якщо той сайт не дасть її вбудувати, вона сама стане через iframe.

Варіант без iframe недоступний, якщо у формі є поля, яким потрібні свої скрипти: завантаження файлів, клоновані блоки, залежний список, кошик, пункти видачі. У вікні ці поля будуть перелічені.

Заявки з іншого сайту надходять так само, як з вашого, — за правилами кнопки форми. Першим рядком листа йде «Джерело заявки»: сайт і сторінка, де стояла форма. У таблиці замовлень для цього є колонка «Джерело». Якщо в кнопки правило «Оплатити», сторінка оплати відкриється замість сторінки того сайту.

Правки форми на вашому сайті видно на іншому сайті відразу — код вставки змінювати не потрібно.

Якщо не вийшло

  • Варіант «без iframe» сірий. У формі є поле зі списку вище. Використовуйте iframe або кнопку з вікном.
  • У формі без iframe телефон вводиться без маски. Так і задумано: маска там не працює, але номер все одно перевіряється при надсиланні і приводиться до вигляду +7 (999) 123-45-67.
Стаття допомогла?

Дивіться також

Як зібрати формуСтворіть розділ з модулем forms і натискайте «Додати поле» — поля розкладаються перетягуванням по колонках.Які бувають типи полівПонад тридцять типів у п'яти групах: від звичайного рядка й дати до калькулятора, набору послуг з цінами та кнопок вибору.Як порахувати вартість прямо у форміДодайте поле типу «Калькулятор» і впишіть «Формулу розрахунку» — у ній можна посилатися на інші поля у фігурних дужках.Як задати ширину поля та одиницю виміру«Ширина всередині колонки» розтягує поле, «Одиниця виміру» підписує його — «шт.», «м²», «руб.» або свій варіант.

Підказки для роботи з конструктором

Розділ «Довідка» створено для тих, хто вперше збирає сайт на «Першій лінії». Тут зібрано відповіді на часті питання: як створити сайт, що писати в полях, як редагувати тексти й фотографії, як підключити власний домен і налаштувати розділи. Матеріали допоможуть розібратися без звернення до підтримки.

Конструктор влаштований просто: ви заповнюєте поля на сторінці створення, а потім редагуєте вміст прямо на готовому сайті. Якщо щось не виходить або незрозуміло, загляньте у відповідний пункт довідки. Інструкції написані простою мовою й описують кожен крок.

У довідці ви знайдете відповіді на питання:

  • як придумати адресу сайту і що робити, якщо ім'я зайняте;
  • як змінити назву, опис та інші тексти на сторінці;
  • як додати товари, послуги або форми заявок;
  • як підключити свій домен замість адреси на firstline.com.ua;
  • як налаштувати розділи й модулі під завдання вашої справи.

Якщо потрібної відповіді не знайшлося, скористайтеся формою зворотного зв'язку — ми допоможемо розібратися. Розділ оновлюється, щоб ви завжди могли знайти актуальну інформацію щодо роботи з конструктором.