Multiple Bump Image :: CF Pro Tools Add-On Features For ClickFunnels Pages
Description and Best Use Case For This Add-On:
The MULTIPLE BUMP Image Add-on Allows you to add an image to the BUMP ELEMENT, either on a 1-step or 2-step order setup on an ORDER type page in ClickFunnels.
With Multiple Bump Image add-on, you can add images to more than one bump in case you are using MULTIPLE BUMPS.
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 MULTIPLE BUMP ELEMENTS to the page
Install MULTIPLE BUMPS add-on
Add Image(s) to Page (The one you want in your Bump Elements)
Name CSS TITLE for your image: cf-bump-image-xxxxxxx
The xxxxx's are your Product ID's
Create and Install MULTIPLE BUMP IMAGES 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:
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:
Step 3: Add Multiple Bump Elements (As Needed)
Add multiple BUMP ELEMENTS (as needed) to your customized one step order page.
Alternatively if you are using a 2-step order element you can choose to SHOW or NOT SHOW the ORDER BUMP from the advanced tab.
Make sure you are NOT showing the built in order bump element.
You will create regular one-off BUMP elements, even when using the 2-step order form element.
Just add them outside of the 2-Step Order Element.
For more information on installing multiple order bumps, please make sure to install MULTIPLE ORDER BUMPS add-on as this is a requirement for this add-on.
Step 4: Add Multiple Images To Your ORDER PAGE
From here, you just have to add the images that you would like to have inserted to your bump area to the page.
The way I would do it is to add the image you want to see in the bump BELOW each bump element. That way you can keep it organized.
Another way to do it would be to create an additional section or row at the end of your funnel page where it will be out of sight, and you can set your images there and then hide the section or row.
You will now give your IMAGES a new CSS TITLE by clicking into the settings of the image, and clicking the "#" at the bottom of the element settings:
You will give your IMAGE a new CSS TITLE of: cf-bump-image-xxxxxxx The xxxxxxx's will be your product ID of the bump you want the image 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 MULTIPLE BUMP IMAGE 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 MULTIPLE BUMP IMAGE
Once you have located the MULTIPLE 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: MBI (Test Funnel) or
Multiple Bump Image (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.