A Basic Custom Order Form provides you with the ability to easily add your brand, graphics, and color scheme to the ClickBank Order Form in a few simple steps! By utilizing this feature, you can:

• Match the look and feel of your site
• Create a more seamless customer experience
• Provide a persuasive final touch point to convince the customer to purchase

By taking just a few minutes and following the instructions below you can dramatically increase conversions!

Read on to learn more!

Navigation Guide

• New Version
• Overview
• Adding a Header Image
• Creating a Custom Order Form
• Using a Custom Order Form
• Best Practices
• Compatibility
• Related Articles

New Version

ClickBank switched to an updated version of our order form that offers a number of benefits:

• Mobile responsiveness
• Modernized appearance
• Cart abandonment notifications
• Exit Offer compatibility

Though the legacy order form is currently available, it will be permanently retired at the end of September. The information and instructions below are for the newest version.  

Overview

With a Basic Custom Order Form, you can easily customize the ClickBank Order Form to create a more seamless customer experience by matching the look and feel of your site.

Currently, the customization options include:

• Adding a Header Image
• Setting a Background Color

This image shows a new custom order form with a green background and a placeholder header image to show the layout:

Don’t be intimidated! The set-up is simple, easy and can be completed in just a few steps:

1. Create a Header Image
2. Add the Header Image to your account
3. Create the Order Form Template (it’s easy I promise)
4. Add a parameter to your payment link

Benefits 

The Basic Custom Order Form is one of the most powerful features that ClickBank provides due to its key benefit:

• Dramatic Increase to Conversions!

Adding a Header Image

What do I need for a Header Image?

The image specifications are as follows:

• Must be in .gif, .jpg or .png file format.
• Width must be 994 pixels.
• Height may be anywhere between 40 pixels and 250 pixels.
• The image must be under 500kb in size.

NOTE: ClickBank is unable to accept images, image name tags, and image alt tags that contain nudity, profanity, copyrighted material or trademark names, or anything that violates any of ClickBank’s policies. ClickBank is also unable to accept images, image name tags, and image alt tags that display trust seals such as McAfee or VeriSign.

What should my Header Image look like?

Check out Best Practices below.

How do I add a Header Image to my account?

NOTE: To add images to your ClickBank account you will first need to have an activated product.

1. Log in to your ClickBank account.
2. Click the Settings tab.
3. Click My Images.
4. Click Add New Image and enter in the image details:
   
   
   • Name – An internal identifier for the image.
   • Alt Tag – This text is displayed if the image cannot be displayed, or if a user is using a screen reader to process the page. This should be a concise description of the image.
   • Image Type – Select Header Image (New Basic Template).
5. Choose an image file to upload.
6. Review the ClickBank Client Contract, then confirm that the image does not violate its terms and conditions.
7. Click Upload.
   The image is uploaded and submitted to ClickBank for approval.
   Our Business Services team will send you an approval or denial email within 1 business day.

Creating a Custom Order Form

Once your image(s) have been approved, you can create your custom order form.

1. Log in to your ClickBank account.
2. Click the Settings tab.
3. Click My Order Form.
4. Click Add New Template and enter your Custom Order Form Details:
   
   
   
   • Type – Select NEW Basic (Mobile Optimized).
   • Template Name – A name for the order form template.
   • Background Color – Choose the color (by typing in a specific hex code or choosing from the color picker we provide) that will appear on the order form page to the left and right of the box where customers enter their payment details.
   • Header Image – Select an approved Header Image to display at the top of the order form.
   • Order Form Color – The color scheme of the payment details box. Select Taupe or Blue.
   • Show On Success Page – Check this box to display the custom images and colors on the success page where customers access their purchases.
5. Click Save Changes.

Using a Custom Order Form

There is one step left to making your Basic Custom Order Form part of the customer experience. On the My Order Form page, to the right of your existing order form template(s), you’ll see a column called URL parameter.

This parameter will look like: cbskin=#

You’ll need to copy that URL parameter, add it to the Payment Links on your Pitch Page (for example, if you have a “Buy Now” button).

Payment Links have the following format:

http://1.NICKNAME.pay.clickbank.net

Add a question mark and then the cbskin parameter to the end of each Payment Link you have. The resulting Payment Link should look like this (your cbskin number is displayed in the My Order Form section):

http://1.NICKNAME.pay.clickbank.net/?cbskin=1

Once you’ve updated all of your Payment Links on your Pitch Page, your Basic Custom Order Form will start displaying to customers immediately.

TIP: Create multiple Custom Order Forms and split test them against each other to see what converts best for you! Just duplicate your Pitch Page, adjust the cbskin parameter on your Payment Links so that each version is going to a specific order form, run traffic to each of the pages, and compare results to find the winner!

Best Practices

When creating a high performing Basic Custom Order Form there are really two main objectives:

• Mimic the look and feel of your site to create a more seamless customer experience.
• Provide a persuasive final touch point to convince the customer to purchase

Mimicking the Appearance of Your Site:

• Logo/Image Placement – Are you using a header image on your site? If so, try to recreate the appearance as much as possible on your order form Header Image, matching the placement of any logos or product images.
• Color Scheme – Use the same colors from your site design in the design on your order form.
• Background Color – Match the background color of your site on the order form. If it’s white, leave it white. If it’s a solid color, select that color as the Background Color on your Basic Custom Order Form template. If you’re using an image rather than a solid color, choose the most prominent color.
• Product Images – Do you show an image of your product on the sales page? If so, make sure you are using the same image on the order form. This is a simple and easy way to provide customers with confidence that they are indeed purchasing the correct and desired product.
• Other Images – Don’t disregard the other images on your site! If you provide an image for a refund guarantee or other compelling features, use the same image or similar design of that image on the order form.

TIP: View your sales page and order form side by side for contrast and comparison. Is the customer experience comparable?

The Do’s:

• Product Title & Image
• Product Highlights
• Tag Line
• Progress Bar
• Big Three (Highest Converting Elements):
  • Secure Order
  • Refund Guarantee
  • Instant Access (Digital Products)

The Don’ts:

• Pixelated or stretched images
• Busy design
• Text-heavy

Examples:

Compatibility

PitchPlus Upsell Flows

If you are using PitchPlus Upsell Flows along with a custom order form, you must pass the skin parameter before you pass the flow ID parameter on the pay link. For example:

http://3.nickname.pay.clickbank.net/?cbskin=myskin&cbfid=a

Related Articles

• Advanced Custom Order Form – This article explains how to customize your order form using CSS.