1. Check for errors when running the script on-site
When testing the script in your test environment, keep your browser console open and check for possible errors coming from
If you get an error message, its content should be enough to find out what might be causing it. Here is an example of what it could look like:
2. Verify request payload data
Verify that you have made the POST request with response code 200.
In your browser inspector, go to the Network tab.
Click on the checkout request. It's named "events", in case you don't find it you can also search for anything related to "Getflowbox" or "Flowbox":
Validate request method and status code.
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,
apiKey– Your Checkout Script API Key.
orderId– A number indicating the ID of the order.
3. 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,
Go to the ‘Visual Marketing’ tab in Flowbox.
Click on ‘Catalogs’ (under 'Commerce') in the menu to access the catalog list.
Click on the meatball (three-dot) menu next to the catalog marked as ‘Primary’ and click on ‘Edit’.
(If the Edit button is not available, please get in touch with your CSM so they can check the product ID for you)
Look under ‘Identifier’ to see what ID-attribute is used to identify the products from the Google Shopping feed.
4. 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.