Adding Lead Gen & CRM Forms to Wix Sites

Embed a form built within Lead Gen & CRM on your Wix site in a location of your choosing

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.
 

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:

1. Open a new tab in your browser and log in to Wix in that browser tab.
2. Locate the desired Wix site to edit.
3. Click Site Actions > Edit Site.
4. Click    Add > Text in the window that appears.
5. Click a paragraph element. 
   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. 
6. Drag-and-drop the element to where the Lead Gen & CRM form will be located on the page. 
   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.
7. Click Save in Wix's top toolbar.
8. Click Publish in Wix's top toolbar.

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:

1. Hover the cursor over Publish in Wix's top toolbar.
2. Click View Site.
3. Locate the added paragraph element and right-click the element.
4. Select Inspect.
5. Click    Select in the developer console pop-out window that appears.
6. Click the added paragraph element.
7. Locate the highlighted code in the Elements window.
8. Copy the ID in the parent <div> tag above the highlighted code. 
   Note: When copying the element ID, do not copy the quotation marks. Constant Contact offers Professional Services to assist with custom coding. 
9. Paste the ID in a text editor of your choice. Retain the pasted ID. You will need it later.

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:

1. Within Lead Gen & CRM, click Forms in the left toolbar.
2. Click the name of the desired form.
   
   
    
3. Click    Actions > Embed Code on the right side of the form page.
   
   
    
4. Copy the embed code.
5. Click Close.
   
   
    

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:

1. Return to the Wix Website Editor browser tab.
2. Click Settings > Tracking and Analytics in Wix's top toolbar.
3. Click New Tool > Custom.
4. Paste the copied Lead Gen & CRM form embed code in the Paste the Code Snippet Here text field.
5. Copy the obtained element ID in your text editor.
6. Locate the ss_form.target_id = ''; line in the pasted form embed code in the Wix browser tab.
7. Remove the two forward slashes // on the ss_form.target_id = ''; line.
8. Paste the element ID within the single quotation marks '' on the ss_form.target_id = ''; line.
9. Enter a name for the pasted embed code in the Name text field. 
   Note: Keep the code name simple, such as Lead Gen & CRM Form Code.
10. Leave the Add Code to Pages and Place Code In sections as their default settings.
11. Click Apply.
12. Close the Tracking Tools and Analytics modal window.

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.

Questions?