Add Size Chart to your Product Page

Option 1: Using the Image Element

If you have a pre-designed size chart image, you can easily add it to your product page.

Step 1: Open your product page in the GemPages editor and find the  Image element.

Step 2: Drag the element from the left-hand sidebar and drop it into the desired location on your page.

Step 3: Upload your size chart image. Once uploaded, adjust its size and position as needed.

Option 2: Using Custom Code

Step 1: Navigate to your Shopify Admin > Products > All Products. Select the product you want to add the size chart to.

Step 2: Under the Description section, create a size chart using the Table function. When done, click Save.

Step 3: In the Description editor, switch to HTML mode by clicking the Show HTML button.

Copy the HTML code of your size chart.

Step 4: In GemPages editor, drag the Custom Code element from the sidebar and place it where you want the size chart to appear.

Step 5: Right-click on the Custom Code element and select Custom Code to open the code editor.

Step 6: Paste the HTML code into the HTML tab and Save.

Option 3: Using Third-Party Apps

For a more dynamic or customizable size chart, third-party apps are a great option. Many apps integrate seamlessly with GemPages, offering features like automatic sizing recommendations and advanced customization.

To explore these options, visit GemPages Help Center – Size Chart Integration for a step-by-step guide on using popular size chart apps.