Home > BigCommerce > Docs > How to integrate Yotpo with BigCommerce?

How to integrate Yotpo with BigCommerce

Last updated: September 01, 2023
This article has been written and researched by our expert Avada through a precise methodology. Learn more about our methodology

Roger

Author

Daniel

Researcher

Understanding and bringing back the best shopping experience is the final goal of every eCommerce retailer. No matter what industry your business belongs to, it is important to receive positive feedback from your customers. This is the core value that, in any way, will ensure the success of your online store. Fortunately, if you are working with BigCommerce, Yotpo is going to be the perfect solution!

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!

An introduction to Yotpo

Yotpo BigCommerce integration

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.

Within Yotpo BigCommerce integration, 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 Yotpo brings back to your online business

It is stated that Yotpo has successfully attracted the attention of more than 9,000 companies in the industry with multiple physical locations across the globe. This means that you can catch up with their products almost everywhere and it might make you wonder about the advantages that Yotpo brings to your store.

The best thing about using Yotpo BigCommerce integration is its ability to boost the number of loyal customers for your business by providing them better shopping experience, promotion tools and social curation. Additionally, the way Yotpo transforms users’ online buying journeys and increases site visitors’ likelihood of becoming regular consumers is even more outstanding.

Up to this point, Yotpo is considered as the leader in applying social curation into your product pages. If you are aiming at the same goal, it’s time to start integrating your online website with Yotpo!

How to set up Yotpo BigCommerce integration on Blueprint themes

Now that you have had a grasp on what Yotpo is, how it works and the merits of it, you must be curious about How to set up the Yotpo BigCommerce integration for your store. In this section, we will be guiding you through the steps of setting up for Blueprint themes only. Conversely, if you are using Stencil Themes please move on to the next part of the article.

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 that has been 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 page:

BigCommerce Marketplace page

The system will redirect you to BigCommerce App Marketplace, enter “Yotpo” in the search bar located at the top of your screen, and click on the Yotpo Review app:

Search for Yotpo

You can easily see the blue button saying “Get this App”, continue to click on “Install” and “Confirm” to start the application downloading process:

Start setting up Yotpo BigCommerce integration

Step 2: Install Yotpo Javascript

Also, from your BigCommerce Dashboard, go to Storefront > My Themes:

BigCommerce My Themes page

You can find the “Edit HTML/CSS” located as the second alternative under your theme:

Going to the Theme files

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:

Editing the source code

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 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>

Adding Yotpo reviews widget

“Save” your work, too!

Step 4: Install Conversion Tracking Code

The first thing you need to do is go to Advanced Settings > Web Analytics from your BigCommerce Control Panel:

BigCommerce Web Analytics page

At the General Settings tab, you can see there are 5 checkboxes in total, tick on the “Affiliate Conversion Tracking” and save your changes:

Checking for Affiliate Conversion Tracking

Moving on to the “Affiliate Conversion Tracking” tab, paste in the following set of codes into the Conversion Tracking Code box below:


Roger has over 4 years of experience in SEO. While in college, he started learning about SEO and showed a passion for the field. Right after graduation, he embarked on SEO projects and achieved great success. After years of working, he has learned deeply about SEO. Currently, he is the SEO team leader at avada.io

Stay in the know

Get special offers on the latest news from AVADA.