Address Autocomplete :: CF Pro Tools Add-On Features For ClickFunnels Pages





Description and Best Use Case For This Add-On:

Address Autocomplete by CF Pro Tools will allow you to combine the Places API (by Google) with your ClickFunnels order page and to allow your address input fields to be AUTO FILLED when a customer begins filling out the form fields.




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 Page (works with 1-step or 2-step order style)

  • Setup your Google Places API, Copy API

  • Create ADDRESS AUTOCOMPLETE Script, Paste API In Configuration

  • Install Script to Footer Tracking Code Settings

  • No Known Conflicts



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 Page


You will need an ORDER TYPE page installed in your funnel on ClickFunnels in order for this add-on to work.


This add-on will work with a one or two step order style setup.  


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:  Setup Google Places API


Please follow these video directions for setting up Google Places API



Please Note:   For issues with setup of the Google Places API, please connect with Google Support.   CF Pro Tools does not support the UI changes or issues with the setup of the Google API.




Step 4:  Create Your Add-on Script


For most add-on installations of the ADDRESS AUTOCOMPLETE script, you can simply click the CREATE NEW button:



Please note:  You can use this script over and over for other order pages without having to create a new and unique script.



... now do a keyword search for ADDRESS AUTOCOMPLETE



Once you have located the AUTO SUBMIT EMAIL 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:

ADDRESS AUTOCOMPLETE (TEST 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 you can easily identify later.


You will have acquired a Google Places API from the previous step, please paste that in the field requiring an API KEY.


Once you have completed this area, click the red button below to create your add-on script.



Step 5:  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.


Please navigate to your funnel step where you wish to use YOUTUBE AUTOPLAY UNMUTE.


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 US ONLY SHIPPING or any other add-on scripts which FORCE a country code.   ADDRESS AUTOCOMPLETE will override this when a valid address is entered and selected.



What To Do Next:


Here Are A Few Other Help Docs You May Wish To Check Out:


Chances are you already have a CF Pro Tools account and you can find all available resources, there:   app.cfprotools.com


However, if you have do not yet have a CF Pro Tools account, you will need one in order to take the actions in this help doc.   You can sign up at any time here:   www.cfprotools.com


If you have questions, you can also hit us up in support at support@cfprotools.com