Overview

The Yotpo integration uses Skio’s Embedded Blocks and Yotpo developer toolkit to provide a flexible, low-code way to display your customer's points and rewards right within the Skio customer portal.

What You’ll Need

1. Yotpo Loyalty & Referrals installed and configured in your Shopify store.
2. At least one published widget from the Yotpo dashboard (e.g. Rewards Page).
3. Multipass login enabled in Skio, so customers are automatically signed into Shopify (and Yotpo) when accessing the portal.

How It Works

Yotpo provides a <div> tag and optional JavaScript snippet that loads the widget based on a specific instance ID. Using Skio’s embedded block system, you can paste this into your Customer Portal’s Portal Settings > Custom Block section.

When customers are logged into Shopify via Multipass, the widget will load and display reward points, VIP tier info, or redemption actions—based on your Yotpo configuration.

How to Set It Up in Skio

1. Retrieve Your Widget Snippet from Yotpo

Follow these steps in your Yotpo dashboard:

• Navigate to Display On-Site > Rewards Page
• Choose or create a widget
• Click the 3 dots on the widget you want to display and select “Get the code”
• Copy the embed snippet (example below)

2. Add the Code to Skio

In the Skio Admin Dashboard:

• Go to Customer Portal → Portal Settings
• Scroll to the Custom Block section
• Paste the Yotpo embed snippet
• Click Publish at the top of the page

Here’s an example:

<div class="yotpo-widget-instance" data-yotpo-instance-id="INSTANCE_ID"></div>
<script>yotpoWidgetsContainer.initWidgets();</script> // Make sure you add this

This will inject the Yotpo widget at the top of the customer portal.

📝 Note: Replace the data-yotpo-instance-id value with the ID from your Yotpo dashboard.

Why Multipass Matters

Skio supports Shopify Multipass to keep your customers logged in across Skio, Shopify, and Yotpo.

Without Multipass, the Yotpo widget may not render properly or may prompt users to log in again via Shopify.

How to Confirm It’s Working

Once you’ve pasted your code and your customer logs into the Skio portal:

• If they’re logged in via Multipass, they’ll see the widget right away
• If not, the widget may remain blank or prompt a login

Need Help?

Feel free to reach out to your Skio Customer Success Manager or Skio Support if you need help with Multipass setup or verifying your widget embed.