Procédure spécifique pour un site sur un CMS différent de Prestashop

Pour un site n’utilisant pas Prestashop (WordPress, Joomla!, Drupal ou autres)

Récupérez le code d’intégration : « Paramètres » > « Plate-formes » et choisissez votre plate-forme de publication en cliquant sur son nom de domaine. Cliquez sur « Autre technologie ». Suivez les instructions puis copiez le code en utilisant le bouton « Copier le code ».

Le code ressemble à celui-ci :

var trustbeauty_config = {
platformUUID: 'xxxxxxxx-xxxxxxxx-xxxxxxx-xxxxx'
};
(function() {
    var d = document, s = d.createElement('script');
    s.src = 'https://www.monvanityideal.com/static/js/embed/trustbeauty-testproduct.min.js';
    s.setAttribute('data-timestamp', +new Date());
    (d.head || d.body).appendChild(s);
})();

Rendez-vous dans le back office de votre site web puis dans l’article/page d’appel au test créé au préalable.

• Dans l’éditeur de contenu de cet article, idéalement à la suite du texte d’appel au test, collez le code que vous avez copié depuis Trustbeauty.
• Enregistrez vos modifications. Utilisez la fonctionnalité « Enregistrer et pré-visualiser »,
• Si votre CMS vous le permet, pour vérifier que tout fonctionne comme prévu, puis publiez l’article.
• Si votre site internet est un Prestashop, la procédure requiert une étape supplémentaire. Cette étape en plus n’est à faire qu’une seule fois et ce avant de publier vos tests de produits sur vos différentes pages d’appel au test.

Pour un site utilisant Prestashop

Récupérez les codes d’intégration : « Paramètres » > « Plate-formes » et choisissez votre plate-forme de publication en cliquant sur son nom de domaine.

Cliquez sur « Prestashop ». Si c’est la première fois que vous publiez un test sur votre site, copiez le premier code en utilisant le bouton « Copier le code »
Le code ressemble à celui-ci :

var divTbElement = document.getElementById("trustbeauty_test_thread"); if (!(divTbElement === null || (divTbElement.getAttribute("data-value") === null))) { var trustbeauty_config = { platformUUID: divTbElement.getAttribute("data-value") };
(function() { var d = document, s = d.createElement('script'); 
s.src ='https://www.monvanityideal.com/static/js/embed/trustbeauty-testproduct.min.js'; s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s); })(); }

Ce code n’est à copier-coller qu’une seule fois, il est valable ensuite pour toutes les futures campagnes.Pour cela, téléchargez le fichier cms.tpl sur le serveur hébergeant votre site racine_du_site/themes/nom_du_theme/cms.tpl, à l’aide d’un logiciel FTP (exemple : FileZilla, logiciel gratuit).

Collez cet extrait de code copié précédemment à la fin de ce fichier cms.tpl, sauvegardez-le, et rechargez-le sur le serveur du site au même endroit : racine_du_site/themes/nom_du_theme/cms.tpl

Enfin, copiez le second code d’intégration dans la page d'appel au test que vous avez créée dans le back office Prestashop, à l'endroit même où vous souhaitez voir apparaître le formulaire d'inscription au test. Enregistrez cette page et vérifiez que le formulaire s'affiche correctement.

Félicitations, vous venez d’implémenter avec succès le Programme Ambassadeur Trustbeauty ainsi que votre campagne de test de produit sur votre site internet. 🎉