Example pages are complete web pages that show the form guide in use. Each card below is one page. Choose View and copy to read and copy its code, or Download to save the file. Then put it on a test page of your website. They start with the simplest install.
To try one:
- Set up your agent as in Before you start: live, with its Form guide channel switched on.
- Copy the page and replace
YOUR_AGENT_IDwith your agent's id. A comment just above it says where to find it. - Put it on a test page of your website. The form guide has no list of approved websites, so there's nothing to add in the dashboard. Opening the file from your computer won't work.
-
01-minimal.html
The paste-in snippet on an ordinary form.
-
02-programmatic-attach.html
attach() on one form only, leaving fields out, field rules, and the guide's methods.
-
03-theming.html
Two forms on one page, each with its own panel style, icon and colours.
-
04-field-context.html
The markup the agent reads: help text, label overrides, radio groups, button questions, skipped fields, and UTM tags from the page address.
-
05-extraction-events.html
The agent filling in several kinds of field, with the formguide:done and formguide:generated events shown as they happen.
-
06-script-api.html
Starting switched off, your own buttons calling the methods (enable, trigger, hide and the rest), and translated wording.