Skip to main content
Shopify Web DesignCustom Shopify ThemesHeadless Shopify HydrogenShopify UI/UX DesignFigma to ShopifyShopify CROShopify App IntegrationShopify Store Speed SEOShopify Liquid DevelopmentShopify Oxygen HostingBespoke Shopify Design

Shopify Yotpo Integration: Reviews, Loyalty & UGC Complete Setup

Published: May 29, 2026
Written by Vindh Sharma
Shopify Yotpo Integration: Reviews, Loyalty & UGC Complete Setup

Shopify Yotpo setup is the fastest way to turn satisfied customers into a conversion engine. Yotpo data shows that displaying reviews on a product page increases conversion rates by up to 270% — and stores that add photo UGC see a further 25% lift in purchase intent. This guide walks you through every configuration step: installing the reviews widget, automating post-purchase email requests, enabling photo and video UGC, launching a loyalty and referral programme, syncing star ratings with Google Shopping, and displaying reviews inside your Shopify theme.

Need Yotpo wired into a custom Shopify theme without breaking your design system? Prateeksha Web Design handles end-to-end Shopify app integration services for DTC brands globally.

Get a Free Integration Audit

What Is Yotpo and Why Shopify Stores Need It

Yotpo is an eCommerce marketing platform that combines product reviews, user-generated content (UGC), loyalty programmes, and SMS/email automation inside a single dashboard connected natively to Shopify. BrightLocal's 2025 Consumer Review Survey found that 98% of consumers read online reviews before buying from a brand they don't already trust. Yotpo captures those reviews automatically, displays them in your storefront, and feeds them to Google, Meta, and retail syndication partners.

Yotpo's Shopify integration uses Shopify's native order webhook to trigger review requests and loyalty events without any custom code. Brands that use Yotpo's full suite — reviews, loyalty, and UGC — report an average 2.4× increase in repeat purchase rate compared to stores using no retention tools (Yotpo Platform Benchmarks, 2024).

Step 1: Install and Configure the Yotpo Reviews Widget

Yotpo's reviews widget installs from the Shopify App Store in under five minutes and requires zero custom Liquid coding on Yotpo's free and Growth plans. Follow these numbered steps exactly.

  1. Open Shopify Admin → Apps → Shopify App Store and search for Yotpo Product Reviews & UGC. Click Add app and approve the permissions.
  2. After installation, Yotpo redirects you to the Yotpo dashboard. Select your store plan (Free, Growth, or Prime) and complete the onboarding wizard.
  3. In the Yotpo dashboard, go to Reviews → On-Site Widgets → Widget Setup. Choose Auto-Install if your theme is Shopify 2.0-compatible — Yotpo injects the review widget block automatically via the Theme App Extension.
  4. If your theme is custom Liquid (non-2.0), click Manual Install. Yotpo provides two code snippets: one for product.liquid (the review widget) and one for collection.liquid (star rating badges). Copy each snippet and paste it into the correct template file.
  5. In Widget Settings → Design, set your brand primary colour, font, and star colour to match your Shopify theme. Yotpo renders the widget via a shadow DOM, so changes apply immediately without CSS conflicts.
  6. Enable Review Sorting (Most Recent + Most Helpful), set minimum rating threshold for display (recommended: 3 stars and above), and toggle on Review Verified Badge for purchases confirmed by Shopify.
  7. Click Save & Preview. Open a product page in your storefront and confirm the star rating summary bar and review listing render correctly on both desktop and mobile.

Yotpo's own benchmarks confirm that stores displaying verified reviews on product pages generate a 161% higher conversion rate on those pages compared to stores with no reviews widget.

Step 2: Set Up Post-Purchase Review Request Emails

Post-purchase review request emails are Yotpo's highest-volume review acquisition channel. Yotpo's 2024 platform data shows that automated email requests generate 9× more reviews than manual outreach. The timing, subject line, and smart filter configuration below are the settings Prateeksha Web Design uses for client accounts to maximise response rate without triggering spam complaints.

  1. In the Yotpo dashboard, go to Reviews → Review Request Emails → Settings.
  2. Set Send Delay to 7 days after order fulfilment for physical products. For digital products, use 1 day. This delay gives customers time to receive, try, and form an opinion before being asked.
  3. Toggle on Smart Filters. This prevents Yotpo from sending a review request if the customer has already submitted a review, if their order was refunded, or if they have an open support ticket (requires Gorgias or Zendesk integration).
  4. Navigate to Email Editor. Edit the subject line — use a personalised token: {{customer_first_name}}, how is your {{product_name}}? Subject lines with the product name improve open rates by 21% (Yotpo Email Benchmark Report, 2024).
  5. Enable In-Email Review Form. This lets customers submit their star rating and review text directly inside the email without leaving their inbox. Yotpo's data shows in-email forms generate a 3.5× higher completion rate than links to an external review page.
  6. Set up a Reminder Email — a single follow-up sent 5 days after the first request to non-responders only. Do not send more than one reminder; double-reminder cadences generate diminishing returns and increase unsubscribe rates.
  7. In Sender Settings, configure the From Name as your brand name and the From Email as a domain-authenticated address (e.g. hello@yourbrand.com). Yotpo supports SPF and DKIM configuration via your DNS panel.
  8. Click Save and send a test email to yourself. Verify that the in-email star widget renders in Gmail, Apple Mail, and Outlook before activating the sequence live.

