1. Check for errors when running the script on-site
Perform a test purchase or execute the script in your testing environment. Keep your browser console open and check for possible errors coming from
bzfy-checkout.js:1
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
Perform a test purchase and 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.products
– An array of products. The products are represented as Javascript object with the properties id (a string or number), quantity (a number), price (a number) and currency (a string). E.g. { id: 1, quantity: 5, price: 49.95, currency: 'EUR' } .orderId
– A number indicating the ID of the order.
3. Verify product ID
Perform a test purchase and verify that the product ID passed to the script matches the product ID used to identify the product in Flowbox.
Your shopping feed should've been imported to your Flowbox account by now. In the feed, there usually are a few different ID-attributes used to identify products, out of which one needs to be selected when importing the shopping feed.
The Checkout script needs to be configured with the same product identifier as is used to identify the products in the feed. To check what ID is being used follow these steps,
Go to the ‘Visual Marketing’ tab in Flowbox.
Click on ‘Products’ (under 'Commerce') in the menu to access the product list.
Search for the product, either by its name or its ID.
Validate that the ID is the same as the one in the Checkout script.
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.