CF Order Summary :: CF Pro Tools Add-On Features For ClickFunnels Pages




Description and Best Use Case For This Add-On:

Order Summary add-on is used to add a more dynamic order summary element to your order pages.



The add-on rides on top of the existing ORDER SUMMARY element, so in order for it to work, or for the effects to be seen, you will need the native CF ORDER SUMMARY ELEMENT added to your order form page.


Alternatively, you can use a 2-step order form element, and that will suffice as well.


CF Order Summary add-on will allow for the functionality of other add-ons by CF Pro Tools such as CART MODE, GROUPED PRODUCTS, FORCED PRODUCTS, and others.


Please Note:  When ORDER SUMMARY is utilized, the script should be the first to load so make sure to copy your ORDER SUMMARY add-on script to the top of the list in the FOOTER TRACKING CODE area.





OVERVIEW (For Advanced Users)


For those of you ready to jump in and are familiar with CFProTools, you can use this checklist:





Step 1:   Add Your Domain To CFProTools 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.


You can use a 1 or 2-step order style page.


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:  Insert Order Summary ELEMENT


Be sure to insert an ORDER SUMMARY ELEMENT on your page or use a 2-Step Order Element.     


This is required in order for ORDER SUMMARY Add-on To Function Correctly.


For a short video to see how to add the order summary element, please watch this:  https://www.loom.com/share/b7a22521b9c04a41b8bfc2b7a31eb6d3





Step 4:  Create And Configure Your Add-On Script


For most add-on installations of the ORDER SUMMARY 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.    If you used unique product ID's, you will need to create a new and unique variation of the ORDER SUMMARY script.




... now do a keyword search for ORDER SUMMARY


Once you have located the BUMP IMAGE 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:

OS (Test Funnel) or
Order Summary (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 you can easily identify later.



For MOST installations of the ORDER SUMMARY script, you can simply move to the red button at the bottom of the configuration and click CREATE ADD ON, and then install your script.




There may be instances where you will need to use the PRICE OVERRIDE configuration, though.   These scenarios include:


  • If the product is FREE, but you had to set a price over $1

  • If the product price display override has text in it

  • When used with the paid trial setup




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 highlight one of your products.


Click SETTINGS --> TRACKING CODE




Now click the FOOTER TAB, and paste your code in:



Now SAVE your page, you are ready to preview and test your new add-on!




Known Conflicts:


No known conflicts at this time.




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