E-COMMERCE INTEGRATION FOR AFFILIATES

Integrate our products on your website.

Some answers to common questions and important details.

No, our e-commerce integrations are stand-alone and take care of collecting payments for items purchased through its shopping buttons.

Please refer to the Shopping Cart Limitations section if you are going to offer our integration products along with your own products on the same website.

No, we take care of all the inventory and logistics behind the items ordered through our e-commerce integrations. So you can have peace of mind and keep all your inventory dedicated to your customers coming into your store.

Please refer to the Shopping Cart Limitations section if you are going to offer our integration products along with your own products on the same website.

The integration is compatible with self-hosted WordPress websites and some WordPress packages, Squarespace*, Wix, Shopify Blogs* and some editors like Unbounce. As a general rule, if you can add a block of HTML code, the integration should work.

*The theme used on your Squarespace site may interfere with the proper functioning of the integration.
*Embedding the integration into a Shopify site or equivalent may cause confusion for the end user, as the products and shopping cart in the integration do not communicate with the default shopping cart on your own Shopify website.

If you wish to integrate more than one brand of products into your website, you should bear in mind that each brand integrated into your website will behave as an independent store¹. Also, if you want to integrate with a website hosted by Shopify or another e-commerce platform, the standalone nature of the integration prevents the integration's shopping cart from being communicated with your platform's default shopping cart².

¹ Example :
A customer navigates to your website and opens the Maria Galland Paris section and adds products to their shopping cart. The customer then navigates to Fusion products and adds more products to their new cart. The customer will therefore have to checkout twice, once for their Maria Galland Paris cart, and again for their Fusion cart. Fusion and Ekseption are the only carts that can merge together.

² Example :
A customer browses your website hosted by Shopify or equivalent, adds products from your shop to their cart, then goes to view and add products from our integration. The products from our integration will not appear in your Shopify shop's cart, but in their own independent shopping cart on the page where our integration appears. This means the end user will have to make two (or more) checkouts. You will need to process and deliver products sold through your admin interface, if applicable.

Log in to your website host administrator interface and create/edit a page. In the page editor, you should have the option to insert an HTML block/widget. Then copy the code provided and paste it into your HTML block editor.

For more details about your web host, visit this information page.

Les codes d'intégration en français sont disponibles sur la version française de notre site. Veuillez utiliser les sélecteurs de langue en haut ou en bas de cette page pour y accéder.

The french integration codes are made available trough the french version of our website. Please use the language selectors at the top or the footer of this very page to access them.

HTML codes to be integrated into your pages.

These codes provide the full range of the selected brand. If you only need a particular product, please contact us.

