INTÉGRATION E-COMMERCE POUR MEMBRES AFFILIÉS

Intégrer nos produits sur votre site web.

Quelques réponses aux questions courantes et détails importants.

Non, nos intégrations e-commerce sont autonomes et se chargent de perçevoir les paiements des articles achetés par ses boutons d'achats.

Veuillez consulter la rubrique Limitation quant aux paniers. si vous comptez offrir les produits de notre intégration en même temps que vos propres produits sur un même site web.

Non, nous nous occupons de tous les aspects d'inventaires et logistiques derrière les articles commandés par nos intégrations d'e-commerce. Vous pouvez donc garder la paix d'esprit et conserver tout votre inventaire dédié à vos clients qui se présenteront dans votre succursale.

Veuillez consulter la rubrique Limitation quant aux paniers. si vous comptez offrir les produits de notre intégration en même temps que vos propres produits sur un même site web.

L'intégration est compatible avec les sites webs WordPress auto-hébergés et certains forfaits WordPress, Squarespace*, Wix, Shopify Blogs* et quelques éditeurs comme Unbounce. En règle générale, si l'on peut y ajouter un bloc de code HTML, l'intégration devrait pouvoir fonctionner.

*Le thème utilisé sur votre site Squarespace peut interférer avec le bon fonctionnement de l'intégration.
*Insérer l'intégration à un site
Shopify ou un équivalent peut causer la confusion chez l'utilisateur final, puisque les produits et le panier de l'intégration ne communiquent aucune donnée avec le panier par défaut de votre propre site web Shopify.

Si vous souhaitez intégrer plus d'une marque de produits à votre site web, vous devez garder en tête que chaque marques intégrées à votre site web se comportera comme un magasin indépendant l'un de l'autre¹. De plus, si vous désirez l'intégrer à un site web hébergé par Shopify ou autre plateforme d'e-commerce, la nature autonome de l'intégration empêche de communiquer le panier de l'intégration avec le panier par défaut de votre plateforme².

¹ Exemple :
Un client navigue sur votre site web et ouvre la section Maria Galland Paris et ajoute des produits à son panier. Le client navigue ensuite vers les produits Fusion et ajoute d'autres produits à son nouveau panier. Le client devra donc passer deux fois à la caisse, une fois pour son panier Maria Galland Paris, et une autre fois pour son panier Fusion. Seuls les paniers Fusion et Ekseption peuvent se fusionner.

² Exemple :
Un client navigue sur votre site web hébergé par Shopify ou un équivalent, ajoute des produits de votre magasin à son panier et va ensuite consulter, puis ajouter des produits de notre intégration. Les produits de notre intégration n'apparaîtront pas dans le panier de votre magasin Shopify, mais dans son propre panier indépendant dans la page où notre intégration apparaît. L'utilisateur final devra donc faire deux (ou plus) passages à la caisse. Vous devrez traiter et livrer les produits vendus par votre interface administrateur, le cas échéant.

Connectez-vous sur votre interface administrateur de votre hôte de site web et créez/modifiez une page. Dans l'éditeur de page, vous devriez avoir la possibilité d'insérer un bloc/widget HTML. Copiez ensuite le code fourni et collez-le dans votre éditeur de bloc HTML.

Pour plus de détails relatif à votre hôte de site web, visitez cette page d'informations.

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

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

Codes HTML à intégrer sur vos pages.

Ces codes fournissent l'éventail complet de la marque sélectionnée. Si vous n'avez besoin que d'un produit particulier, veuillez nous contacter.

<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: 'fr-FR',
});
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": "Ajouter au panier"
},
"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": "Ajouter au panier"
}
},
"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": "Panier",
"total": "Sous-total",
"empty": "Votre panier est vide.",
"notice": "L'expédition et les rabais seront calculés lors du passage à la caisse.",
"button": "Procéder au paiement",
"noteDescription": "Instructions spéciales concernant votre commande"
},
"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: 'fr-FR',
});
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": "Ajouter au panier"
},
"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": "Ajouter au panier"
}
},
"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": "Panier",
"total": "Sous-total",
"empty": "Votre panier est vide.",
"notice": "L'expédition et les rabais seront calculés lors du passage à la caisse.",
"button": "Procéder au paiement",
"noteDescription": "Instructions spéciales concernant votre commande"
},
"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-1669736620008'></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: 'fr-FR',
});
ShopifyBuy.UI.onReady(client).then(function (ui) {
ui.createComponent('collection', {
id: '289550696647',
node: document.getElementById('collection-component-1669736620008'),
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": "Ajouter au panier"
},
"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": "Ajouter au panier"
}
},
"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": "Panier",
"total": "Sous-total",
"empty": "Votre panier est vide.",
"notice": "L'expédition et les rabais seront calculés lors du passage à la caisse.",
"button": "Procéder au paiement",
"noteDescription": "Instructions spéciales concernant votre commande"
},
"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: 'fr-FR',
});
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": "Ajouter au panier"
},
"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": "Ajouter au panier"
}
},
"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": "Panier",
"total": "Sous-total",
"empty": "Votre panier est vide.",
"notice": "L'expédition et les rabais seront calculés lors du passage à la caisse.",
"button": "Procéder au paiement",
"noteDescription": "Instructions spéciales concernant votre commande"
},
"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>