You can install SatisMeter on your BigCommerce store in two ways:
- Customize your template by editing the theme's files (recommended).
- Use BigCommerce's conversion and affiliate tracking.
In this article:
Customizing the theme
This method lets you install SatisMeter on almost any page of your store. It also lets you pass more information to SatisMeter.
You can install SatisMeter in your theme like so:
- From your store's dashboard, go to Storefront > My Themes. In the active theme, select Customize > Edit Theme Files.
- Under templates/pages, locate the file for the page where you want the survey to appear. For example, use
order-confirmation.htmlfor the "Thank you for your order" page. - Paste the content of this gist inside the
{{#partial "page"}}block. - Replace
YOUR_WRITE_KEYwith the write key for your SatisMeter project. In SatisMeter, you can find it under Settings > Integrations > API Keys. - Click Save & apply file. SatisMeter is now installed in your store.
Note: Changes to checkout pages, such as
checkout.htmlororder-confirmation.html, might not appear in your store. If so, enable Optimized One-Page Checkout, because some themes require it to use the checkout page files.
To show the survey, adjust its targeting settings as described in Adjusting targeting settings.
Using conversion and affiliate tracking
To install SatisMeter only on the order confirmation page, use BigCommerce's conversion and affiliate tracking code injection. With this method, you can pass only three pieces of information to SatisMeter: the order amount, the order ID, and the customer's email.
You can add the tracking code like so:
- From your store's dashboard, go to Advanced Settings > Affiliate Conversion Tracking.
- Paste the content of this gist in the Conversion Tracking Code area. If the area already has content, add the new code at the end, below the existing content.
- Replace
YOUR_WRITE_KEYwith the write key for your SatisMeter project. In SatisMeter, you can find it under Settings > Integrations > API Keys. - Click Done. SatisMeter is now installed in your store.
To show surveys, adjust your survey's targeting settings as described in Adjusting targeting settings.
Adjusting targeting settings
By default, SatisMeter shows the survey based on the customer's sign-up date. Neither BigCommerce's theme templates nor its conversion and affiliate tracking provide this date. You can customize the survey's targeting under Settings > Surveys > Targeting.
There, you can change the survey's targeting rules. Remove the existing rule to make the survey available to your customers.