This article covers how our Shopify integration works with the UGC module. Please refer to the general Shopify integration article to learn how to activate the integration and explore additional integration elements that are not specific to the UGC module.

​
Implement UGC widgets on a Shopify store

Cevoid’s Shopify app for UGC allows you to easily implement UGC widgets on your Shopify store without needing to write a single line of code.
Please refer to the general implementation guide if you run a headless storefront
This section covers the most common ways to implement your UGC widgets.
Refer to these articles to learn how to create and design your UGC galleries and cards:
  1. Navigate to UGC -> On-site widgets
  2. Open the gallery you want to implement
  3. Click Embed gallery in the upper right corner
  4. Copy the Gallery ID
  5. Navigate to your Shopify theme and open the page you want to embed the gallery on
    1. Add a new section and search for Cevoid gallery
    2. Paste the gallery ID and adjust the copy
    3. Click Save

​
Add the product page gallery using sections

  1. Navigate to UGC -> On-site widgets
  2. Open the product page gallery you want to implement
  3. Click Embed gallery in the upper right corner
  4. Copy the Gallery ID
  5. Navigate to your Shopify theme and open the product page template
    1. Add a new section and search for product-page gallery
    2. Paste the gallery ID and adjust the copy
    3. Click Save
We recommend that you use Cevoid’s prebuilt sections to embed your galleries, but you also have the option to add them as code blocks.
You will need to add Cevoid’s script to your theme file if you’re not using Cevoid’s section
  1. Navigate to UGC -> On-site widgets
  2. Open the product page gallery you want to implement
  3. Click Embed gallery in the upper right corner
  4. Copy the Gallery div-code
  5. Navigate to your Shopify theme and open the page you want to embed the gallery on
    1. Add a new section and a custom liquid or HTML section
    2. Paste the gallery div-code
    3. Click Save

​
Localization of UGC widgets

All Cevoid widgets can be localized to align with each of your storefronts using Markets. The widgets will automatically detect what market they are displayed on and use the corresponding language and display product tags with the correct currency, price, and URLs.

​
Products and variants

Product tags are an essential element when showcasing UGC since they help visitors navigate to the products featured in the posts they are inspired by. We will continuously sync your product catalog to ensure that you can easily add new product tags to posts and that the information displayed in your UGC widgets is up to date. When you add a product tag to a post, we will automatically connect the post to other variants of that product, the category, and any related collections. This way, you can build super relevant galleries around your products and utilize dynamic galleries such as the product page gallery.

​
Activate conversion tracking for Analytics

Cevoid’s UGC analytics don’t utilize any cookies except for when the conversion tracking is activated. Activating it allows you to see extra metrics, such as conversion rate on your UGC posts. Follow these steps to activate Cevoid’s conversion tracking in your Shopify stores:
  1. Navigate to Analytics
  2. Click Implementation instructions (open by default the first time you visit the page)
  3. Click Enable for each of the Shopify stores you want to activate it on
  4. Copy the cookie information and add it to your cookie policy
  5. Select the currency you want to see reports in
  6. Click Enable