Article Details
Embed Lead Forms on the Website
We've included videos below on how to embed the lead capture form on WordPress and SquareSpace websites. While the steps will vary a bit between Content Management Systems (CMS), here are some more generalized instructions.
- In Gingr, navigate to Admin » Customer Portal » Lead Forms.
- Locate the Lead Form you wish to embed on your website and click the arrow icon next to its name to retrieve the necessary code for your website.
- You'll need to add Gingr's embeddable code to your website. You'll want to add this to the <head> section of your website. Many CMS' call this "Code Injection" or "Custom Header Code". Locate where to embed header code on your website and paste the following code between <head> and </head>.
-
<script type="text/javascript" src="https://storage.googleapis.com/gingr-embeddable/assets/js/bundle.js"></script>
-
- Next, you'll want to paste another bit of code exactly where you would like your lead capture form to be displayed. You'll be pasting in HTML, or Source Code into your website. Be sure to not paste this directly into a rich-text editor or text block.
- This code portion is specific to which form you are trying to embed. Your Gingr application will provide the necessary code in the Generate Embed Script window.
- This code portion is specific to which form you are trying to embed. Your Gingr application will provide the necessary code in the Generate Embed Script window.
- Now, save your changes. The Lead Form is now embedded where you pasted the code in step #2. See below for some example videos.
How to Embed on WordPress
How to Embed on SquareSpace
Related Resources
- Embeddable Lead Capture Form Topic Outline
- Create or Edit a Lead Form How-To
- Receive Notifications When a Lead Form Is Submitted How-To
- Advanced Settings for Embeddable Lead Capture Forms Reference
Comments
0 comments
Article is closed for comments.