Overview of Modules & Rewards Page Builder Sections
    • Dark
      Light

    Overview of Modules & Rewards Page Builder Sections

    • Dark
      Light

    Article summary

    Products


    Loyalty & Referrals
    Supported plans

    Pro, Premium, Enterprise

    eCommerce Platform

    Shopify, Shopify Plus, BigCommerce, Salesforce Commerce Cloud, Adobe Commerce (Magento), Custom

    After you set up your Loyalty & Referrals program, you need to display your Loyalty & Referral data on your website. Two ways to do that are Yotpo Modules, or the Yotpo Rewards Page Builder.

    Sections vs. modules

    Depending on how you want to display your program on your site, you may want to use Modules, the Rewards Page Builder, or a combination of the two.


    Rewards Page Builder (Sections)Modules
    What is it?The Rewards Page Builder is a tool for building a complete Rewards Page. Parts of the Rewards Page are called Sections.Modules are individual building blocks used to build your on-site experience.

    How it's used We suggest starting with the Reward Page Builder and then adding Modules if your design requires it.We suggest using Modules as a supplement to the Rewards Page Builder if your design requires it
    Publish FlowSections are built together on the Rewards Page Builder and embedded together on your site.Modules are built as standalone pieces and embedded one at a time on your site

    Module and section instances

    An instance refers to one specific Module/Section. Each instance has a unique ID used to identify a specific Module or Section across the Yotpo Loyalty & Referrals system. You can embed the same instance on more than one page, and it means they will host the same information, displayed on different pages. See more about finding your instance ID.

    Implementation GoalWhat to UseWorkflow Overview
    Remove a section from the Rewards Page Builder and put it on the account page/other pages.Rewards Page Builder + ModulesRewards Page Builder.
    Hide the section in the Rewards Page Builder.
    Create a new Module to embed on the other page.
    Add multiple instances of the same Section on the Rewards Page (e.g. if you need 3 different Free Product carousels)Rewards Page Builder + ModulesCreate a Rewards Page with the Rewards Page Builder.
    Embed section code separately.
    Create new Modules and embed the module code with the section code.
    Embed the same Section on my Rewards Page and also on the account page/other pages.Rewards Page BuilderCreate a Rewards Page with the Rewards Page Builder.
    Embed the whole page on your rewards page.
    Take that section’s code and embed it in the other location.
    Embed custom elements in between sections.Rewards Page BuilderCreate a Rewards Page with the Rewards Page Builder.
    Embed section code separately, and insert your other elements as needed.

    Was this article helpful?