Embedding GPSR Compliance Widget

Step 1: Open the Shopify Theme Editor

1. Log in to your Shopify admin account.
2. Navigate to Online Store > Themes from the left-hand menu.
3. Locate the theme you want to edit and click Customize.

Step 2: Navigate to the Page Where the App Block Should Appear

1. In the Theme Editor, use the page selector dropdown at the top of the screen to navigate to the page where you want to add the app block.
   • For example, choose a Product Page if you want to add compliance data to product pages.

Step 3: Add an App Block

1. Once on the desired page, look for a section where you can add app blocks. Common sections include Product Information or Custom Sections.
2. Click on the + Add Block button within the section where the app block should appear.
3. Scroll through the list of available blocks until you find the app block for the GPSR Compliance Manager.
• The block name might be labeled as GPSR Compliance Widget or similar, depending on the app.

(If you can't find the app block - read our troubleshooting guide below)

Step 4: Customize the App Block

1. After adding the block, you’ll see customization options in the right-hand panel of the Theme Editor.
2. Adjust the settings to control how compliance information is displayed, such as:
   • Manufacturer Details
   • Warnings and Safety Instructions
   • Batch and Serial Number Information
3. Save your changes once you’ve configured the block to your liking.

Step 5: Rearrange the Block (Optional)

1. If you want to change the position of the app block, drag and drop it within the section to reorder it.
2. Make sure it appears in a logical position that’s easy for customers to see, such as near the product description.

Step 6: Preview and Test

1. Click the Preview button at the top of the Theme Editor to see how the app block looks on your store.
2. Test the functionality by viewing the live page and ensuring that the compliance information displays correctly.

Step 7: Save Your Changes

When you’re satisfied with the app block’s placement and functionality:

1. Click Save in the Theme Editor to apply your changes.
2. Visit your live store to confirm the app block is working as expected.

Troubleshooting Guide for Vintage (v1) Themes

If you're using a vintage (v1) theme in your Shopify store, app blocks may not be supported natively. These older themes don’t have the dynamic sections required to add app blocks directly through the Theme Editor.

What to Do:

To ensure the GPSR Compliance Manager integrates properly with your store, please reach out to us for assistance.

Contact Support

Send us an email at [email protected] with the following details:

• Your Shopify store URL.
• A brief description of the issue.
• Any screenshots that can help us understand the problem.

Our team will guide you through the steps or provide custom instructions to integrate the app into your theme.

We’re here to help you stay GPSR compliant with minimal hassle!