Forms
HTML Embed

HTML Embed

The HTML Embed method is designed for website builders like WordPress, Webflow, Squarespace, Wix, or any static HTML site.

This method uses native browser forms (<form method="post">). The browser sends the submission directly to Gordon CRM, processes the spam honeypot automatically, and redirects the visitor to your configured success page.

Setup Guide

  1. Navigate to your form's detail page in Gordon CRM.
  2. Configure your Allowed Domains (your website domain) and Success Redirect URL.
  3. Copy the HTML snippet below (or generate a customized version from the form details page).
  4. Paste it into a "Code," "HTML," or "Embed" block in your website editor.
  5. Apply your own CSS classes to match the form styling to your brand.

Code Snippet

Copy and customize this template snippet for your website:

<form method="post" action="https://app.gordoncrm.com/api/forms/YOUR_FORM_ID">
  <input type="email" name="email" placeholder="Email Address" required />
  <input type="text" name="first_name" placeholder="First Name" />
  <input type="text" name="last_name" placeholder="Last Name" />
 
  <!-- Honeypot — Hidden input to trap automated spam bots -->
  <div style="position:absolute;left:-9999px" aria-hidden="true">
    <input type="text" name="website_url" tabindex="-1" autocomplete="off" />
  </div>
 
  <button type="submit">Submit</button>
</form>

Key Considerations

Whitelisted Domains

Ensure you add your website's domain to the form's Allowed Domains whitelist. Browser submissions check the origin and will fail if the site is not whitelisted.

Honeypot Field

The hidden website_url input field is a critical security measure. Real visitors will not see or interact with it, but spambots will automatically fill it out. If a bot populates this field, the submission is silently ignored.

Warning: Do not remove this hidden input, or your form will be vulnerable to automated spam submissions.

Optional Inputs

You can capture additional data by adding inputs matching any of the accepted form fields. For example:

<input type="tel" name="phone" placeholder="Phone Number" />
 
<label>
  <input type="checkbox" name="is_subscribed" value="on" />
  Subscribe to newsletter updates
</label>
 
<textarea name="notes" placeholder="Tell us more..."></textarea>

Related

OverviewReact / SPA