How to integrate MySizeID Widget Script on the website

To add the MySizeID widget to your site, add the following script to the beginning of your product page template file (for example, if you’re using WooCommerce, you can add the script to single-product.php):

<div id="mySize"></div> <script>
(function () {
    var settings = {
    retailer_token: 'YOUR_RETAILER_TOKEN',
    integration_code: 'YOUR_SIZE_CHART_CODE' },
    var s = document.createElement('script');
    s.src = 'https://widget.mysz.io/v1/assets/js/mysize-connect.js';
    s.async = true;
    window.MYSIZE = Object.assign(window.MYSIZE || {}, settings); 
    document.body.appendChild(s);
}());
</script>

Important: The property values ‘retailer_token’ and ‘integration_code’ need to be replaced before adding the code to your product page. The ‘retailer_token’ can be found in your MySizeID retailers’ dashboard, while the ‘Integration_code’ token should be created by you. Make sure to replace these values with the properties that are relevant to your site.

Retailer Token - This token is unique for each MySizeID account. To get your ‘retailer_token, contact the MySizeID support team at support@mysizeid.com

The Integration code is the code that uniquely identifies your size charts. This code represents the size charts you want to use for an individual or multiple products. The logic structure in which you can use this code is up to you.

For example, you can add a meta field to your product page that will represent the Size Chart you have previously created, and then use this meta field as the value for the ‘integration_code’ property.

Optional Settings.