Easy Integration: Install Yotpo Reviews on BigCommerce

Easy Integration: Install Yotpo Reviews on BigCommerce

Table of Contents:

1. Introduction
2. Disabling the Built-In Review System
3. Installing the Yatpo App from the BigCommerce App Store
4. Adding Code Snippets to Your BigCommerce Admin
   • 4.1. Adding the Yachtpod.js Script in Script Manager
   • 4.2. Replacing the App Key in the JavaScript Library Code
5. Installing Review Widgets
   • 5.1. Making a Copy of the Theme
   • 5.2. Pasting the Reviews Widget Code in the Product View
   • 5.3. Pasting the Star Rating Code in the Filecard.html
6. Implementing Conversion Tracking Code
   • 6.1. Copying the Conversion Tracking Code
   • 6.2. Pasting the Conversion Tracking Code in the BigCommerce Admin

Article:

How to Integrate Yatpo with BigCommerce: A Step-by-Step Guide

Introduction

If you're using BigCommerce and want to enhance your online store with Yatpo's powerful review system, you're in luck! Integrating Yatpo with BigCommerce is quick and easy, taking just a few minutes. In this guide, we'll walk you through the steps to seamlessly integrate Yatpo into your BigCommerce store.

1. Disabling the Built-In Review System

Before we begin the integration process, you'll need to disable the built-in review system in your BigCommerce admin page. Here's how:

• Log into your BigCommerce admin page.
• Click on "Advanced Settings" and then "Comments".
• Under the "Built-in" tab, deselect the "Product Reviews" checkbox and click "Save".
• Next, turn off the setting to send review requests to customers. To do this:
  • Click on "Store Setup" and then "Store Settings".
  • Go to the "Miscellaneous" tab and deselect the "Product Review Emails" checkbox.
  • Click "Save".

2. Installing the Yatpo App from the BigCommerce App Store

To get started with the integration, you'll need to install the Yatpo app from the BigCommerce app store. Follow these steps:

• Access your BigCommerce admin by clicking on "Apps" and then "Marketplace".
• Use the search box to find Yatpo and click on the Yatpo Reviews app.
• Click on "Get This App", then "Install", and confirm the installation.

3. Adding Code Snippets to Your BigCommerce Admin

Now, let's add the necessary code snippets to your BigCommerce admin. These snippets are essential for the smooth functioning of Yatpo on your store. Here's what you need to do:

4.1. Adding the Yachtpod.js Script in Script Manager

• Access your BigCommerce admin and go to "Storefront".
• Select "Script Manager" and under the name of the script field, enter "yachtpod.js".
• Choose the following settings:
  • Location on page: Footer
  • Select pages where script will be added: All pages
  • Script category: Essential
  • Script type: Script
• Then, paste the JS library code from the Help Center article at the start of the footer.
• Replace the app key portion between the hashtags in the code with your store ID (you can find your store ID in your Yatpo account settings).
• Click "Save".

4.2. Replacing the App Key in the JavaScript Library Code

Now that the JavaScript library is installed, you'll need to replace the app key portion in the code. Here's how:

• Access your BigCommerce admin and go to "Storefront".
• Select "Script Manager" and find the file "yachtpod.js".
• Replace the app key portion between the hashtags in the code with your store ID.
• Click "Save".

5. Installing Review Widgets

Review widgets are the actual reviews that shoppers will see on your store. To install them, follow these steps:

5.1. Making a Copy of the Theme

• Go to "Storefront" and click "My Themes".
• Choose the advanced theme you want to edit and click "Make a Copy".

5.2. Pasting the Reviews Widget Code in the Product View

• Click "Edit Theme Files" and open the theme editor in your BigCommerce admin.
• Navigate to "Templates" > "Components" > "Products".
• Open the "product.view.html" or "product.html" file.
• Paste the reviews widget code found in the Help Center guide under the last line of code in the file.
• Click "Save File".

5.3. Pasting the Star Rating Code in the Filecard.html

• Go to "Storefront" and click "My Themes".
• Click "Edit Theme Files".
• Open the theme editor in your BigCommerce admin.
• Navigate to "Templates" > "Components" > "Products".
• Access the "filecard.html" file. If you don't have this file, search for the file that contains your category pages' data.
• Paste the star rating code found in the Help Center guide under the card-dash-title element.

6. Implementing Conversion Tracking Code

The final step is to implement the conversion tracking code, which allows you to measure Yatpo's success rate and populate the relevant details within your conversion dashboard. Here's what you need to do:

6.1. Copying the Conversion Tracking Code

• Access your BigCommerce admin and copy the conversion tracking code from the Help Center guide.

6.2. Pasting the Conversion Tracking Code in the BigCommerce Admin

• In your BigCommerce admin, go to "Advanced Settings" and then "Web Analytics".
• Click on the "Affiliate Conversion Tracking" tab and paste your code into the "Conversion Tracking Code" box.
• Replace the app key portion of the text between the hashtags in the code with your store ID.
• Click "Save" at the bottom of your screen.

That's it! Your BigCommerce store is now fully integrated with Yatpo. You can start collecting reviews using automatic review requests or import your existing reviews. Check out our Help Center for more information and feel free to reach out to our support team if you need any additional help.

Pros of Integrating Yatpo with BigCommerce:

1. Enhances the credibility of your store with customer reviews.
2. Increases conversions and sales by providing social proof.
3. User-friendly integration process with step-by-step guidance.
4. Access to powerful review management tools.

Cons of Integrating Yatpo with BigCommerce:

1. Yatpo may have additional costs depending on your chosen plan.
2. Not suitable for stores with a small customer base or no existing reviews.

Highlights:

• Quick and easy integration process.
• Disabling the built-in review system in BigCommerce.
• Installing the Yatpo app from the BigCommerce app store.
• Adding code snippets to your BigCommerce admin.
• Installing review widgets on your store.
• Implementing conversion tracking code for better analytics.
• Seamless integration and enhanced credibility.

FAQ:

Q: Can I use Yatpo with any BigCommerce plan? A: Yes, Yatpo is compatible with all BigCommerce plans. However, additional costs may apply depending on your chosen plan.

Q: Can I import existing reviews into Yatpo? A: Yes, you can import your existing reviews into Yatpo to maintain continuity and credibility.

Q: How can Yatpo benefit my online store? A: Yatpo enhances your online store by providing social proof through customer reviews, increasing conversions, and improving credibility.

Q: Is Yatpo easy to set up and integrate with BigCommerce? A: Yes, the integration process is user-friendly with step-by-step guidance provided in this guide.

Q: Can I customize the Yatpo review widgets on my store? A: Yes, you can customize and configure the Yatpo review widgets to match your store's branding and design.

Q: Will Yatpo affect the loading speed of my BigCommerce store? A: Yatpo is designed to have a minimal impact on the loading speed of your store. However, it's important to optimize your store for performance to ensure a seamless experience for visitors.

Q: How do I contact Yatpo's support team? A: If you need any additional help or have questions, you can contact Yatpo's support team through their website or directly from your Yatpo account.