Articles in this section

See more

Capturing Page URLs with Form Submissions

Avatar
Justin Garrett
  • 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.

Note: SharpSpring offers Professional Services to assist with custom coding. You must have code knowledge in order to use the information within this article.

The following user roles can create forms:

  • Administrators
  • Marketing Managers


Article Contents


Configuring Forms

To create and configure a form to capture page URLs, 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.
  5. In SharpSpring's top toolbar, click
    Content > Forms.
  6. Create or edit a form.
  7. Click  cog.png  Options > Embed Code.
  8. In the embed code, add var url = document.location.href; below the <script type> tag.
  9. In the embed code, add ss_form.hidden = {'field_xXxXxXxXx': url}; above the </script> tag.
  10. Paste the copied custom field's fieldID over the xXxXxXxX part of field_xXxXxXxX.
  11. Copy the edited form embed code.
  12. Click Close.
  13. Paste the edited embed code into your website.
  


Click to enlarge.
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.

When the form is submitted, you will see the URL of the page within the 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>

 


Ready to Learn More?

Related articles

Comments

0 comments

Article is closed for comments.

×

What's wrong with this help article?

Still didn't find what you are looking for?