Verify product ID

Verify that the product ID matches the product ID used to identify products in Flowbox. We have, most likely, by now imported your Google Shopping feed to your Flowbox account. In the feed, there are most commonly a few different ID-attributes used to identify products when importing the Google Shopping feed. 

The Checkout script needs to be configured with the same ID-format as is used to identify the products from the feed. To check what ID is being used follow these steps,

  1. Go to the ‘Visual Marketing’ tab in Flowbox.

  2. Click on ‘Catalogs’ (under 'Commerce') in the menu to access the catalog list.

  3. Click on the meatball (three-dot) menu next to the catalog marked as ‘Primary’ and click on ‘Edit’.

  4. Look under ‘Identifier’ to see what ID-attribute is used to identify the products from the Google Shopping feed. 

Check for errors when running the script on-site

  1. When testing the script in your test environment, keep your browser console open and check for possible errors coming from bzfy-checkout.js:1

  2. If you get an error message, make sure that you read it. It's usually enough to find out what might be causing it. Here is an example of what it could look like:

Verify request payload data

Verify that you have made the POST request with response code 200.

  1. In your browser inspector, go to the Network tab.

  2. Click on the checkout request. If you cannot find a checkout request –
    Usually, it's named 'analytics/' or 'bzfy-checkout.js' , or search for anything related to Getflowbox or Flowbox:

  3. Validate request method and status code.

  4. Go to the bottom of this request's 'Headers' where you can see formed payload data from the checkout script (under Request Payload - as visible on screenshot above).

Verify that the payload contains the following,

  1. apiKey – Your Checkout Script API Key.

  2. products – An array of products. The products are represented as Javascript object with the properties id (a string or number ) and quantity (a number ). E.g. { id: 1, quantity: 5 } .

  3. orderId – A number indicating the ID of the order.

Content Security Policy (CSP) Error

Content Security Policy (CSP) is a W3C standard providing a layer of protection against Cross-Site Scripting (XSS). CSP policy allows blocking/allowing content from specified domains and avoiding the content coming from unapproved origin.

If you see an error message that states that the checkout script could not load due to Content Security Policy, you will need to add Flowbox to your CDN whitelist.

Did this answer your question?