ClickBank

Adding branded images to your order form helps create a branded experience for your customer and indicates to them that they are in the right place when they navigate from a sales page. The Order Form Customizer makes adding images to your order form easy through its WYSISYG and drag-n-drop functionality. ​Related: <a href="https://intercom.help/clickbank-onboarding/en/articles/10535149" rel="nofollow noopener noreferrer" target="_blank">Guide to Using Images on ClickBank </a>

This guide help sellers figure out what kind of images to include on an order form and what sizes are best practice. NOTE: This digital assets are intended to used as examples as you create or source your own order form assets.

This article contains the following sections:

<a href="#h_01JGM0D50G5FGD1VDZSG0ZG8GZ">Quick Tips </a>

<a href="#h_01HKNMEMSKXAMBPR7VMZW34K5Y">Header Image Examples</a>

- <a href="#h_01HKNMG5P7YWYZK0FY16HA93ZF">Simple Branding</a>
- <a href="#h_01HKNMG5P7XRM00V60WQ8E80Z2">Added Guarantees</a>
- <a href="#h_01HKNMG5P7P7HD4KYRJAEEKT5S">Added Seals and Guarantees</a>
- <a href="#h_01HKNMG5P76JC1AM0K8A7QTXGF">Digital Product with Guarantees</a>
- <a href="#h_01HKNMG5P744H187H1SH375N0A">Physical Product with Seals</a>
- <a href="#h_01HKNMG5P7BMYE16FM0G3QWFCS">Bonus Offer</a>

<a href="#h_01HKNMTRMAQZEVFV54PEW71XXH">Product Highlight Examples</a>

- <a href="#h_01HKNMTZDJTQQ9675TBSVBBSK9">Side Benefit Callouts</a>
- <a href="#h_01HKNMTZDKFXSVWQJARE9YE787">Benefits in Footer</a>
- <a href="#h_01HKNMTZDK4BXSV7VVPQFRPF37">Side Reinforcement (Digital Product) </a>

<a href="#h_01HKQFEZRPQHGCV5RYC8DQ0GGK">Reviews and Testimonials </a>

- <a href="#h_01HKQFF6CFDZ56Q22G0Z8DHV5E">Overall Rating, Footer</a>
- <a href="#h_01HKQFF6CFE6J8P09JK1BJZN27">Individual Review, Side</a>
- <a href="#h_01HKQFF6CF8FRSN0V7VQ21TE9V">Review Roundup, Footer </a>

<a href="#h_01HKQG700NEB0B58BBWYKDE1MZ">Additional CTAs</a>

- <a href="#h_01HKQG7418K1M4ZBPPV536E48A">While Supplies Last, Footer </a>

<a href="#h_01HKQG7Z6N3WK084CPJXVFW09N">Customer Support Highlights</a>

- <a href="#h_01HKQG8ATX365K8GJ8JS0ZF4KS">Header</a>
- <a href="#h_01HKQG8ATX4NTEHHCBJKQ0BCNC">Side</a>
- <a href="#h_01HKQG8ATXXXYTJ10JPEBKYTP6">Footer</a>

<a href="#h_01HKQG8E2G9VF63S7HQG3N056P">Image Widths </a>

- <a href="#h_01JGM0D50G5FGD1VDZSG0ZG8GZ">Quick Tips </a>
- <a href="#h_01HKNMEMSKXAMBPR7VMZW34K5Y">Header Image Examples</a>
 - <a href="#h_01HKNMG5P7YWYZK0FY16HA93ZF">Simple Branding</a>
 - <a href="#h_01HKNMG5P7XRM00V60WQ8E80Z2">Added Guarantees</a>
 - <a href="#h_01HKNMG5P7P7HD4KYRJAEEKT5S">Added Seals and Guarantees</a>
 - <a href="#h_01HKNMG5P76JC1AM0K8A7QTXGF">Digital Product with Guarantees</a>
 - <a href="#h_01HKNMG5P744H187H1SH375N0A">Physical Product with Seals</a>
 - <a href="#h_01HKNMG5P7BMYE16FM0G3QWFCS">Bonus Offer</a>
- <a href="#h_01HKNMTRMAQZEVFV54PEW71XXH">Product Highlight Examples</a>
 - <a href="#h_01HKNMTZDJTQQ9675TBSVBBSK9">Side Benefit Callouts</a>
 - <a href="#h_01HKNMTZDKFXSVWQJARE9YE787">Benefits in Footer</a>
 - <a href="#h_01HKNMTZDK4BXSV7VVPQFRPF37">Side Reinforcement (Digital Product) </a>
- <a href="#h_01HKQFEZRPQHGCV5RYC8DQ0GGK">Reviews and Testimonials </a>
 - <a href="#h_01HKQFF6CFDZ56Q22G0Z8DHV5E">Overall Rating, Footer</a>
 - <a href="#h_01HKQFF6CFE6J8P09JK1BJZN27">Individual Review, Side</a>
 - <a href="#h_01HKQFF6CF8FRSN0V7VQ21TE9V">Review Roundup, Footer </a>
- <a href="#h_01HKQG700NEB0B58BBWYKDE1MZ">Additional CTAs</a>
 - <a href="#h_01HKQG7418K1M4ZBPPV536E48A">While Supplies Last, Footer </a>
- <a href="#h_01HKQG7Z6N3WK084CPJXVFW09N">Customer Support Highlights</a>
 - <a href="#h_01HKQG8ATX365K8GJ8JS0ZF4KS">Header</a>
 - <a href="#h_01HKQG8ATX4NTEHHCBJKQ0BCNC">Side</a>
 - <a href="#h_01HKQG8ATXXXYTJ10JPEBKYTP6">Footer</a>
- <a href="#h_01HKQG8E2G9VF63S7HQG3N056P">Image Widths </a>

___________________________________________________________

You can find recommended image widths at the bottom of this article.

Although you don't need to create unique images for each device type, we've included desktop and mobile example images for nearly each category.

Images uploaded to the Customizer will respond to device and screen size, but you can also upload individual images to hide or show by device, as well. (In case you want to show something on desktop but not mobile, for example.)

- You can find recommended image widths at the bottom of this article.
- Although you don't need to create unique images for each device type, we've included desktop and mobile example images for nearly each category.
- Images uploaded to the Customizer will respond to device and screen size, but you can also upload individual images to hide or show by device, as well. (In case you want to show something on desktop but not mobile, for example.)

If you add even one thing to your order form, we’d recommend a header. A header can offer simple brand reinforcement to match your own website and assets, or pull double duty as a place to showcase additional product benefits, guarantees, and even bonus offers. Check out a few options below, and remember to highlight the most compelling benefits of your offer.

Header_Added Seals AND Guarantees_Desktop.jpg

Header_Added Seals AND Guarantees_Mobile.jpg

Header_Product Image and Seals (Physical)_Desktop.jpg

Header_Product Image and Seals (Physical)_Mobile.jpg

Learn more about the order form image best practices

Order Form Image Guide & Best Practices

Create a custom design with text, images, and links

Order Form Image Guide & Best Practices

Overview

Quick Tips

Header Image Examples

Simple Branding

Added Guarantees

Added Seals and Guarantees

Digital Product with Guarantees

Physical Product with Seals

Bonus Offer

Product Highlight Examples

Side Callouts

Benefits in Footer

Side Reinforcement (Digital Product)

Reviews and Testimonials

Overall Rating, Footer

Individual Review, Side

Review Roundup, Footer

Additional CTAs

While Supplies Last, Footer

Customer Support Highlights

Header

Side

Footer

Image Widths

Additional Resources & Related Articles