Overview
When you first crack open our new Order Form Customizer to create a custom order form template, you might get struck by the “blank canvas” effect.
The Customizer makes it readily apparent that you can add or drag and drop images, text, and a combination of the two across different zones–header, footer, and side modules–but you might find yourself wondering, “What images should I add to elevate my branding, optimize my order form, and drive conversions?”
To help you get started, we’ve put together this quick-start guide with image examples for each module. These images are for reference only, but the various examples are built on best practices from top-converting order forms, and offer a glimpse into what you can create.
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.)
This article contains the following sections. Scroll down or click on a link to get started!
NOTE: This digital assets are intended to used as examples as you create or source your own order form assets.
- Header Image Examples
- Product Highlight Examples
- Reviews and Testimonials
- Additional CTAs
- Customer Support Highlights
- Image Widths
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
Mobile
Added Guarantees
Desktop
Mobile
Added Seals and Guarantees
Desktop
Mobile
Digital Product with Guarantees
Desktop
Mobile
Physical Product with Seals
Desktop
Mobile
Bonus Offer
Desktop
Mobile
Product Highlight Examples
Side Callouts
Benefits in Footer
Desktop
Mobile
Side Reinforcement (Digital Product)
Reviews and Testimonials
Overall Rating, Footer
Individual Review, Side
Review Roundup, Footer
Desktop
Mobile
Additional CTAs
While Supplies Last, Footer
Desktop
Mobile
Customer Support Highlights
Header
Side
Footer
Desktop
Mobile
Image Widths
Mobile
All Images: 699 px
Desktop and Tablet
Header/Footer: 994 px
Other zones: 489 px
Additional Resources & Related Articles
- KNOWLEDGE BASE: Using the Order Form Customizer
- KNOWLEDGE BASE: Creating Your First Product
- KNOWLEDGE BASE: How to Switch to the New Order Form Tools From the Legacy Order Form