This article is in continuation to How to Generate Lead Capture Form. Please visit the previous article if you haven't generated the code.
Integrating Lead Capture Form on a website or a blog is easy but requires basic understanding of HTML/CSS and access to server where your website/article is hosted. (AWS, Godaddy, Wordpress, etc.)
It is recommended that the code changes be done only by an experienced developer to avoid breaking the website. You also have the option to get your Lead Capture Form Integration professionally implemented from SunWiz. Find out more by clicking here: https://tinyurl.com/SunWizSetupServices
JUMP TO SECTION
EMBED IN PAGE
Static Website Integration
Below is an example of a dummy website.
In this example we will embed the form between Our Services section and Partners section.
- Copy the code generated through the Lead Capture Form.
- Locate the division (<div>) in the HTML code of the website where you want to embed the code. In the above example, it is after the Photography Division.
<! -- Our Services Section -->
<div ..> .........
<div ..> ..........
<div class="fes13-title-cont" >
<h3>Photography</h3>
</div>
<div>
Fermentum nisi in sem fertum blat. In elit soldin, elemtum, arenam pur quam volutpat suscipit dictum pur quam.
</div>
</div>
</div>
<! -- This is where you will insert the Lead Capture Form -->
<!-- Partner Section -->
<div class="page-section p-100-cont bg-gray"> - Paste the code directly in the designated area.
<! -- Our Services Section -->
<div ..> .........
<div ..> ..........
<div class="fes13-title-cont" >
<h3>Photography</h3>
</div>
<div>
Fermentum nisi in sem fertum blat. In elit soldin, elemtum, arenam pur quam volutpat suscipit dictum pur quam.
</div>
</div>
</div>
<script id="opensolar_lead_capture" type="text/javascript" src="https://api.opensolar.com/api/lead_capture_widget/c8______________0"></script>
<!-- Partner Section -->
<div class="page-section p-100-cont bg-gray"> - Upload to updated file to your website's File Manager.
- You should be able to see the Lead Capture Form instantly.
You can also embed the form if you are using Wordpress, Wix or Squarespace using the inbuilt features.
SquareSpace
- Go to your website
- Click Manage Sections and Add a New Section
- Click Edit section and add (+) Code Block.
- Paste the code snippet and save.
- The form should be now visible to the public.
Wordpress.org
Built in Editor
- Add (+) Custom HTML
- Paste the code snippet into the Custom HTML.
- Save and Publish
Alternate Method
- Add (+) plugin - Code Embed
- Paste the code snippet into the plugin.
- Save and Publish.
Wordpress.com
Built in Editor (integration not supported by Wordpress)
Alternate Method
- Add (+) plugin - Code Embed
- Paste the code snippet into the plugin.
- Save and Publish.
Wix
- Go to Editor
- Click Wix App market
- In the tool bar, select HTML and choose HTML iFrame/Embed
- Add it on to site
- A window pops up. Click Enter Code.
- Paste the code inside <div> wrapper.
<div><script></div>
Interaction: Lead Capture Form and Sales Territories Assignment.
Comments
0 comments
Please sign in to leave a comment.