Setup Guide for Bold Checkout

Overview

Looking to get Bold Checkout set up and running? Follow this comprehensive step-by-step guide and you will soon be ready to launch your customizable checkout service.

Let's get started!

 


 

Steps to Getting Started:

To install Bold Checkout on your BigCommerce store, please follow these steps:

  1. Navigate to the Checkout page on the Bold Commerce website.
  2. Select Request Demo, or Contact Us.
  3. Enter your contact and store information into the prompts.
  4. Select Get in Touch.

Bold Checkout requires an attached payment gateway in order to function. The payment gateway is how your customers will be charged for their orders, and where their credit card information is safely stored.

Connect your Payment Gateway

To set up a payment gateway on your store, please follow these steps:

  1. Within BigCommerce's admin, select Apps.
  2. Select Bold Checkout.
  3. Select Payment Options, then Payment Gateways.
  4. Select Connect Gateway, next to the payment gateway you would like to set up.
  5. Add the required Payment Gateway information (username, password, API token, etc).
  6. Select OK.


For more information on which payment gateway providers are integrated with Bold Checkout, please visit our article on Connecting a Payment Gateway to Bold Checkout.

The shipping zones will determine which countries and provinces/states your store is able to ship to. You can create your own shipping zones within Bold Checkout, as there is currently no limit to the number of zones you can create.

Create Shipping Zones in Checkout

To create a shipping zone in Bold Checkout with a standard carrier, please follow these steps:

  1. From BigCommerce's admin, select Apps.
  2. Select Bold Checkout.
  3. Select Shipping, then Shipping Zones.
  4. Select Create Zone.
  5. Enter a zone name, and select the country/countries that this zone should apply to.
  6. Under "Carrier", select your desired carrier.
  7. Select Flat Fee or Percentage of Live Shipping Rate (optional).
  8. Enter a number to increase the shipping rate by (optional).
  9. Select Add.
  10. Select Save.

For more information about modifying the warehouse address or creating zones, please visit our Create Shipping Zones in Bold Checkout.

Bold Checkout can use default tax rates for US and Canada. These are calculated at the most up-to-date rates that we have available. Your warehouse zone will determine how and where your taxes are calculated from.

Set up Tax Settings
  1. From BigCommerce's admin, select Apps.
  2. Select Bold Checkout.
  3. Select Payment Options, then Tax Settings.
  4. Under "Charge Settings", select:
    Include taxes in the price of my products; and/or
    Add taxes to shipping cost.
  5. Select Create with Presets, or Create Custom Zone.
    Create with Presents - Allows you to select predetermined tax rates on a per country basis, then save the group as a whole.
    Create Custom Zone - Allows you to set custom tax rates for a single or group of countries. This is the setting you will need to use for US and Canada. They are not listed within the North America preset region.
  6. Under "Connect Tax Provider", select Connect (optional).

For more information on Custom Tax Rates, Checkout tax settings, integrations, and VAT, please visit our article on Setting up Tax Settings in Bold Checkout.

Bold Checkout uses an independent checkout process to charge your customers for their orders. Because of this, any discount codes you wish to offer on the storefront must be created within the Bold Checkout app.

Creating a Discount Code

To create a discount code, please follow these steps:

  1. From BigCommerce's admin, select Apps.
  2. Select Payment Options, then Discount Codes.
  3. Select Create a Discount.
  4. Under Step 1, enter an internal discount name.
  5. Under Step 2, either enter a discount code or generate a discount code key.
  6. Under Step 3, select a discount type and if applicable, enter a discount amount.
  7. Under Step 4, select a discount code condition (optional).
    - Use Limit for Discount Code: Enabling this condition allows you to set a number for the amount of times that the discount code can be used in the checkout page in total.
    - Use limit per customer: This condition allows you to restrict how many times the discount code can be used per customer on your store. 
    Date Range: A date range can be used to set when the discount code is enabled and disabled on your store. 
  8. Select Save.

For more information, please visit our Discount Codes Overview & Setup in Bold Checkout.

Bold Checkout uses its own checkout to process your customer's orders. Because of this, the app has its own section for managing abandoned carts and managing orders that are generated in Bold Checkout. Bold Checkout allows you to track different events on your site using integrations, such as Google Analytics and/or Facebook Pixel. 


Order Management

When a customer has purchased an order through Bold Checkout, all of these orders can be viewed within the Checkout admin. They can be found within  Orders > All Orders. When an order fails to generate, a record will be created only in Bold Checkout - along with an error message stating why the order failed to generate. 


Abandoned Cart Management

