Overview
The ClickBank Trust Badge (CBTB) is an optional header displaying the ClickBank brand. It can be displayed on pages with a ClickBank pay link that leads to the ClickBank order form. The CBTB promotes a secure shopping experience for customers, regardless of how they reach your pitch page.
When the CBTB is clicked, a modal window will appear with a brief text summary identifying ClickBank as the retailer for the product.
ClickBank provides JavaScript to easily add the CBTB to any product page. It can be displayed as a header bar or a floating tab and comes in eight color palettes—four greyscale and four full-color. As a seller, you can choose the style and color configuration that best suits your website.
While using the CBTB is not mandatory, it is recommended as it can enhance trust and credibility, helping increase customer confidence during the purchasing process.
Display
The CBTB can be displayed as a header bar or a floating tab.
NOTE: Users on Internet Explorer 8 will always see the header bar due to browser limitations.
Header Bar: Positioned at the top of the page. When the user scrolls down, it will scroll off the page.
Floating Tab: This can be positioned in any of the four corners of the page. If the tab is positioned in either of the upper corners, it will scroll off the page when the user scrolls down. If placed in either of the lower corners, the tab will remain static as the user scrolls. The tab is positioned 10 pixels from the edge of the browser, regardless of window size.
When clicked, the CBTB expands to show information about ClickBank.
There are eight color palette choices for the badge:
Greyscale options:
White
Light Grey
Dark Grey
Black
Color options:
Dark Blue
Light Blue
Light Yellow
Light Green
You can change the configuration and color/theme selection at any time.
Language Support
ClickBank uses browser detection to display the appropriate language for the CBTB. Supported languages include English, French, German, Spanish, Italian, and Portuguese (also supported on the ClickBank order form).
Implementing the CBTB
You can add the ClickBank Trust Badge to your pages by logging into your account and generating a custom badge. The CBTB is linked to your ClickBank account, so if you have multiple accounts, you'll need to generate a separate CBTB for each.
NOTE: The CBTB cannot be used on pages created with Wix or the latest GoDaddy GoCentral Website Builder.
Steps for Implementation:
Step 1: Log in to your ClickBank account.
Step 2: Click the Vendor Settings tab.
Step 3: Click My Site.
Step 4: Scroll to the “ClickBank Trust Badge - Injection Code” section, then click Configure Settings.
Step 5: Choose the badge configuration and color/theme combination that works best with your site.
Step 6: Click Save Changes.
Step 7: Copy the unique JavaScript snippet provided.
Step 8: Add the JavaScript snippet to your page. If you can edit the HTML directly, paste the snippet just above the closing </head> tag. If using a website builder, find the option to add JavaScript and paste the snippet there.
The CBTB should now be displayed on your page. If you change your settings, it may take up to two hours for the new settings to be reflected.
Implementation Recommendations
For the best experience for your customers, follow these guidelines when implementing the ClickBank Trust Badge:
Include a DOCTYPE declaration at the top of your HTML to ensure your page doesn't render in quirks mode.
Example:htmlCopyEdit<!DOCTYPE html>
Set the margin of the body tag to 0 if you choose the centered header bar configuration.
Example:cssCopyEditbody { margin: 0; }Test your CBTB implementation on different browsers and devices to confirm proper layout and functionality.
Check your analytics to ensure everything is tracking properly.
Ensure any proprietary scripts, such as exit pop-ups, are functioning correctly.
Modifying the CBTB for a Single Page
By default, the CBTB is displayed with the configuration and theme you selected in your account. However, you can modify the JavaScript on a specific page to override the default settings for that page, allowing you to test different configurations or themes.
You can change two parameters: position and theme.
Position: Defines the badge’s location. Possible values are:
HEADER
TOP_LEFT
TOP_RIGHT
BOTTOM_LEFT
BOTTOM_RIGHT
Theme: Defines the color theme. Possible values are:
WHITE
LIGHT_GREY
DARK_GREY
BLACK
DARK_BLUE
LIGHT_BLUE
LIGHT_YELLOW
LIGHT_GREEN
Example:
htmlCopyEdit<!-- ClickBank Trust Badge --> <script src='//cbtb.clickbank.net/?vendor={VENDOR}&position=bottom_left&theme=black'></script>
Troubleshooting
If you're experiencing issues with the CBTB that aren't covered here, feel free to contact our client services team for assistance.
If you previously implemented the Always On Shopping Portal JavaScript, the CBTB will display as a white header bar by default. You can follow the steps above to customize the configuration and color settings.