There are two installation methods.

For the size widget to work correctly, we will follow this order:

1. Preparation : Obtaining the code in the Reveni Merchant Dashboard.
2. Implementation : Choose between the Visual Method (Recommended) or the Code Method .

METHOD 1: From the Theme Visual Editor (Recommended)

Step 1: Copy the widget code

From the Reveni dashboard, go to the "Sizing widget" section in the sidebar menu. At the bottom, you'll find the "Code" section with the script you need to copy. This code must be added before the closing </html> tag.

Step 2: Access the Shopify dashboard

Log in to your Shopify admin panel. In the left sidebar menu, go to Sales channels > Online Store. 

Step 3: Go to Themes

In Shopify, go to Online Store > Themes . Click on "Customize" in your current theme (e.g., Dawn) .

Step 4: Navigate to the product template

Once inside the theme's visual editor, click on the top dropdown menu that says "Home page" and select "Products" from the menu that appears.

Step 5: Select the product template

Select "Default product" (or the product template you want to edit). This will take you to the product page editing view.

Step 6: Add a "Custom liquid" block

In the left sidebar, under Template > Product information, click "Add block". From the list of available blocks, select "Custom liquid".

Step 7: Paste the widget code

The Custom Liquid block will open with a text field. Paste the Reveni script code you copied in Step 1 into it. You can drag the block to position it wherever you prefer within the product information (for example, below the size selector).

Step 8: Save

Click the "Save" button (top right corner) to save your changes. The Reveni widget should now appear on the product page indicating whether the product is a large or small size.

METHOD 2: Editing the theme code directly (Alternative)

Step 1: Access the code editor

From the theme's visual editor, click on the "..." (three dots) menu in the upper left corner next to the theme name and select "Edit code".

Step 2: Edit the main-product.liquid file

In the file explorer on the left, within the "sections" folder, locate and open the "main-product.liquid" file. Paste the Reveni script just before the closing </html> tag or in the desired location within the product template. Save the changes.