BigCommerce Integration Details

Installing the Re:amaze Shoutbox Embed

Getting started with Re:amaze for BigCommerce begins with installing the Re:amaze app from the BigCommerce Apps Marketplace. After installation, you will taken through our onboarding setup flow. Allowing customers to message you through your website is know as the Shoutbox. There is a unique script needed to integrate the Re:amaze Shoutbox (chat box) to enable live chat, real time customer events, optional proactive engagement via Cues, and optional embedded FAQ.

Alt Text

When you're done configuring your Shoutbox Embed (either using the default configuration or advanced configuration), you'll be provided with a script.

Alt Text

Follow the on-screen instructions and go to your BigCommerce Storefront settings and click on the "Footer Scripts" section and paste the provided script. If you have other scripts in the Footer Scripts section, you can paste the Re:amaze script either at the top or at the bottom. Click save when you're done.

Alt Text

NOTE: If you see an error for incorrectly configured script, please ignore and continue to save.

Alt Text

If you preview your store after this is complete, you should see the Re:amaze Shoutbox live on your store front.

Alt Text

NOTE: It may take a while for the Shoutbox to show up. If you do not see the Shoutbox after clicking on "View Store" at first, close the store preview and try again.

If your BigCommerce store allows customer login and accounts, Reamaze can be integrated into your customer-facing website to deliver seamless customer support by not always requesting for a known customer's name and email. We'll discuss this next.

Enabling Simple Single-Sign-On (SSO) for Re:amaze and BigCommerce

The following script should be added below the default Shoutbox script described above:

<script type="text/javascript">
  _support['user'] = {
    email: '{{ customer.email }}',
    name: '{{ customer.name}}',
  }
</script>

Simple SSO is designed for BigCommerce stores to give customers an easy way contact you without having to provide their name and email every time. Click save when complete.

Alt Text

Customizing Your Re:amaze Shoutbox

Customizing your Re:amaze Shoutbox is as simple as using the Embed Builder again found under "Settings" then "Embeddables". The Embed Builder will help you change the features of the Shoutbox without coding knowledge. A script will also be provided to you at the end of the process. Simple replace the original Shoutbox script you've pasted in Step 1.