---

The lead form embed allows you to collect leads that will be inserted into your workplace CRM.

Step 1

---

Add the script tag right before the closing body. Be sure to replace {{workplace_url}} with the URL of your workplace.

<script src="https://{{workplace_url}}.thriveific.app/form-embed.js"></script>

Once you include your workplace JavaScript file you then can include the below subscribe HTML elements anywhere on your website where you wish a form to appear. Only include this script one, this is the script that is used for subscribe forms, lead forms, and contact forms.

---

Step 2

---

Copy and paste the HTML element on your page where you would like the lead form to be displayed. You can customize HTML classes to match your website's current CSS classes. By default, we use Bootstrap CSS classes as it's the most popular CSS Framework. See form examples below.

---

Lead Form Markup

Below is an example with all customization options. The example below shows the default options that will be applied if they are not overridden.

To make your customizations, simply make changes to the data attributes.

<!-- lead form -->
<div
   lead
   data-labels="true"
   data-label-class="form-control-label"
   data-fields="first_name, last_name, phone_number, email, notes"
   data-input-div-class="col-12 form-group"
   data-input-class="form-control"
   data-textarea-div-class="col-12 form-group"
   data-email-placeholder="who@company.com"
   data-notes-placeholder="How can we help?"
   data-btn-div-class="col-12 form-group"
   data-btn-text="Get In Touch"
   data-btn-class="btn btn-primary btn-block"
   data-msg-class="text-center"
   data-error-msg-color="#DF4759"
   data-success-msg-color="#42BA96"
   data-success-msg="We received your request; we will get back to you as soon as we can."
   data-redirect="false"
>
   <!-- form inserted here via js -->
</div>

---

Minimal Example

---

Below is a form example that will use the default options. This will have the same effect as the form above. Being the default options are applied and we showed them in the above example.

<!-- lead form -->
<div lead>
   <!-- form inserted here via js -->
</div>

---

Lead Form Example

---