📖
Sizebay
  • Initial page
  • Virtual Fitting Room
    • Introduction
    • Implementation directly on your code
    • Implementation via Tag Manager
    • Implementation (via API)
    • Implementation on Vtex IO
    • Implementation on Shopify
    • Checking the Installation
    • Custom Implantation Events
    • Configuration Profiles
    • Understanding Responsivity
  • Data Integration
    • XML Feed Product Integration
    • API Product Integration
    • Onpage Product Integration
    • Return Data Integration
    • Product Variants Integration
      • V1
    • Categories accepted by the Integration
    • Size Tailor
  • Shopping tracker
    • Introduction
    • Sizebay Tracker Script (Client Implementation)
    • Sizebay Tracker Script (Sizebay Implementation)
    • Sizebay Tracker via API (Easy Setup)
    • Sizebay Tracker - Supported Countries and Currencies
    • Platforms
      • Shopify
        • Technical Note
      • Prestashop
      • Magento
      • WooCommerce
Powered by GitBook
On this page
  • 1. Create an anchor element on your product page.
  • 2. Including Sizebay HTML script

Was this helpful?

  1. Virtual Fitting Room

Implementation directly on your code

1. Create an anchor element on your product page.

You must include the container element that will display the button for the VFR and the measurement chart on your product detailed page. You should place the element in the position where you want the buttons to be displayed.

The excerpt below is an example of how this container could be included. Note the id attribute that was defined in it: your button must contain a valid id attribute. This id will be used later when we are running the plugin's script.

<div id="sizebay-container"></div>

2. Including Sizebay HTML script

We will now import the plugin script into your HTML. This snippet can be included in the header (<head>) or at the end of the HTML body (before </body>).

Be in mind that in order to properly inject the plugin script, Sizebay will provide you with all the required info (e.g tenantId, the URL paths, etc).

The code below is an example and should not be injected into your website, as it serves only for instructional reasons. In order to get the correct URL, contact support@sizebay.com so we can guide you through the process.

<script
    defer
    id="sizebay-vfr-v4"
    src="https://static.sizebay.technology/YOUR_TENANT_ID/prescript.js">
</script>

Last updated 7 months ago

Was this helpful?