Skip to main content

How To Integrate Yotpo with BigCommerce in 3 Minutes [2024 Update]

Last updated: June 25 2021

Written and researched by experts at Avada Learn more about our methodology

Every eCommerce retailer aims to offer the best shopping experience, as positive customer feedback is crucial for success. Working with BigCommerce? Yotpo is an ideal solution that can help you achieve this goal.

In this article, we are going to expand the topic related to Yotpo and, most importantly - How to set up Yotpo BigCommerce integration for your online business! So keep reading to find out more! And trust us, it is worth it!

Yotpo Marketing: At A Glance 

Yotpo's Homepage
Yotpo's Homepage

Yotpo is a cloud-based content marketing strategies provider designed for eCommerce firms that facilitates the collection of user-generated material and utilizes that material to foster brand development and enhance customer service.

online store managers can quickly gather, curate, and keep track of user-generated content. Furthermore, you can find SEO marketing ranking and social media monitoring tools, email marketing, analytics and resource management all at once here at Yotpo BigCommerce integration.

Benefits of combining Yotpo with BigCommerce store

When integrating Yotpo with BigCommerce, store owners bring several benefits, such as:

  • Seamless Integration: Yotpo easily integrates with your BigCommerce store, making setup quick and straightforward.
  • Enhanced Customer Reviews: It encourages and simplifies collecting customer reviews, improving trust and credibility.
  • Social Proof: Displays reviews and ratings on your site, providing social proof that can drive sales.
  • Increased Engagement: Yotpo offers features like Q&A and user-generated content to engage customers and keep them on your site longer.
  • Better SEO: Customer reviews can improve SEO, helping your store rank higher in search results.
  • Customizable Widgets: You can tailor the look and feel of review widgets to match your brand, enhancing your site's appearance.
  • Insightful Analytics: Yotpo provides analytics on customer feedback, allowing you to improve products and customer service.
  • Loyalty Programs: It supports creating loyalty and referral programs, encouraging repeat business and customer referrals.

Before Integrating Yotpo with the BigCommerce store

Before installing Yotpo on your BigCommerce store, it’s critical to disable BigCommerce’s built-in reviews system. This ensures your store runs smoothly with Yotpo without issues between the two review systems.

  • Step 1: Login to BigCommerce admin and go to “Advanced Settings”, then click “Built-in” tab.
disable BigCommerce’s built-in reviews system
  • Step 2: Uncheck the “Product Reviews” checkbox and click “Save.” 
disable BigCommerce’s built-in reviews system
disable BigCommerce’s built-in reviews system
  • Step 3: Move to “Store Setup” > “Store Settings” and then click the “Miscellaneous” tab. 
disable BigCommerce’s built-in reviews system
  • Step 4: Uncheck the “Product Review Emails” and click “Save.”
disable BigCommerce’s built-in reviews system

How to set up Yotpo BigCommerce integration on Blueprint themes

Before getting started, it is recommended to closely follow the steps in order for the installation process to be smoothly implemented. Besides, after every action taken, you can click on the “Review” button on your BigCommerce Theme Files to check out the results.

Step 1: Integrate Yotpo Review Apps

  • At your BigCommerce Control Panel, go to App > Marketplace:
Yotpo BigCommerce integration
  • You type “Yotpo” in the search bar at the top of your screen, and click on the “Yotpo Review” app. 
Yotpo BigCommerce integration
  • You can easily see the black button “Get this App.”
Yotpo BigCommerce integration
  • There are two options for users to click “Log in” if you have an existing BigCommerce store or “Sign up” if you are new to BigCommerce. 
Yotpo BigCommerce integration
  • Click the “Install” button. 
Yotpo BigCommerce integration
  • Continue to click on “Confirm” to start the application downloading process.
Yotpo BigCommerce integration
  • Click “New: Customize Widget” or “Skip Step” if you don’t want to modify. 
Yotpo BigCommerce integration
  • Press the “Next: Integrate” or “Skip Step” button.  
Yotpo BigCommerce integration
  • Click “Manual Installation” or “Email Instructions.”
Yotpo BigCommerce integration

Step 2: Install Yotpo Javascript

  • From your BigCommerce Dashboard, go to Storefront > My Themes:
Yotpo BigCommerce integration
  • You can find the “Edit HTML/CSS” located as the second alternative under your theme
  • Once you have select this option, BigCommerce will give you access to the HTML file of your current Blueprint themes, choose “Other Template Files” and look for the HTMLHead.html under the Panels:
Yotpo BigCommerce integration

Add these line of codes after the last line of the file, above the </head> part:

  • Don’t forget to “Save” your changes!

Step 3: Set up the Yotpo Reviews Widget

This step is pretty similar to the previous one; however, instead of going to the HTMLHead.html, you access the ProductDetails.html file and insert the following set of codes just like in the picture:


<div class="yotpo yotpo-main-widget" 
data-product-id="%%GLOBAL_ProductId%%"
data-price="%%GLOBAL_RawProductPrice%%"
data-currency="%%GLOBAL_CurrentCurrencyCode%%" 
data-name="%%GLOBAL_ProductName%%" 
data-url=document.URL 
data-image-url="%%GLOBAL_ThumbImageURL%%" 
data-description=""> 
</div>

Yotpo BigCommerce integration

Step 4: Install Conversion Tracking Code

  • The first thing to do is to copy the following code: 

<script type="text/javascript">(function e(){var e=document.createElement("script");e.type="t

  • In your BigC ommerce admin, click Advanced Settings >Web Analytics
  • You can see there are 5 checkboxes in total, tick on the “Affiliate Conversion Tracking” and save your changes:
  • Click the “Save” button.
Yotpo BigCommerce integration
  • Click the “Affiliate Conversion Tracking” and then “Paste your code” into the Conversion Tracking Code box:
Yotpo BigCommerce integration
  • Replace portions of the code.
  • Click “Save.”

Common Issues when Integrating Yotpo with BigCommerce

Integrating Yotpo with BigCommerce can streamline your review management and enhance your store's credibility, but like any integration, you might encounter some issues. Here are common ones:

  • Installation Snags: Sometimes, the integration process might not go as smoothly as expected, leading to incomplete installation or functionality not being enabled.
  • Syncing Problems: There could be issues syncing product reviews from Yotpo to your BigCommerce store, leading to delays or missing reviews.
  • Widget Placement Issues: Finding the right spot for Yotpo's widgets on your site or getting them to display correctly can be tricky, especially if you have a custom theme.
  • Importing Existing Reviews: If you're transitioning to Yotpo from another platform or the built-in BigCommerce system, importing existing reviews into Yotpo can sometimes face hurdles.
  • Customization Limitations: While Yotpo offers customization options, you might find them limiting, especially if you have specific brand guidelines or unique design needs.
  • Performance Impact: Any third-party integration can slow down your site. With Yotpo, you might notice a slight impact on page load times, especially on product pages with many reviews.

Final Thoughts

Yotpo BigCommerce store integration can significantly improve your online retail experience by leveraging customer reviews and social proof. This integration offers a powerful tool for building trust, increasing engagement, and driving sales.

linkedin
Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.