---
updatedAt: 2026-03-17T00:14:05.000Z
agentTools:
  projectIndex: https://docs.withreach.com/llms.txt
---

# Checkout Champ guide

Checkout Champ offers an integration with the Reach gateway. It provides an easy way to begin using Reach without any coding required.

This guide walks you through setting up your Checkout Champ store using our embedded solution. The solution allows you to seamlessly integrate Reach into your Checkout Champ store and use Reach's Merchant of Record (MoR) features.

# Step 1. Activate the Reach Gateway

<CardCallout type="warning" title="Important">
  Do not begin this step until the scheduled go-live call with Reach. Your Reach representative will provide the gateway settings during that call.
</CardCallout>

1. Sign in to [Checkout Champ](https://app.checkoutchamp.com/).
2. Click **CRM** in the left navigation.
3. From the CRM page, click **Setup Gateway Providers**.

   <Image align="center" alt="Click **Setup Gateway Providers**" caption="Click **Setup Gateway Providers**" src="https://files.readme.io/2736b00a798621e09459cd0712c7b3788e1b9ef6e33475612c6b128b7806e032-CRM.png" />
4. In the Search field, type **Reach**, click the **Reach** pane in the search results, and then click **+ Activate**. See Step 2 for instructions on configuring the Reach settings.

   <Image align="center" alt="Click the **Reach **pane" caption="Click the **Reach** pane" src="https://files.readme.io/28f5679437e21d31f96ccddd3b5fdf2cdf24533392eeef82d7c97217f9a55a3a-Untitled_design_3.png" width="50% " />

# Step 2. Configure the Reach gateway settings

1. Complete the fields under **General Details**, **Customer Service**, and **Gateway Details** from the **Create New Gateway** page.

   <Table align={["left","left"]}>
     <thead>
       <tr>
         <th style={{ textAlign: "left" }}>
           Field
         </th>

         <th style={{ textAlign: "left" }}>
           Description
         </th>
       </tr>
     </thead>

     <tbody>
       <tr>
         <td style={{ textAlign: "left" }}>
           Title
         </td>

         <td style={{ textAlign: "left" }}>
           Enter the name of the merchant account.
         </td>
       </tr>

       <tr>
         <td style={{ textAlign: "left" }}>
           Phone #
         </td>

         <td style={{ textAlign: "left" }}>
           Enter your store or customer service phone number.
         </td>
       </tr>

       <tr>
         <td style={{ textAlign: "left" }}>
           Category
         </td>

         <td style={{ textAlign: "left" }}>
           Select your company’s business category from the Category dropdown list.
         </td>
       </tr>

       <tr>
         <td style={{ textAlign: "left" }}>
           Chargeback #
         </td>

         <td style={{ textAlign: "left" }}>
           Enter the customer service phone number for chargebacks on the gateway.
         </td>
       </tr>

       <tr>
         <td style={{ textAlign: "left" }}>
           Gateway
         </td>

         <td style={{ textAlign: "left" }}>
           Select **withReach** from the dropdown list.
         </td>
       </tr>

       <tr>
         <td style={{ textAlign: "left" }}>
           Email
         </td>

         <td style={{ textAlign: "left" }}>
           Enter the customer service email that customers should use related to the gateway.
         </td>
       </tr>

       <tr>
         <td style={{ textAlign: "left" }}>
           MerchantId
         </td>

         <td style={{ textAlign: "left" }}>
           Enter the merchant ID provided by your Reach representative.
         </td>
       </tr>

       <tr>
         <td style={{ textAlign: "left" }}>
           URL
         </td>

         <td style={{ textAlign: "left" }}>
           Provide the URL for the gateway's support web page.
         </td>
       </tr>

       <tr>
         <td style={{ textAlign: "left" }}>
           HMACSecret
         </td>

         <td style={{ textAlign: "left" }}>
           Enter the HMAC secret provided by your Reach representative.
         </td>
       </tr>

       <tr>
         <td style={{ textAlign: "left" }}>
           useTestServer
         </td>

         <td style={{ textAlign: "left" }}>
           Enable this feature to use Reach's sandbox. You must enter your Reach-provided Sandbox Merchant ID and HMAC Secret when enabled.
         </td>
       </tr>

       <tr>
         <td style={{ textAlign: "left" }}>
           acceptLiability
         </td>

         <td style={{ textAlign: "left" }}>
           Enable this feature to use 3rd-party fraud plugins. You can turn off this feature when using Reach's fraud screening.
         </td>
       </tr>

       <tr>
         <td style={{ textAlign: "left" }}>
           Descriptor
         </td>

         <td style={{ textAlign: "left" }}>
           Under the **Gateway Details** section, enter the name you want to appear on your customer's credit card statements when they purchase a product from your store. This name will help customers identify the charge and reduce chargebacks due to unrecognized transactions. The format for the statement descriptor is RCH- and use Reach's Mercha, where your descriptor must be from 2 to 19 characters in length.
         </td>
       </tr>

       <tr>
         <td style={{ textAlign: "left" }}>
           Mid #
         </td>

         <td style={{ textAlign: "left" }}>
           Under the **Gateway Details** section, enter your merchant ID number in the **Mid #**  field.

           * _Note_*: The**Mid #** is a required field. You can enter your merchant ID or any value you want. It just can't be blank.
         </td>
       </tr>
     </tbody>
   </Table>

<Image align="center" alt="Create New Gateway page" caption="Create New Gateway page" src="https://files.readme.io/c9afe9894cc82fb5c4fe51baa1da82dc083acbbea9bb0fb77de8f59d4c0fca51-Create_New_Gateway.png" />

2. Under **Accepted Payment**, turn on the payment methods supported by the WithReach plugin. The WithReach plugin supports the following payment methods:
   * **PayPal**: This option does not appear in the Accepted Payment list. See [Step 3](#step-3-enable-paypal-only-required-if-youre-using-paypal) for instructions on enabling PayPal.
   * MasterCard
   * Visa
   * AmEx
   * Discover
     <CardCallout type="brand" title="Recommended">
       We recommend enabling all default payment methods.
     </CardCallout>

<Image align="center" alt="Enable all default payment methods" caption="Enable all default payment methods" src="https://files.readme.io/669e9fd578376116e557919d96ae7a995195b90c734316bc66b46798553ee805-Accepted_Payment.png" />

3. Click **Create Gateway**. Your gateway will appear in the **Gateway List**.

# Step 3. Enable PayPal (only required if you're using PayPal)

If you're using PayPal through Reach, follow these steps to enable PayPal through Reach.

1. Open the funnel using the WithReach Gateway.
2. Click **Settings**.

   <Image align="center" alt="Click **Settings**" caption="Click **Settings**" src="https://files.readme.io/87655b75d238c24db3f0852f3418527205c9371fb0e2c6b3d693bfab8997e3d1-Settings.png" />
3. Click **Payments**.

   <Image align="center" alt="Click **Payments**" caption="Click **Payments**" src="https://files.readme.io/72ba58366bd8cb8e48c4371054443159fa65d3722018d8155612186b0fd5d739-Settings_-_Merchant_Accounts.png" />
4. From the **Payments** modal, click **PayPal**, and select the Reach gateway you created in [Step 1](#step-1-activate-the-reach-gateway) from the **Gateway** dropdown list.

   <Image align="center" alt="Click **PayPal**" caption="Click **PayPal**" src="https://files.readme.io/8a4e3d6a87aaaadd6eb4739027899a4aa29dc85be83b6aed281680cf5dd81951-Payments.png" />
5. Click **Save & Continue**.

# Step 4. Enable the Reach Gateway

If you plan to use the Reach Gateway for credit cards, follow these steps to enable Reach payments on your funnel and display the Reach Badge.

1. Open the funnel using the WithReach Gateway.
2. Click **Settings**.

<Image align="center" alt="Click **Settings**" caption="Click **Settings**" src="https://files.readme.io/b7ee6b5f414033efff550ed81fc1372866d8dd5ec3948a318d8f19a93874df71-Settings.png" />

3. Click **Payments**.

<Image align="center" alt="Click **Payments**" caption="Click **Payments**" src="https://files.readme.io/eb7eb7f716cf1665c338b453b961fe38cd6534a2f4fb39f0147101d359d33357-Settings_-_Merchant_Accounts.png" />

4. From the **Payments modal**, click **Reach**.

<Image align="center" alt="Click **Reach**" caption="Click **Reach**" src="https://files.readme.io/4e346bf6842c21d10b08b4b9f0b739b0f769d646d57d8c35d9b039e741f2f32b-Payments_-_Reach.png" />

5. Enter the Reach Merchant ID you provided for the MID # in [Step 1](#step-1-activate-the-reach-gateway).
6. Enter the [locale code](https://simplelocalize.io/data/locales/) (such as en-CA) you want for your store in the **Locale** field.
7. Choose your Badge theme ( **Dark**or **Light**) from the Theme dropdown list.
8. Click **Save & Continue**.

# Step 5. Republish the funnel

Save the setting and republish the funnel. Refer the client to the Checkout Champ documentation and provide a link. For non-payment-related questions, contact your Checkout Champ support.

1. Click **Funnels** in the left navigation pane.
2. From the **Funnels** page, click your store's tile.

   <Image align="center" alt="Click your store's tile" caption="Click your store's tile" src="https://files.readme.io/a529e8764db01d02d7a7016ec8b7f23a7fe43305aac7c7d815cc6f2370537375-Funnels.png" />
3. Click **Publish**.

   <Image align="center" alt="Click **Publish**" caption="Click **Publish**" src="https://files.readme.io/b885ef526522c9c72e4f1f8f497d7474e4531f32db3a2ff84a25684f42e6d22a-Publish.png" />