When a customer reaches the Bold checkout, adds a name or email address and then closes the checkout, the customer's abandoned checkout will be recorded in Bold Checkout under Orders > Abandoned Carts.

You cannot view abandoned carts until you activate and have customized the abandoned cart emails. 

Each abandoned cart that is recorded in Bold Checkout includes the last updated date that the customer made a change in the checkout, the customer's name and email address, a direct link to the customer's abandoned checkout, a status of whether an automated email has been sent to the customer or not and a time stamp for when the abandoned email was sent. 


Audit Logs

Audit logs in Bold Checkout outline changes that have been made to the app. If you would like to view the logs, please follow these steps:

  1. From BigCommerce's admin, select Apps.
  2. Select Bold Checkout.
  3. Select Account, then select Audit Logs.

 
For more information, please visit our Reports & Analytics in Bold Checkout article.

Bold Checkout offers several different ways to customize the look and feel of its checkout. This includes adding custom store logos, customizing the color scheme, or switching between one page or three page checkouts.

 

Add a Logo

Adding a logo to your checkout will replace the text with your store's name at the top of it.

To add a logo in Bold Checkout, please follow these steps: 

  1. From within Bold Checkout, select Settings General Settings.
  2. Scroll down to the Logo section, and select Upload File under Header.
  3. Select a file that contains your store's logo. 
  4. Select Save.


Checkout Process

There are a number of settings under the "Checkout Process" section which allow you to customize how your checkout looks, and how people can interact with difference aspects of it.

To adjust the checkout process, please follow these steps:

  1. From within Bold Checkout, select Settings General Settings.
  2. Under "Checkout Process", change the desired settings.
  3. Select Save at the bottom of Checkout Process.


For more information on customizing the appearance, adding favicons, adjusting the checkout process, address autocomplete, custom hostnames, and so much more; Please visit our Customization & Styling in Bold Checkout article.

Bold Checkout integrates with several different apps to provide functionalities that are not possible using BigCommerce's checkout. These integrations are listed within the app's admin under the "Marketplace" tab.

Visit our Integration Hub for more information on using our app to its fullest.

We strongly recommend testing Bold Checkout before enabling the app on your site. Bold Checkout has a development mode that allows you to process test orders through a "dummy" payment gateway. This is a great way to check currently automated email flows and familiarize yourself with how orders are processed through Bold Checkout.

Enable Development Mode 

Bold Checkout will replace your BigCommerce Checkout on your store. This helps with working with app integrations, and helps with processing your stores orders through an alternative checkout. Before enabling this app for your customers, you may want to enable development mode to test it.

Bold recommends this step so you can ensure all your features are working as expected. 

Please follow these steps to enable Checkout's development mode:

  1. From BigCommerce's admin, select Apps.
  2. Select Bold Checkout.
  3. Select Payment Options, then Payment Gateways.
  4. Select the toggle to enable Development Mode.
  5. Once Development mode has been enabled, you can proceed with placing a test order.


Place a Test Order

It is recommended to complete these steps while on the development mode in Checkout, as instructed above. This is to ensure that you can connect to our test payment gateway, and that the order will not charge you real funds to complete.

When creating test orders, it is best to try different scenarios when testing (for example: gift cards, discount codes, credit cards, being logged in or out, etc) to ensure everything is set up properly.


Visit our article on Placing Test Orders for more information on completing this step.

Bold Checkout must be enabled through the app's "General Settings" tab before the app can be utilized on your store. For steps on enabling Bold Checkout, please follow these steps: 

  1. From BigCommerce's admin, select Apps.
  2. Select Bold Checkout.
  3. Select Settings, then General Settings.
  4. Under "Enable Bold Checkout", select Turn Bold Checkout On.

Since orders that are purchased on your store process through a different checkout, refunds must be done through the Bold Checkout app. 


Complete a Refund

When an order is made through the Bold Checkout, you are able to open our app to make the full or partial refund. This requires the additional steps of opening and navigating through our app and completing it there. 

To refund an order placed through Bold Checkout, please follow these steps:

  1. From BigCommerce's admin, select Apps.
  2. Select Bold Checkout.
  3. Select Orders, then All Orders.
  4. Select the Refund button beside the order you wish to refund.
  5. Enter a Refund quantity.
  6. Enter a Restock quantity (optional).
  7. Enter a $ amount next to "Shipping refund" if you would like to refund a full or partial shipping charge.
  8. Enter a refund reason.
  9. Select Send an email notification to the customer.
  10. Select Refund $XX.XX.


For steps on refunding an order that was processed through Bold Checkout, please visit Refund an Order in Bold Checkout.

Was this article helpful?
0 out of 0 found this helpful