Как вставить форму на другой сайт

← Назад

Кнопка «Вставить форму в другой сайт» даёт готовый 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;
  • как настроить разделы и модули под задачи вашего дела.

Если нужного ответа не нашлось, воспользуйтесь формой обратной связи — мы поможем разобраться. Раздел обновляется, чтобы вы всегда могли найти актуальную информацию по работе с конструктором.