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.