Articles in this section

See more

Capturing Page URLs with Form Submissions

Avatar
Cris Echeguren
  • Updated
Follow
SharpSpring allows you to pass the URL of the submission page a SharpSpring form into a custom field.

This is helpful when you have a single SharpSpring form that is embedded on multiple pages of your website.

The URL can be used to trigger specific actions, add leads to lists, assign a campaign, and more.

This article will detail how to capture page URLs with form submissions.


Article Contents

     Available with:    
  Marketing Automation ✓  
  CRM Ultimate ✓  
  CRM PRO ✓  
  CRM Free ✓  
        
  Toolbar:    
0NavMarketing.png
       
  Users:    
  Administrators ✓  
  Company Managers ✓  
  Marketing Managers ✓  
  Sales Managers    
  Salespersons    
  Jr. Salespersons    
 


Obtaining Custom Field IDs

To obtain custom field IDs for form capture, do the following:

  1. In SharpSpring's top toolbar, click 
    user.png  User Settings > Settings.
  2. In the left panel, under Features, click Custom Fields.
  3. Locate the custom field to include in the form.
  4. To the right of the custom field, click 
    cog.png  Options > Copy fieldID to Clipboard.
  


Click to enlarge.


Configuring Forms

To create and configure a form to capture page URLs, do the following:

  1. In SharpSpring's top toolbar, click
    Content > Forms.
  2. Create or edit a form.
  3. Click  cog.png  Options > Embed Code.
  4. In the embed code, add 
    var url = document.location.href; 
    below the <script type> tag.
  5. In the embed code, add 
    ss_form.hidden = {'field_xXxXxXxXx': url}; above the </script> tag.
  6. Paste the copied custom field's fieldID over the xXxXxXxX part of field_xXxXxXxX.
  7. Copy the edited form embed code.
  8. Click Close.
  9. Paste the edited embed code into your web page.

When the form is submitted, you will see the URL of the page within the custom field in SharpSpring.

  


Click to enlarge.
Note: SharpSpring offers Professional Services to assist with custom coding.
Note: The var url code declares a variable that stores the page URL. The ss_form code sends that variable into a custom field in SharpSpring.

 


Code Examples

The following is an example of form embed code prior to edits:

<!-- SharpSpring Form for URL -->
<script type="text/javascript">
    var ss_form = {'account': 'WzVzIKNeEPMzGiG', 'formID': 'CiLvIO12Z3MEGGLDWpIKcb33l3mBiESLiwbHDeiHKW8i3eiS'};
    ss_form.width = '100%';
    ss_form.height = '1000';
    ss_form.domain = 'app-xx11xx11xx.marketingautomation.services';
</script>
<script type="text/javascript" src="https://koi-3QKH0X1U88.marketingautomation.services/client/form.js?ver=1.1.1"></script>


The following is an example of form embed code after edits:

<!-- SharpSpring Form for URL -->
<script type="text/javascript">
    var url = document.location.href; <!-- Line 1 -->
    var ss_form = {'account': 'WzVzIKNeEPMzGiG', 'formID': 'CiLvIO12Z3MEGGLDWpIKcb33l3mBiESLiwbHDeiHKW8i3eiS'};
    ss_form.width = '100%';
    ss_form.height = '1000';
    ss_form.domain = 'app-xx11xx11xx.marketingautomation.services';
    ss_form.hidden = {'field_xXxXxXxXxX': url}; <!-- Line 2 -->
</script>
<script type="text/javascript" src="https://koi-3QKH0X1U88.marketingautomation.services/client/form.js?ver=1.1.1"></script>

Related articles

×

Why was this help article not helpful?

Still didn't find what you are looking for?