Book a consultation

Overview

 

The connector app allows editors to select products from their BigCommerce account and reference them inside of Contentful entries.

 

Screenshot 2022-02-12 at 17.34.08

 

Requirements

 

To use the app, you will need:

  • An account with BigCommerce.

  • A content type with a field of type Short text or Short text, list.

  • Products in your BigCommerce store which have a name, image, a unique ID and unique SKU

 

Installation and Usage Guide


Step 1: Install

Acquire a BigCommerce store hash and access token to use with the app by following the below steps on the BigCommerce website:


A) Get your Store hash

  1. Log into your BigCommerce Store Control Panel

  2. Go to Advanced Settings > API Accounts

  3. Click create API Account (Create V2/V3 API Token)

  4. The API Path will be displayed as:

https://api.bigcommerce.com/stores/abcde12345/v3/

abcde12345 is the store hash


B) Get your Access token

  1. Log into your BigCommerce Store Control Panel

  2. Go to Advanced Settings > API Accounts

  3. Click create API Account (Create V2/V3 API Token)

  4. Enter a Name for the app/integration corresponding to this account. The name can be a minimum of four characters long.

  5. Under OAuth Scopes, scroll down to Products and select read-only

    Screenshot 2022-02-12 at 08.41.31

  6. When you’ve finalised your changes, click Save. A successful save will display the pop-up shown below. It will contain the API credentials required for your app - specifically the Access Token. You will be prompted by your browser to download a .txt file containing the same credentials for safekeeping on your computer.

 

KEEP A NOTE OF YOUR CREDENTIALS!

 

There is no way to return to the pop-up after you dismiss it. Make sure you store your credentials – either by copying/pasting the contents of each field out of the pop-up or by keeping the downloaded .txt file. We recommend adding the API Path value from Step 2 to these credentials, as it is used for all API calls using the token.

 

Please see the Authenticating BigCommerce’s REST APIs guide for more details.

 

image4


 

C) Fill in the details

  1. Fill in the BigCommerce store hash and your access token in the BigCommerce app installation screen.

     

    Screenshot 2022-02-12 at 18.23.57

  2. From the list of available fields, select all fields for which you would like to install the BigCommerce app.

  3. Click on Install.

  4. This will modify the fields in the selected content types and change their appearance to use the BigCommerce app.


Further information can be found on BigCommerce's help centre.

 

 

Step 2: Use the product picker to select products on BigCommerce

To reference BigCommerce products from your Contentful entries:


  1. Navigate to the Content page.

  2. Select or create a new entry of the content type for which you installed the app.

  3. Find the field and click on "Select a product".

  4. Scroll through the available products using the “load more” button or search through them, select the one(s) you want and click save.

  5. Your selection should now appear like this:

Screenshot 2022-02-12 at 18.26.48



FAQ

 

How does the BigCommerce connector app work with product variants?

 

At present the connector app works by selecting the leading product only and therefore does not select and present product variants therefore not making them available for selection.


What is the difference between installing the app for a field of type Short text vs Short text, list?


When the app is installed for fields of type Short text the product picker widget will allow you select a single product. For fields of type Short text, list the widget will allow you to select multiple products.


How can I query the BigCommerce catalog API for product IDs I saved in my Contentful entries?


There are multiple ways to retrieve products but the simplest way is via the BigCommerce catalog API.  There are two differences to consider when using the BigCommerce catalog API:

 

For multiple products send a GET request to the following URL filling in the params in brackets and providing your BigCommerce store Access Token as an X-Auth-Token header:

https://api.bigcommerce.com/stores/{$$.env.store_hash}/v3/catalog/products?sku:in={$$.product_skus}

 

Refer here for more details.

 

For a single product send a GET request to the following URL filling in the params in brackets and providing your BigCommerce store Access Token as an X-Auth-Token header:

 

https://api.bigcommerce.com/stores/{$$.env.store_hash}/v3/catalog/products/{product_id}

 

See here for more details.

 

Further help

 

For any further help on the apps functionality or features or any implementation help please contact Candyspace at support@candyspace.com.