Step 3: Enable UGC — Photo and Video Reviews

User-generated content (UGC) in the form of photo and video reviews is the single highest-trust signal a Shopify product page can display. Stackla's 2023 Consumer Content Report found that 79% of shoppers say UGC highly impacts their purchase decisions — outperforming both influencer content and brand photography. Yotpo's UGC module lets customers attach photos and videos directly to their review submissions.

  1. In the Yotpo dashboard, go to Reviews → UGC → Settings and toggle Enable Photo Reviews to ON.
  2. Enable Video Reviews (available on Growth plan and above). Set maximum video length to 60 seconds — Yotpo transcodes and hosts video automatically via its CDN.
  3. In Review Request Email → Email Editor, add the UGC prompt block. This adds a camera icon and the text "Add a photo or video" to the in-email form — Yotpo's A/B test data shows this increases photo submission rate by 40%.
  4. Navigate to UGC → Gallery and configure your Visual UGC Gallery widget. Set it to display on product pages (curated by product SKU) and on a dedicated /reviews page or your homepage hero section.
  5. Connect your Instagram account under UGC → Social Curation. Yotpo monitors tagged posts and hashtags and pulls brand-approved UGC into the same gallery, keeping it fresh without any manual effort.
  6. In UGC → Moderation, enable Auto-Approve for reviews with 4–5 stars and no flagged keywords. Set 3-star or lower reviews to Requires Manual Approval. This keeps your gallery positive while ensuring you don't suppress legitimate critical feedback.
  7. Go to On-Site Widgets → Product Page and enable the Photo & Video Carousel block. This renders beneath the main product images, showing real customer photos alongside your brand photography.

Brands on Shopify that display photo UGC alongside their reviews widget see a 25% increase in time on page and a 15% reduction in return rate (Yotpo Customer Success Report, 2024).

Step 4: Set Up the Yotpo Loyalty and Referral Programme

Yotpo Loyalty (formerly Swell Rewards) is a native Shopify loyalty and referral engine that rewards customers with points for purchases, reviews, social shares, and referrals. Yotpo's own platform data shows that loyalty programme members spend 2.6× more per year than non-members on the same Shopify stores. The setup below configures a functional points-and-tiers programme in under one hour.

  1. In the Yotpo dashboard, navigate to Loyalty & Referrals → Programme Setup. Click Create Programme.
  2. Name your programme (e.g. Brand Rewards), set your Points Currency Name (e.g. Stars, Coins, or your brand name), and set the Points Earn Rate — a standard starting point is 1 point per $1 spent.
  3. Under Earning Actions, enable the following: Account registration (100 points), Purchase (1 pt/$1), Write a review (50 points), Photo review (100 points), Birthday bonus (200 points), Follow on Instagram (50 points), Share on Facebook (30 points).
  4. Under Redemption Rules, set the discount rate — typically 100 points = $1 off. Set a minimum redemption threshold (e.g. 500 points minimum) to prevent micro-redemptions that erode margin.
  5. Enable Tiers (available on Prime plan). Create three tiers: Bronze (0–999 pts), Silver (1,000–4,999 pts), Gold (5,000+ pts). Assign tier-specific perks: Silver gets free shipping, Gold gets early access to new products.
  6. Under Referral Programme, set the referral reward: the advocate (referrer) earns 200 points when their referred friend places a first order; the referred friend gets a 10% discount on their first purchase. Both rewards fire automatically via Shopify order webhooks.
  7. In Loyalty → On-Site Display, install the Loyalty Widget (a floating panel on your storefront) and the Points Balance Block in the customer account page. Both install via Theme App Extension on Shopify 2.0 themes.
  8. Go to Loyalty → Emails and enable the Points Earned, Tier Upgrade, and Referral Confirmed email sequences. These send automatically and require no additional configuration.

Step 5: Connect Star Ratings to Google Shopping

Google Product Ratings — the gold star displays on Shopping ads and free listings — require a minimum of 50 reviews across all products or 3 reviews per product SKU to appear. Yotpo is a Google-approved reviews aggregator with a direct product ratings feed, making the setup significantly faster than manual feed configuration. Stores with star ratings on Google Shopping ads see an average 17% higher click-through rate (Google Internal Data, 2023).

  1. In the Yotpo dashboard, go to Reviews → Integrations → Google. Click Connect Google Account and authenticate with the Google account linked to your Google Merchant Center.
  2. Select Google Product Ratings and click Enable Feed. Yotpo generates a product ratings XML feed and submits it directly to Google Merchant Center via the Google Product Reviews API.
  3. In your Google Merchant Center, navigate to Growth → Manage Programmes → Customer Reviews and confirm the Yotpo feed is listed under Third-party review partners. Feed processing takes 24–72 hours on first connection.
  4. Enable Google Seller Ratings in Yotpo by toggling Seller Reviews Feed. This aggregates store-level reviews (not just product-level) and feeds them to Google for display on branded search ads.
  5. In Google Search Console → Shopping, verify that rich result star ratings are appearing on product URLs after 72 hours. If they don't appear, confirm your offers and aggregateRating JSON-LD structured data is present on product pages — Yotpo injects this automatically when its widget renders.

