Skip to main content
All CollectionsSeller HelpOrder Form Tools
Order Form Image Guide & Best Practices
Order Form Image Guide & Best Practices

Learn more about the order form image best practices

Updated this week

Overview

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: Guide to Using Images on ClickBank

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:


Quick Tips

  • 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.)


Header Image Examples

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.


Simple Branding

Desktop

Header_SimpleBranding_Desktop.jpg

Mobile

Header_SimpleBranding_Mobile_.jpg

Added Guarantees

Desktop

Header_Added Guarantees_Desktop.jpg

Mobile

Header_Added Guarantees_Mobile.jpg


Added Seals and Guarantees

Desktop

Header_Added Seals AND Guarantees_Desktop.jpg

Mobile

Header_Added Seals AND Guarantees_Mobile.jpg


Digital Product with Guarantees

Desktop

Header_Added Product Image_Desktop.jpg

Mobile

Header_Added Product Image_Mobile.jpg

Physical Product with Seals

Desktop

Header_Product Image and Seals (Physical)_Desktop.jpg

Mobile

Header_Product Image and Seals (Physical)_Mobile.jpg


Bonus Offer

Desktop

Header_Bonus Offer_Desktop.jpg

Mobile

Header_Bonus Offer_Mobile.jpg


Product Highlight Examples

Side Callouts

Side_PRODUCT BENEFIT_Desktop_2.jpg

Benefits in Footer

Desktop

Footer_PRODUCT BENEFIT_Desktop_1.jpg

Mobile

Footer_PRODUCT BENEFIT_Mobile_1.jpg



Side Reinforcement (Digital Product)

Yes_reinforcement_1.jpg


Reviews and Testimonials

Overall Rating, Footer

Testimonial_Overall_Rating_2.jpg


Individual Review, Side

Testimonial_Individual_Review_2.jpg

Review Roundup, Footer

Desktop

Footer_Testimonial_Tablet_1.jpg

Mobile

Footer_Testimonial_Mobile_1.jpg


Additional CTAs

While Supplies Last, Footer

Desktop

Footer_URGENCY_Desktop_1.jpg

Mobile

Footer_URGENCY_Mobile_1.jpg


Customer Support Highlights

Header

Header_Service_Desktop.jpg

Side

Side_Need_Help_1.jpg


Footer

Desktop

Footer_Customer_Support_Desktop_1.jpg

Mobile

Footer_Customer_Support_Mobile_1_.jpg


Image Widths

Mobile

All Images: 699 px

Desktop and Tablet

Header/Footer: 994 px

Other zones: 489 px


Additional Resources & Related Articles

Did this answer your question?