Wix is a website development platform that allows for many different external integrations. You can add Lead Gen & CRM forms to your Wix sites.
This article will detail how to add Lead Gen & CRM forms to Wix sites.
Article Contents
Trial | ✓ | |
Essential | ✓ | |
Advanced | ✓ | |
Ultimate | ✓ |
Administrators | ✓ | |
Company Managers | ✓ | |
Marketing Managers | ✓ | |
Sales Managers | ||
Salespersons | ||
Jr. Salespersons |
Integrating Lead Gen & CRM with Wix
Before you can add a Lead Gen & CRM form to Wix, you will need to integrate Lead Gen & CRM and Wix. This requires creating a Wix site and utilizing Lead Gen & CRM tracking code. Refer to Wix Integration Overview for information on how to integrate Lead Gen & CRM and Wix.
Be aware that, in order to integrate Wix with Lead Gen & CRM, you will need to have a premium package with Wix. If you do not have a premium package with Wix, you will be unable to utilize code on Wix sites.
Creating Lead Gen & CRM Forms
After you have integrated Lead Gen & CRM with Wix, you can begin adding Lead Gen & CRM forms to Wix. This requires that you first create a form in Lead Gen & CRM. Refer to Lead Gen & CRM Forms Overview for more information on creating forms in Lead Gen & CRM.
Adding Elements to Wix Sites
You can add Lead Gen & CRM forms to Wix sites.
There is no direct way to add the form, and forms will need to be recoded from text elements that are placed onto the Wix site.
To add elements to a created Wix site, do the following:
- Open a new tab in your browser.
- Log in to Wix in that browser tab.
- Locate the desired Wix site to edit.
- Click Site Actions > Edit Site.
- Click
Add > Text in the window that appears.
- Click a paragraph element.
- Drag-and-drop the element to where the Lead Gen & CRM form will be located on the page.
- Click Save in Wix's top toolbar.
- Click Publish in Wix's top toolbar.
Important: Though you can add any element, Lead Gen & CRM recommends using a paragraph text element. Other elements may run into coding issues. Use other elements at your own discretion.
Note: When adding text elements, consider entering text into the element that states that the form will go in the element. This provides a way to keep this element from being erroneously modified in the future.
Obtaining Element IDs
Once an element has been placed on the Wix site, you will need to obtain its particular ID. This ID will later be used to display the form in the element itself.
To obtain a Wix site element's ID, do the following:
- Move the cursor off of Publish in the Wix Website Editor browser tab.
- Hover the cursor over Publish in Wix's top toolbar.
- Click View Site.
- Locate the added paragraph element.
- Right-click the element.
- Select Inspect.
- Click
Select in the developer console pop-out window that appears.
- Click the added paragraph element.
- Locate the highlighted code in the Elements window.
- Copy the ID in the parent
<div>
tag above the highlighted code. - Paste the ID in a text editor of your choice. Retain the pasted ID. You will need it later.
Note: Constant Contact offers Professional Services to assist with custom coding. When copying the element ID, do not copy the quotation marks.
Obtaining Lead Gen & CRM Form Embed Codes
The element ID needs to be added to a Lead Gen & CRM form embed code for the form to display on Wix sites. This requires that you first create a Lead Gen & CRM form.
To locate a created form's embed code, do the following:
- Open a new tab in your browser.
- Log in to Lead Gen & CRM in that browser tab.
- Click Forms in the left toolbar.
- Click the name of the desired form.
- Click
Actions > Embed Code on the right side of the form page.
- Copy the embed code.
Modifying Lead Gen & CRM Form Embed Code in Wix
Once you have the Wix site element ID and the Lead Gen & CRM form embed code, you can merge the two together into one code. This code will then automatically display the desired Lead Gen & CRM form at the location of the inserted element on the Wix site.
To add Lead Gen & CRM form embed code and target element IDs to Wix, do the following:
- Return to the Wix Website Editor browser tab.
- Click Settings > Tracking and Analytics in Wix's top toolbar.
- Click New Tool > Custom.
- Paste the copied Lead Gen & CRM form embed code in the Paste the Code Snippet Here text field.
- Copy the obtained element ID in your text editor.
- Locate the
ss_form.target_id = '';
line in the pasted form embed code in the Wix browser tab. - Remove the two forward slashes
//
on thess_form.target_id = '';
line. - Paste the element ID within the single quotation marks
''
on thess_form.target_id = '';
line. - Enter a name for the pasted embed code in the Name text field.
- Leave the Add Code to Pages and Place Code In sections as their default settings.
- Click Apply.
- Close the Tracking Tools and Analytics modal window.
Note: Keep the code name simple, such as Lead Gen & CRM Form Code.
After you have successfully entered and modified the form embed code, you can move the paragraph element as needed.
While it appears as a text block in the Wix Website Editor, it will appear as the desired Lead Gen & CRM form on the live page.