print

Integrating TRUENDO CMP with Shopify

Introduction#

This guide provides step-by-step instructions on how to integrate the TRUENDO Consent Management Platform (CMP) into your Shopify website. TRUENDO CMP helps you manage cookies and user consent in compliance with privacy regulations like GDPR. By following this guide, you'll be able to insert the TRUENDO code snippet into your theme's HTML, configure it, and ensure enhanced data privacy on your Shopify store.

1. Prerequisites#

Before you begin, ensure you have the following:

  • Access to Your Shopify Admin Account: Ability to edit theme code.
  • TRUENDO Account: If you don't have one, you'll need to create it and obtain your Site ID.
  • Basic Understanding of Shopify Themes: Familiarity with editing theme files.

2. Integration Steps#

A. Log into Your Shopify Account

  1. Navigate to Shopify Login Page:

  2. Enter Your Credentials:

    • Input your email address and password, then click "Log in".

B. Access Your Theme's Code

  1. Go to Online Store:

    • From the left-hand sidebar in your Shopify admin dashboard, click on "Online Store".

  2. Select Themes:

    • Under "Online Store", click on "Themes".

  3. Edit Code:

    • In the "Current theme" section, click on the "Actions" dropdown menu.
    • Select "Edit code" from the dropdown options.
    Access Theme Code

C. Insert the TRUENDO Code Snippet

  1. Locate the theme.liquid File:

    • In the left-hand sidebar, under the "Layout" directory, click on "theme.liquid".

  2. Find the <head> Section:

    • In the theme.liquid file, locate the <head> HTML tag. This is where you'll insert the TRUENDO code snippet.

  3. Paste the TRUENDO Code Snippet:

    • Obtain your TRUENDO code snippet from the TRUENDO Console.

    • Paste the TRUENDO code snippet just after the opening <head> tag to ensure it's one of the first scripts loaded.

    Example:

    <!DOCTYPE html>
<html lang="en">
<head>
  <!-- TRUENDO Privacy Center -->
  <script id="truendoPrivacyCenter" type="text/javascript" src="https://cdn.priv.center/pc/truendo_cmp.pid.js" data-siteid="YOUR_SITE_ID"></script>
  <!-- End TRUENDO Privacy Center -->
  <!-- Other head elements -->
    • Replace YOUR_SITE_ID with your actual Site ID.

D. Save Your Changes

  1. Save the Updated theme.liquid File:

    • Click the "Save" button in the top-right corner of the code editor.

  2. Confirm Changes:

    • Ensure there are no errors displayed after saving.

You have successfully integrated TRUENDO CMP into your Shopify theme!

3. Verifying the Integration#

To ensure TRUENDO CMP is correctly integrated:

  1. Visit Your Shopify Storefront:

    • Open your store's homepage in a web browser.

  2. Check for the Consent Banner:

    • The TRUENDO consent banner should appear upon visiting the site.

  3. Test Consent Functionality:

    • Interact with the consent banner by accepting or customizing your preferences.
    • Ensure that your choices are respected (e.g., non-essential cookies are blocked if you decline them).

  4. Use Browser Developer Tools:

    • Open your browser's developer tools (usually by pressing F12).
    • Check the Network and Application/Storage tabs to see which scripts and cookies are loaded.

  5. Verify Script Loading:

    • In the Elements or Sources tab, verify that the TRUENDO script is present in the <head> section and has the async attribute.

4. Additional Resources#

  • TRUENDO Support:

  • Shopify Documentation:

5. Conclusion#

By following this guide, you have successfully integrated TRUENDO CMP into your Shopify store. The TRUENDO integration helps you manage cookies effectively, providing a transparent and compliant user experience.

Thank you for choosing TRUENDO CMP for your consent management needs.

End of Guide

×