<div id='collection-component-1669819851556'></div>
<script type="text/javascript">
/*<![CDATA[*/
(function () {
var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
if (window.ShopifyBuy) {
if (window.ShopifyBuy.UI) {
ShopifyBuyInit();
} else {
loadScript();
}
} else {
loadScript();
}
function loadScript() {
var script = document.createElement('script');
script.async = true;
script.src = scriptURL;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
script.onload = ShopifyBuyInit;
}
function ShopifyBuyInit() {
var client = ShopifyBuy.buildClient({
domain: 'maria-galland-canada.myshopify.com',
storefrontAccessToken: '6ecf3365dd2e83cc18517050c1c75f03',
language: 'en-EN',
});
ShopifyBuy.UI.onReady(client).then(function (ui) {
ui.createComponent('collection', {
id: '269909950534',
node: document.getElementById('collection-component-1669819851556'),
moneyFormat: '%24%7B%7Bamount%7D%7D',
options: {
"product": {
"styles": {
"product": {
"@media (min-width: 601px)": {
"max-width": "calc(25% - 20px)",
"margin-left": "20px",
"margin-bottom": "50px",
"width": "calc(25% - 20px)"
},
"img": {
"height": "calc(100% - 15px)",
"position": "absolute",
"left": "0",
"right": "0",
"top": "0"
},
"imgWrapper": {
"padding-top": "calc(75% + 15px)",
"position": "relative",
"height": "0"
}
},
"title": {
"font-family": "Lato, sans-serif",
"font-size": "16px"
},
"button": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
":hover": {
"background-color": "#000000"
},
"background-color": "#000000",
":focus": {
"background-color": "#000000"
},
"border-radius": "0px"
},
"price": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "18px"
},
"compareAt": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "15.299999999999999px"
},
"unitPrice": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "15.299999999999999px"
}
},
"text": {
"button": "Add to cart"
},
"googleFonts": [
"Lato",
"Montserrat"
]
},
"productSet": {
"styles": {
"products": {
"@media (min-width: 601px)": {
"margin-left": "-20px"
}
}
}
},
"modalProduct": {
"contents": {
"img": false,
"imgWithCarousel": true,
"button": false,
"buttonWithQuantity": true
},
"styles": {
"product": {
"@media (min-width: 601px)": {
"max-width": "100%",
"margin-left": "0px",
"margin-bottom": "0px"
}
},
"button": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
":hover": {
"background-color": "#000000"
},
"background-color": "#000000",
":focus": {
"background-color": "#000000"
},
"border-radius": "0px"
},
"title": {
"font-family": "Lato, sans-serif",
"font-weight": "bold",
"font-size": "26px",
"color": "#4c4c4c"
},
"price": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "18px",
"color": "#4c4c4c"
},
"compareAt": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "15.299999999999999px",
"color": "#4c4c4c"
},
"unitPrice": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "15.299999999999999px",
"color": "#4c4c4c"
},
"description": {
"font-family": "Lato, sans-serif"
}
},
"googleFonts": [
"Lato",
"Montserrat"
],
"text": {
"button": "Add to cart"
}
},
"option": {},
"cart": {
"styles": {
"button": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
":hover": {
"background-color": "#000000"
},
"background-color": "#000000",
":focus": {
"background-color": "#000000"
},
"border-radius": "0px"
}
},
"text": {
"title": "Cart",
"total": "Subtotal",
"empty": "Your cart is empty.",
"notice": "Shipping and discount codes are added at checkout.",
"button": "Checkout",
"noteDescription": "Special instructions for seller"
},
"contents": {
"note": true
},
"googleFonts": [
"Montserrat"
]
},
"toggle": {
"styles": {
"toggle": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"background-color": "#000000",
":hover": {
"background-color": "#000000"
},
":focus": {
"background-color": "#000000"
}
}
},
"googleFonts": [
"Montserrat"
]
}
},
});
});
}
})();
/*]]>*/
</script>
<div id='collection-component-1669822616221'></div>
<script type="text/javascript">
/*<![CDATA[*/
(function () {
var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
if (window.ShopifyBuy) {
if (window.ShopifyBuy.UI) {
ShopifyBuyInit();
} else {
loadScript();
}
} else {
loadScript();
}
function loadScript() {
var script = document.createElement('script');
script.async = true;
script.src = scriptURL;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
script.onload = ShopifyBuyInit;
}
function ShopifyBuyInit() {
var client = ShopifyBuy.buildClient({
domain: 'euforia-cosmetique.myshopify.com',
storefrontAccessToken: 'd846fbb1ca7fed01ec19758a8bea4405',
language: 'en-EN',
});
ShopifyBuy.UI.onReady(client).then(function (ui) {
ui.createComponent('collection', {
id: '290990129321',
node: document.getElementById('collection-component-1669822616221'),
moneyFormat: '%24%7B%7Bamount%7D%7D',
options: {
"product": {
"styles": {
"product": {
"@media (min-width: 601px)": {
"max-width": "calc(25% - 20px)",
"margin-left": "20px",
"margin-bottom": "50px",
"width": "calc(25% - 20px)"
},
"img": {
"height": "calc(100% - 15px)",
"position": "absolute",
"left": "0",
"right": "0",
"top": "0"
},
"imgWrapper": {
"padding-top": "calc(75% + 15px)",
"position": "relative",
"height": "0"
}
},
"title": {
"font-family": "Lato, sans-serif",
"font-size": "16px"
},
"button": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
":hover": {
"background-color": "#000000"
},
"background-color": "#000000",
":focus": {
"background-color": "#000000"
},
"border-radius": "0px"
},
"price": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "18px"
},
"compareAt": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "15.299999999999999px"
},
"unitPrice": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "15.299999999999999px"
}
},
"text": {
"button": "Add to cart"
},
"googleFonts": [
"Lato",
"Montserrat"
]
},
"productSet": {
"styles": {
"products": {
"@media (min-width: 601px)": {
"margin-left": "-20px"
}
}
}
},
"modalProduct": {
"contents": {
"img": false,
"imgWithCarousel": true,
"button": false,
"buttonWithQuantity": true
},
"styles": {
"product": {
"@media (min-width: 601px)": {
"max-width": "100%",
"margin-left": "0px",
"margin-bottom": "0px"
}
},
"button": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
":hover": {
"background-color": "#000000"
},
"background-color": "#000000",
":focus": {
"background-color": "#000000"
},
"border-radius": "0px"
},
"title": {
"font-family": "Lato, sans-serif",
"font-weight": "bold",
"font-size": "26px",
"color": "#4c4c4c"
},
"price": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "18px",
"color": "#4c4c4c"
},
"compareAt": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "15.299999999999999px",
"color": "#4c4c4c"
},
"unitPrice": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "15.299999999999999px",
"color": "#4c4c4c"
},
"description": {
"font-family": "Lato, sans-serif"
}
},
"googleFonts": [
"Lato",
"Montserrat"
],
"text": {
"button": "Add to cart"
}
},
"option": {},
"cart": {
"styles": {
"button": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
":hover": {
"background-color": "#000000"
},
"background-color": "#000000",
":focus": {
"background-color": "#000000"
},
"border-radius": "0px"
}
},
"text": {
"title": "Cart",
"total": "Subtotal",
"empty": "Your cart is empty.",
"notice": "Shipping and discount codes are added at checkout.",
"button": "Checkout",
"noteDescription": "Special instructions for seller"
},
"contents": {
"note": true
},
"googleFonts": [
"Montserrat"
]
},
"toggle": {
"styles": {
"toggle": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"background-color": "#000000",
":hover": {
"background-color": "#000000"
},
":focus": {
"background-color": "#000000"
}
}
},
"googleFonts": [
"Montserrat"
]
}
},
});
});
}
})();
/*]]>*/
</script>
<div id='collection-component-1669747398893'></div>
<script type="text/javascript">
/*<![CDATA[*/
(function () {
var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
if (window.ShopifyBuy) {
if (window.ShopifyBuy.UI) {
ShopifyBuyInit();
} else {
loadScript();
}
} else {
loadScript();
}
function loadScript() {
var script = document.createElement('script');
script.async = true;
script.src = scriptURL;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
script.onload = ShopifyBuyInit;
}
function ShopifyBuyInit() {
var client = ShopifyBuy.buildClient({
domain: 'cosmetica-cosmeceutique-bio.myshopify.com',
storefrontAccessToken: '0cab68f4a51e1a4288e87fdc04671c29',
language: 'en-EN',
});
ShopifyBuy.UI.onReady(client).then(function (ui) {
ui.createComponent('collection', {
id: '289550696647',
node: document.getElementById('collection-component-1669747398893'),
moneyFormat: '%24%7B%7Bamount%7D%7D',
options: {
"product": {
"styles": {
"product": {
"@media (min-width: 601px)": {
"max-width": "calc(25% - 20px)",
"margin-left": "20px",
"margin-bottom": "50px",
"width": "calc(25% - 20px)"
},
"img": {
"height": "calc(100% - 15px)",
"position": "absolute",
"left": "0",
"right": "0",
"top": "0"
},
"imgWrapper": {
"padding-top": "calc(75% + 15px)",
"position": "relative",
"height": "0"
}
},
"title": {
"font-family": "Lato, sans-serif",
"font-size": "16px"
},
"button": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
":hover": {
"background-color": "#000000"
},
"background-color": "#000000",
":focus": {
"background-color": "#000000"
},
"border-radius": "0px"
},
"price": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "18px"
},
"compareAt": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "15.299999999999999px"
},
"unitPrice": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "15.299999999999999px"
}
},
"text": {
"button": "Add to cart"
},
"googleFonts": [
"Lato",
"Montserrat"
]
},
"productSet": {
"styles": {
"products": {
"@media (min-width: 601px)": {
"margin-left": "-20px"
}
}
}
},
"modalProduct": {
"contents": {
"img": false,
"imgWithCarousel": true,
"button": false,
"buttonWithQuantity": true
},
"styles": {
"product": {
"@media (min-width: 601px)": {
"max-width": "100%",
"margin-left": "0px",
"margin-bottom": "0px"
}
},
"button": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
":hover": {
"background-color": "#000000"
},
"background-color": "#000000",
":focus": {
"background-color": "#000000"
},
"border-radius": "0px"
},
"title": {
"font-family": "Lato, sans-serif",
"font-weight": "bold",
"font-size": "26px",
"color": "#4c4c4c"
},
"price": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "18px",
"color": "#4c4c4c"
},
"compareAt": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "15.299999999999999px",
"color": "#4c4c4c"
},
"unitPrice": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "15.299999999999999px",
"color": "#4c4c4c"
},
"description": {
"font-family": "Lato, sans-serif"
}
},
"googleFonts": [
"Lato",
"Montserrat"
],
"text": {
"button": "Add to cart"
}
},
"option": {},
"cart": {
"styles": {
"button": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
":hover": {
"background-color": "#000000"
},
"background-color": "#000000",
":focus": {
"background-color": "#000000"
},
"border-radius": "0px"
}
},
"text": {
"title": "Cart",
"total": "Subtotal",
"empty": "Your cart is empty",
"notice": "Shipping and discount codes are added at checkout.",
"button": "Checkout",
"noteDescription": "Special instructions for seller"
},
"contents": {
"note": true
},
"googleFonts": [
"Montserrat"
]
},
"toggle": {
"styles": {
"toggle": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"background-color": "#000000",
":hover": {
"background-color": "#000000"
},
":focus": {
"background-color": "#000000"
}
}
},
"googleFonts": [
"Montserrat"
]
}
},
});
});
}
})();
/*]]>*/
</script>
<div id='collection-component-1669649953519'></div>
<script type="text/javascript">
/*<![CDATA[*/
(function () {
var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
if (window.ShopifyBuy) {
if (window.ShopifyBuy.UI) {
ShopifyBuyInit();
} else {
loadScript();
}
} else {
loadScript();
}
function loadScript() {
var script = document.createElement('script');
script.async = true;
script.src = scriptURL;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
script.onload = ShopifyBuyInit;
}
function ShopifyBuyInit() {
var client = ShopifyBuy.buildClient({
domain: 'cosmetica-cosmeceutique-bio.myshopify.com',
storefrontAccessToken: '0cab68f4a51e1a4288e87fdc04671c29',
language: 'en-EN',
});
ShopifyBuy.UI.onReady(client).then(function (ui) {
ui.createComponent('collection', {
id: '290280145095',
node: document.getElementById('collection-component-1669649953519'),
moneyFormat: '%24%7B%7Bamount%7D%7D',
options: {
"product": {
"styles": {
"product": {
"@media (min-width: 601px)": {
"max-width": "calc(25% - 20px)",
"margin-left": "20px",
"margin-bottom": "50px",
"width": "calc(25% - 20px)"
},
"img": {
"height": "calc(100% - 15px)",
"position": "absolute",
"left": "0",
"right": "0",
"top": "0"
},
"imgWrapper": {
"padding-top": "calc(75% + 15px)",
"position": "relative",
"height": "0"
}
},
"title": {
"font-family": "Lato, sans-serif",
"font-size": "16px"
},
"button": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
":hover": {
"background-color": "#000000"
},
"background-color": "#000000",
":focus": {
"background-color": "#000000"
},
"border-radius": "0px"
},
"price": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "18px"
},
"compareAt": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "15.299999999999999px"
},
"unitPrice": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "15.299999999999999px"
}
},
"text": {
"button": "Add to cart"
},
"googleFonts": [
"Lato",
"Montserrat"
]
},
"productSet": {
"styles": {
"products": {
"@media (min-width: 601px)": {
"margin-left": "-20px"
}
}
}
},
"modalProduct": {
"contents": {
"img": false,
"imgWithCarousel": true,
"button": false,
"buttonWithQuantity": true
},
"styles": {
"product": {
"@media (min-width: 601px)": {
"max-width": "100%",
"margin-left": "0px",
"margin-bottom": "0px"
}
},
"button": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
":hover": {
"background-color": "#000000"
},
"background-color": "#000000",
":focus": {
"background-color": "#000000"
},
"border-radius": "0px"
},
"title": {
"font-family": "Lato, sans-serif",
"font-weight": "bold",
"font-size": "26px",
"color": "#4c4c4c"
},
"price": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "18px",
"color": "#4c4c4c"
},
"compareAt": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "15.299999999999999px",
"color": "#4c4c4c"
},
"unitPrice": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "15.299999999999999px",
"color": "#4c4c4c"
},
"description": {
"font-family": "Lato, sans-serif"
}
},
"googleFonts": [
"Lato",
"Montserrat"
],
"text": {
"button": "Add to cart"
}
},
"option": {},
"cart": {
"styles": {
"button": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
":hover": {
"background-color": "#000000"
},
"background-color": "#000000",
":focus": {
"background-color": "#000000"
},
"border-radius": "0px"
}
},
"text": {
"title": "Cart",
"total": "Subtotal",
"empty": "Your cart is empty.",
"notice": "Shipping and discount codes are added at checkout.",
"button": "Checkout",
"noteDescription": "Special instructions for seller"
},
"contents": {
"note": true
},
"googleFonts": [
"Montserrat"
]
},
"toggle": {
"styles": {
"toggle": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"background-color": "#000000",
":hover": {
"background-color": "#000000"
},
":focus": {
"background-color": "#000000"
}
}
},
"googleFonts": [
"Montserrat"
]
}
},
});
});
}
})();
/*]]>*/
</script>