Clickfunnels: How to use banners with your Hoplink on your presell page Follow
So today I'm going to show you how to use banners (and generally images) that vendors provide for their products as part of their affiliate materials, on your presell/landing page using Clickfunnels. A remark about the Manual method in the end as well.
1) We got a link from our Clickbank vendor to the Affiliate materials, which include banners and images. We want to use these images on our presell page. First thing we do is downloading the image, as an example we would use Cinderella solution affiliate materials, which are given via a google drive folder, choose a banner and download it:
Then we would need to upload it to an image hosting site, such as imgbb for example. We enter the site and upload our newly downloaded banner:
Then we get an html code under "HTML full linked":
We copy that code. If the image hosting site doesn't have that code, you would copy the new image address (Right click on the uploaded image and 'copy image address').
Save the code on a note for later.
Then depending on what you are using, we would go ahead to insert the banner/image.
For Clickfunnels
We would go to our funnel end click edit page:
Then you would navigate your funnel to find the place that you'd like to input the banner on, hover your mouse on that area and find 'add new element' yellow button:
You would then scroll down and choose custom JS/HTML:
Then you'd have your new element appear on your presell page, you would hover over it and click the small settings button:
Then you would click 'open code editor' blue button:
You would then paste the code that you copied earlier, that would look like this:
<a href="your hoplink"><img src="image address" ></a>
For more advanced users:
You can use a few additional tags to customise your banner, here is the full HTML code you can use:
<a href="yourhoplink"><img src="your image link" width="width in pixels" height="height in pixels" title="your image title" alt="alt text for SEO"></a>
- Width, Height, Title and Alt tags are all optional, so you can drop them and leave the 'naked' code above.
Ultimately it looks like this for example:
Then you'd save the page and can preview the result:
You can of course edit the size of the image to fit the page, or choose a more fitting image from the affiliate material collection.
You can also apply this guide to the manual method as the same HTML code is used, but you'd need to know exactly where you'd want to insert it on your index.html file in your cPanel file manager, therefore it's a little more advanced.
Comments
0 comments
Please sign in to leave a comment.