Bolt Checkout Modal Doesn't Open

Issue

Selecting the Checkout Button fails to load the Checkout Modal and returns the following error:

An Error Occured. Reload the page and try again.

Solutions

Here are the top two solutions you can try to resolve this issue. If neither of these solutions work, reach out to the Bolt Support Team.

1. Verify URL Is On Auto-Approve List

We require URLs that handle checkout to be registered on our Auto-Approve List found in the Bolt Merchant Dashboard.

1. Log in to the Bolt Merchant Dashboard.
2. Navigate to Developers.
3. Scroll to Auto-Approved Domains.
4. Select Add Domain.
5. Add all relevant permutations of the required domain.
   • www.yourstore.com
   • www.ys.com (any applicable CNAMEs or aliases)
   • www.yourstore.eu
6. Select Add Domain to save.

Refresh your browser and try to checkout again.

2. Verify Publishable Keys

Publishable Keys are part of your API key set and must be linked to your storefront from the track.js and connect.js scripts.

1. Obtain Publishable Key

1. Log in to the Bolt Merchant Dashboard.
2. Navigate to Developers.
3. Scroll to Keys.
4. Reveal your Publishable Key and copy it.

2. Update Publishable Key

1. Log in to your Storefront Admin Console.
2. Navigate to your storefront’s header file.
3. Verify the publishable key for the track.js script:

<script
  async
  id="bolt-track"
  type="text/javascript"
  src="{CDN_URL}/track.js"
  data-publishable-key="{PUBLISHABLE_KEY}"
></script>

4. Verify the publishable key for the connect.js script:

<script
  id="bolt-connect"
  type="text/javascript"
  src="{CDN_URL}/connect.js"
  data-publishable-key="{PUBLISHABLE_KEY}"
></script>

5. Ensure the CDN URL is the following production URL: https://connect.bolt.com.
6. Save your file.

Refresh your browser and try to checkout again.