Подключение калькуляторов и форм
База знаний Подключение калькуляторов и форм Как добавить форму QForm на свой сайт на Craftum?

Как добавить форму QForm на свой сайт на Craftum?

1. Зарегистрируйте личный кабинет на QForm

2. Авторизуйтесь в личном кабинете QForm. Далее укажите адрес сайта, на который хотите установить форму. Для этого перейдите в раздел «Мои сайты»

49830 1659100443064 Yx6yop21

3. Добавьте новый сайт, нажав «+», и введите адрес и название сайта, на который нужно добавить форму. Нажмите кнопку «Добавить»

49830 1659100449851 O4u9wal3

4. Перейдите во вкладку «Формы». Чтобы создать новую форму нажмите «Добавить форму». Подробную инструкцию по созданию формы вы можете посмотреть на главной странице сервиса (для перехода на главную страницу кликните на логотип «QForm» в верхнем левом углу сайта)

49830 1659100443837 Yryk87gu

5. После создания формы перейдите  в раздел «Код вставки» и скопируйте HTML-код, нажав кнопку «Скопировать» (вкладку нужно оставить открытой)

49830 1659100449937 1wilyopa

6. Перейдите в Craftum и выберете сайт, на который вы хотите установить форму QForm. Нажимаем на «+» под тем блоком, где должна отображаться форма.

49830 1659100450680 X73c9l26

7. Перейдите во вкладку «Другое» и выберете блок «HTML-код»

49830 1659100451652 Eltw0t6b

8. Наведите курсор на добавленный блок и нажмите на кнопку «Настроить»

49830 1659100443367 23pt715g

9. У вас появится поле с названием «HTML-код». Вставляем в это поле скопированный код с QForm. Далее переходим на домашнюю страницу, нажав на значок «49830 1659100441149 D234v079».

49830 1659100450277 Mqpj6ojw

10. Перейдите в настройки сайта, нажав на шестеренку.

49830 1659100444130 Cbo98oer

11. Вернитесь в QForm и перейдите в раздел «Код вставки». Немного прокрутите страницу вниз и скопируйте скрипт из поля, нажав «Скопировать»

49830 1659100452814 0vf158hc

12. Вернитесь в Craftum в настройки сайта и перейдите во вкладку «HTML». В поле «Пользовательский HTML </head>» вставьте ранее скопированный код с QForm.

49830 1659100450280 Hxum8vx2

Сохраните изменения.

13. Дождитесь обновления настроек. Это может занять несколько минут. 

14. Переопубликуйте все страницы, и после этого перейдите на сайт. У вас должен отобразиться блок с формой QForm.

49830 1659100450717 Snv6gokd

15. Поздравляем! Теперь на вашем сайте есть форма QForm. 

16. По вопросам функционала чата вы можете обратиться к сотрудникам сервиса, нажав кнопку «Поддержка» в меню слева.

49830 1659100450806 Dqb8i38v