Bump Content :: CF Pro Tools Add-On Features For ClickFunnels Pages





Description and Best Use Case For This Add-On:

The BUMP CONTENT add-on allows you to fully customize the bump area while keeping the bump style checkbox and functionality intact. 

  

That means you can create images, videos, bullet boxes, and get as creative as you want with your bumps now! 

  

Also works with MULTIPLE BUMPS and BUMP QUANTITY drop down add-on.



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 w/2-Step Order Element (or customized one-step order form)

  • Add Your BUMP ELEMENT

  • Create and Customize a SECTION and rename the CSS TITLE

  • Name CSS TITLE for your section:   cf-bump-content

  • Create and Install BUMP CONTENT Add-on

  • No Known Conflicts



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.    


On your order type page, make sure you have a 2-step order element or a customized 1-step order form process in place.


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:  Add A New SECTION 


Create a new section by clicking on the GREEN PLUS button.   This SECTION will be your space to customize the content you have in your BUMP area.


Customize your header, sub-header, images, bullets, etc to suit your needs.



You do not need to set a customize background color, the elements you add will be overlayed in your BUMP area.



Step 4:  Set The CSS TITLE For Your SECTION


Once you have your new SECTION setup the way you like it, you will need to set a new CSS TITLE for your SECTION area.


Click the "#" icon in the SECTION SETTINGS:




You will give your IMAGE a new CSS TITLE of:   cf-bump-content

Should you decide to use this with MULTIPLE BUMPS, add a -xxxxxxx to the title.

The xxxxxxx's will be your product ID of the bump you want the content attached to.



Don't forget to click UPDATE to ensure the changes take place.


Step 5:  Create Your Add-on Script


For most add-on installations of the BUMP CONTENT 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.

You will have unique on-page configuration for each page, though.



... now do a keyword search for BUMP CONTENT


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

BC (Test Funnel) or
BUMP CONTENT (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.


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




Step 6:  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 resoureces, 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