Connecting Yotpo to Google Shopping is one of the top Shopify app integrations for 2026 because it turns your existing review volume into free advertising inventory on Google.

Step 6: Display Reviews in Your Shopify Theme

The final configuration step is placing Yotpo review widgets in the correct locations across your Shopify theme so every high-intent page benefits from social proof. Baymard Institute's 2024 UX research shows that product pages with reviews displayed above the fold have a 24% lower bounce rate than pages where reviews are buried below the add-to-cart button.

  1. In Shopify Admin → Online Store → Themes → Customize, open a product template. Click Add Block and search for Yotpo Reviews Widget. Place it directly below the product description — not at the bottom of the page.
  2. Add the Yotpo Star Rating Badge block to your collection page template. This displays average rating and review count next to each product card, giving shoppers review signals before they click through to a product page.
  3. On your Homepage, add the Yotpo Reviews Carousel block to the hero or social proof section. Pull your 6–8 highest-rated reviews and display them in a rotating carousel with reviewer name, verified badge, and star rating.
  4. In your Cart drawer or cart page template, add the Yotpo Inline Rating widget next to each line item. Seeing review scores at the point of final decision reduces cart abandonment — Yotpo case studies report a 12% reduction in checkout drop-off when review badges appear in the cart.
  5. On the Thank You / Order Confirmation page (Shopify checkout extensions), add the Yotpo Post-Purchase Widget. This prompts customers to join your loyalty programme immediately after purchase — a moment of peak brand satisfaction.
  6. For custom Liquid themes that don't support Theme App Extensions, use Yotpo's JavaScript API. Add <script src="https://staticw2.yotpo.com/YOUR_APP_KEY/widget.js"></script> to your theme layout file, then use the data-product-id and data-name attributes on a <div class="yotpo yotpo-main-widget"> element in your product template.

If your theme needs pixel-perfect Yotpo widget placement — or you're running a headless Shopify build — our Shopify app integration services team handles full widget customisation without disrupting your existing design system.

Want Yotpo reviews, loyalty, and UGC working together from day one — with star ratings showing on Google Shopping within the first week? Prateeksha Web Design sets up and tests the complete Yotpo stack for Shopify DTC brands.

Book a Yotpo Setup Call

Frequently Asked Questions

How long does Shopify Yotpo setup take from install to live reviews?

A complete Shopify Yotpo setup — including the reviews widget, post-purchase email sequence, UGC module, and loyalty programme — takes 2–4 hours for a standard Shopify 2.0 theme. Custom Liquid themes that require manual widget injection take 4–8 hours depending on theme complexity. First reviews typically appear within 7–14 days of activating the review request email sequence, assuming your store has recent fulfilled orders.

Does Yotpo work with headless Shopify or Hydrogen storefronts?

Yotpo works with headless Shopify and Hydrogen storefronts via its JavaScript API and REST/GraphQL endpoints. You embed the widget script directly in your React components and pass Shopify product IDs as props. Yotpo's headless documentation covers the full API reference, including endpoints for fetching reviews, submitting reviews, and querying loyalty point balances for authenticated customers.

What is the minimum review count needed for Google Shopping star ratings to appear?

Google requires a minimum of 50 reviews across all products in your Merchant Center account, or at least 3 reviews per individual product SKU, for star ratings to appear on Google Shopping listings. Yotpo's direct feed integration with Google Merchant Center ensures ratings sync automatically within 24–72 hours of each new review submission, so you reach the threshold faster than with manual feed uploads.

Can Yotpo loyalty points be used as a Shopify discount at checkout?

Yotpo loyalty points convert to Shopify discount codes automatically at checkout. When a customer redeems points, Yotpo generates a unique Shopify discount code and applies it to the cart via Shopify's Discount API. The redemption experience is native to Shopify checkout and works with both standard Shopify checkout and Shopify Plus custom checkout extensions.

Is Yotpo compatible with Shopify Markets for multi-currency stores?

Yotpo is compatible with Shopify Markets and multi-currency stores. Review requests send in the customer's language if you have Yotpo's multilingual review templates enabled. Loyalty point earn and redemption rates can be set globally or adjusted per market — Yotpo's market-aware configuration is available on the Prime plan and above.

Vindh Sharma
Vindh Sharma
Sumeet Shroff is the founder of Prateeksha Web Design, a specialist Shopify agency based in Mumbai, India. He has over a decade of experience building high-converting Shopify stores for global DTC brands.

Comments

Leave a Comment

Loading comments...