Scroll to Error :: CF Pro Tools Add-On Features for ClickFunnels
Description and Best Use Case For This Add-On:
This is a simple add-on that forces an order form process to auto-scroll to where an error may have taken place.
Such as the buyer may have forgotten to input their email address, but the email field was above the fold when they clicked the submit button so they may not have realized there was an error.
This add-on will kindly scroll to where the error took place and advise the customer they need to fix something in order to move forward.
Does not work with 3-Step Order Form.
OVERVIEW (For Advanced Users)
For those of you ready to jump in and are familiar with CFProTools, you can use this checklist:
Add Your Domain To CFProTools DOMAINS TAB
Create An Order Type Page
Create and Install SCROLL TO ERROR
Does not work with 3-step order form add-on
Step 1: Add Your Domain To CF Pro Tools DOMAINS TAB
Your first step will be to add your domain to the CFPT Domains Tab.
Here's a guide on how to do that:
https://cfprotools.freshdesk.com/support/solutions/articles/29000041078-how-to-add-a-domain-to-cf-pro-tools-online-installation-guides
Step 2: Create Your Order Type Page
You will need an ORDER type page in your funnel on ClickFunnels in order for this add-on to work.
Here's a quick tutorial on how to create funnel pages using ClickFunnels:
https://help.clickfunnels.com/hc/en-us/articles/360060380833-Creating-A-New-Funnel-Step
Step 3: Create Your Add-on Script
For most add-on installations of the SCROLL TO ERROR script, you can simply click the CREATE NEW button:
Please note: You can use this script over and over for other OTO pages without having to create a new and unique script.
... now do a keyword search for SCROLL TO ERROR
Once you have located the TOGGLE ON STEPS script, click the thumbnail image and create the add-on per the installation instructions.
You will need to name your script. We recommend a naming convention like this: STE (Test Funnel) or
SCROLL TO ERROR (Book Funnel) It's best to name it with the name of the add-on and in parentheses make sure to name which funnel it belongs to so the script location can be identified later as needed.
Once you have completed this area, click the red button below to create your add-on script.
![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/29040404108/original/fWEcRxMjsTgdDgsi9vCWkB3rSLD4NZrBkA.png?1656704914)
![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/29040404108/original/fWEcRxMjsTgdDgsi9vCWkB3rSLD4NZrBkA.png?1656704914)
Step 4: Install Your Add-on Script
You can now copy your newly generated script out by clicking the blue button where your script is located.
The button says, "COPY CODE", this will copy the script to your virtual clipboard.
You are now ready to paste the script into your FOOTER TRACKING CODE AREA.
This add-on script should specifically be installed on an ORDER type page.
Click SETTINGS --> TRACKING CODE
Now click the FOOTER CODE TAB, and paste your code in:
Now SAVE your page, you are ready to preview and test your new add-on!
Known Conflicts:
Does not work with 3-Step Order Form Add-On
What To Do Next:
Here Are A Few Other Help Docs You May Wish To Check Out:
The button says, "COPY CODE", this will copy the script to your virtual clipboard.
Known Conflicts:
Does not work with 3-Step Order Form Add-On