Przejdź do treści
Intum

Widget Formularza na Stronę

Aktualizacja: 2 min czytania

Kod widgetu

Kod do wstawienia na stronę (dostępny w widoku formularza):

<script src="https://widgets.intum.net/widgets/intum-forms-widget.js"></script>
<div data-form="TOKEN_FORMULARZA"></div>
  • TOKEN_FORMULARZA — unikalny token przypisany do formularza
  • Skrypt wystarczy wstawić raz na stronie, nawet przy wielu formularzach
  • Każdy formularz wymaga osobnego <div data-form="...">

Personalizacja przez API

PATCH /form/forms/:id.json

Ustawienia wyglądu widgetu w polu fields:

Klucz Opis
submit_text Tekst przycisku wysłania
form_class Klasa CSS formularza
form_style Style CSS inline
button_class Klasa CSS przycisku
form_redirect URL przekierowania po wysłaniu
form_response HTML/Liquid zwrotka po wysłaniu
form_anonymous Ukryj dane IP/agent
custom_js Własny JavaScript
antispam Włącz honeypot (1/0)

Klasy CSS widgetu

Widget generuje klasy CSS z ID formularza:

  • .intum_form_{id} — kontener formularza
  • .intum_button_{id} — przycisk wysyłania
  • .intum_field_{id}_{kind}_{type} — poszczególne pola

Możesz nadpisać te style w CSS swojej strony.

Hosting widgetu

HTML formularza jest automatycznie generowany i hostowany na S3. Po każdym zapisie formularza widget jest aktualizowany. URL widgetu zapisany w config.s3_url.