Tilda
Шаг 1. Получите код виджета
В evntflo откройте событие → Регистрация → Виджет для сайта. Скопируйте код.
Шаг 2. Добавьте HTML-блок на страницу
В редакторе Tilda:
- Нажмите «+» для добавления нового блока.
- Перейдите в категорию «Другое» → выберите блок T123 (HTML-блок).
- Нажмите на блок для редактирования и вставьте код виджета.
Шаг 3. Опубликуйте сайт
Нажмите «Опубликовать» в Tilda. Виджет появится на опубликованной странице.
Настройка CORS для Tilda
Добавьте ваш домен в список разрешённых источников evntflo:
- Кастомный домен:
yourdomain.com - Tilda-домен:
yoursite.tilda.ws
Инструкция: Настройка CORS.
Webflow
Шаг 1. Добавьте Embed-компонент
В Webflow Designer:
- Нажмите «+» → компонент «Embed» (раздел «Components» или «Add»).
- Перетащите компонент на нужное место на странице.
Шаг 2. Вставьте код
Дважды кликните на Embed-компоненте, вставьте код виджета evntflo. Нажмите «Save».
Шаг 3. Опубликуйте
Нажмите «Publish» в Webflow. Embed-компоненты отображаются только на опубликованных страницах, не в редакторе.
CORS для Webflow
Добавьте в evntflo ваш Webflow-домен (.webflow.io или кастомный).
Wix
Шаг 1. Добавьте HTML iFrame
В редакторе Wix:
- Нажмите «+» → «Ещё» → «HTML iFrame».
- Добавьте элемент на страницу.
Шаг 2. Вставьте код
Нажмите на элемент → «Изменить код». Вставьте код виджета. Нажмите «Применить».
Wix использует изолированный iFrame для HTML-кода, что может влиять на высоту виджета. Установите достаточную высоту iFrame (рекомендуется 800px для многошаговых форм).
CORS для Wix
Добавьте ваш Wix-домен (yoursite.wixsite.com или кастомный).
Framer
- Откройте проект → «Insert» → «Custom Code» (в разделе Assets).
- Вставьте код виджета в поле кода.
- Разместите компонент на нужной странице.
WordPress
Через плагин Header Footer Code
- Установите плагин «Header Footer Code Manager» или аналогичный.
- Добавьте скрипт виджета (
<script src="...">) в раздел Footer. - На нужной странице вставьте шорткод или HTML-блок с контейнером
<div data-evntflo-widget="...">.
Через Gutenberg
В редакторе страницы добавьте блок «Пользовательский HTML» и вставьте полный код виджета (контейнер + script).
Универсальный HTML
Для любого другого сайта вставьте код прямо перед тегом </body>:
<div data-evntflo-widget="ВАШ_EVENT_ID"></div>
<script src="https://evntflo.com/widget.js" async defer></script>