Bigcommerce

Get Started

Connecting your Store #

1. Add Store #

After logging in to my.clerk.io, the first thing you need to do is add your store:

  1. Write the Name and Domain of your online store.

  2. Choose the Language and Currency, and Choose BigCommerce as the Platform.

  3. Click Add Store.

2. Configure your BigCommerce store #

To successfully configure your BigCommerce store you will need to go to the backend of your online store and in the Advanced Settings->API Accounts. From here you will create a new API Account:

  1. Name the new API Account Clerk.

  2. In the API Path you will find the Store Hash which is your store identifier, the API Path will look like this https://api.bigcommerce.com/stores/123456/ the 6 digits are your Store hash(123456);

  3. In the area underneath the API Path you will find the OAuth Scopes select where possible Read-Only(if not applicable select None) and Save the changes;

  4. In the pop-up that will appear you will find the API credentials you need Client ID, Client Secret and Access Token.

3. Sync your store #

From the main menu of my.clerk.io go to Data. Scroll down until you see on the right Sync Method, select BigCommerce from the dropdown list.

Paste the information you collected in the back end of your store and press Save.

After configuring the API account, you simply need to synchronise your store.

In the Data page, where you have pasted your Online store information, scroll up until you see Start New Data Sync, click on it.

Now your store is connected to Clerk :)

Previewing elements #

To get started with previewing Clerk.io elements in your webshop, you’ll need to first access the theme you’ve used to add Clerk.io.

Log into your store’s BigCommerce admin portal, then choose " Storefront" > “My Themes” from the left-side menu:

Once you’ve found your theme, click the three dots in the bottom-right corner, then choose “Customize”:

After clicking “Customize”, you’ll then be given the option to select a theme style to customize. Be sure this style matches that of the theme you’ve chosen (for example, if you’re working with “Theme Light”, choose “Light” here):

Choose the theme style, then click “Continue.”

Once you’re on the Preview page, be sure to select “Preview” at the top of the screen. In the top-left corner, you can choose the specific webshop page you’d like to preview, Homepage in this example:

Note:

In preview mode, BigCommerce does not allow you to carry variables to a clicked-through page. For example, if you add products to cart in Preview, they will not be in the cart once you click through.

To test Clerk.io elements that require variables moving page-to-page, be sure to “hard code” those variables to test. For example, set your search query to a specific keyword, or choose a specific product ID added to cart.