Release NotesAnnouncementsVideosBlog
Guides

Customize a hosted checkout page

North America—United States and Canada

On the Global Developer Dashboard—Hosted Checkout Settings page, you can make the following changes to your checkout experience:

  • Style your hosted checkout page to match the merchant's brand.
  • Enable reCAPTCHA for security.
  • Set up URL redirects to help your customers navigate back to your site after completing the checkout process.
  • Add a callback URL to receive webhook messages when customers make a payment.

Prerequisites

  1. Create a global developer account.
  2. Select the Hosted Checkout checkbox in the Ecommerce Settings.

Customize your checkout page

  1. Log in to the Global Developer Dashboard.
  2. Click the Sandbox toggle icon to go to either the sandbox or the production environment.
  3. From the left navigation menu, click Test Merchants. The Test Merchants page lists the default test merchant account.
  4. Click the Launch Dashboard icon. The Test Merchant Dashboard appears.
  5. From the top-right menu, click Settings. The Settings side panel appears.
  6. Click View all settings. The Settings page appears.
  7. In the Ecommerce section, click Hosted Checkout. The Hosted Checkout page appears.

In the Styling section, enter the following information:

  • Business Name—Merchant or business name that you want to display on the hosted checkout page.
  • Colors—Select each of the color options—Header Color, Background Color, or Footer Color—and then select a new color using the color picker. Use the brand-approved colors for your merchant website.
  • Custom Footer Content—Text you want to display at the bottom of the hosted checkout page.

The Page Preview on the right displays all the changes based on the Styling section fields.

Use reCAPTCHA

ReCAPTCHA is a Google service to test to distinguish valid users from bots. It blocks automated software and prevents spamming and fraud. ReCAPTCHA is triggered when it detects multiple repeated purchase attempts and a reCAPTCHA field is presented to consumers to confirm they are not bots.

The reCAPTCHA checkbox for Hosted Checkout is selected by default for all new Clover merchants to combat fraud on card-not-present (CNP) transactions. Merchants can turn the feature on or off in the Merchant Dashboard on the Hosted Checkout page.

In the ReCAPTCHA section, select or clear the Use reCAPTCHA for all transactions made through the hosted checkout page checkbox.

For more information on reCAPTCHA see Blog: Clover Ecommerce vs. Bots: reCAPTCHA Your Website.

Related topics

Updated 2 days ago