Embed the enquiry form.
A single script tag puts a fully branded enquiry form on your website. Submissions land in your dashboard within seconds, scored and routed.
The snippet
From Settings → Embed Code in your dashboard, copy the snippet ABSystems generates for you. It looks like this, with your unique widget key already filled in:
<!-- ABSystems Enquiry Widget -->
<div id="absystems-inquiry-form"></div>
<script
src="https://app.absystems.io/widget/absystems-widget.js"
data-widget-key="YOUR_WIDGET_KEY"
></script>Paste it anywhere in the body of the page where the form should appear. The <div id="absystems-inquiry-form"> is where the form mounts; the script renders it.
Where to put it
The right place depends on how your site is built:
- WordPress. Edit the page where you want the form, add a Custom HTML block, paste the snippet in.
- Squarespace. Add a Code Block to the page and paste the snippet in.
- Webflow. Drop in an Embed element and paste the snippet.
- Hand-coded sites. Place the snippet in the page HTML where the form should appear. The script tag can sit at the bottom of the body or alongside the div.
Branding overrides
The form picks up the brand settings from your dashboard automatically. If you want to override them per-embed (for example, a different submit button text on a specific landing page), passdata-* attributes on the mount div:
<div
id="absystems-inquiry-form"
data-primary-color="#1a1a1a"
data-heading-font="serif"
data-submit-text="Request a valuation"
></div>Supported attributes
data-primary-colora hex code for buttons and accents.data-heading-fonteither serif or sans.data-submit-textthe call-to-action label on the submit button.
Verifying it works
Once the snippet is live, submit a real-looking enquiry from your own site. It should appear in your dashboard within a few seconds. If it doesn't, check the browser console for errors; the most common issue is a mismatched widget key copied from a different organisation.