How to Embed Wall of Love in BigCommerce

Overview

You can easily embed your Wall of Love on your BigCommerce store pages using Feedspace. Since BigCommerce separates script injection (for JavaScript) and page content (for HTML), you’ll need to add your script in Script Manager and your embed div on the specific page where you want the Wall of Love to appear.

Step 1 – Copy Your Embed Code from Feedspace

• Go to your Feedspace dashboard
• Select Pages from the left sidebar
• Choose the Wall of Love you want to embed
• Click the Share tab
• Copy the embed code, which looks like this:

Step 2 – Add Script in BigCommerce Script Manager

1. Log in to your BigCommerce admin panel.
2. From the left sidebar, go to Storefront → Script Manager.
3. Click Create a Script.
4. Enter the following details:
   • Name: Feedspace Wall of Love
   • Location on page: Footer
   • Script type: URL
   • Apply to: All Pages (or choose a specific page where the div will be added)
5. Add Script URL: https://js.feedspace.io/v1/embed/embed.min.js
6. Click Save to publish the script.

Step 3 – Add the Embed Div to a Web Page

Now that the script is globally loaded, you can add the Wall of Love div on the specific page you want.

1. Go to Storefront → Web Pages.
2. Choose the page where you want to display your Wall of Love or create a new one.
3. Depending on how the page is built, follow one of the two methods below:

If the content is created using the WYSIWYG editor

• Click the HTML <> icon in the toolbar to open the source code editor.
• Paste this div where you want the Wall of Love to appear: <div class="feedspace-embed" data-id="XXXXXXXXX-XXXX-460a-8e33-0dca8d50b996"></div>
• Click Save & Exit or Save & Keep Editing.

If the page contains raw HTML entered directly

• Paste the same div code directly into the text area where you want it to appear: <div class="feedspace-embed" data-id="XXXXXXXXX-XXXX-460a-8e33-0dca8d50b996"></div>
• Save your changes.

Step 4 – Preview Your Page

• Open your storefront and go to the page where you added the embed div.
• Refresh the page to see your Wall of Love appear.

Step 5 – Troubleshooting

• If the Wall of Love doesn’t appear, check that:
  • The script is saved and applied in the footer.
  • The div data-id matches your Feedspace Wall of Love ID.
  • You saved and published both the page and the script changes.
  • You clear cache or refresh the page again after saving.