Comment réaliser l’intégration du #trstd login à mon site Web ?

Grâce au #trstd login, vos clients peuvent vérifier que votre site Web est authentique en un seul clic. Ils lui accorderont ainsi plus de confiance, ce qui aidera à réduire les abandons de panier.

Par défaut, le #trstd login est fourni via le Trustbadge. Vous pouvez toutefois aussi l’intégrer directement à votre site Web et définir individuellement son emplacement et son apparence. C’est utile, par exemple, si vous n’avez pas intégré le Trustbadge dans la zone visible de votre site Web.

Si vous utilisez Shopify, Shopware 6 ou Shoper, vous pouvez intégrer le #trstd login directement via le plugin correspondant. La configuration y est déjà prête et ne nécessite aucune intégration manuelle dans le code de votre site Web.

Suivez les étapes suivantes pour intégrer manuellement le #trstd login :

  1. Ouvrez le configurateur
  2. Intégrez le #trstd login
  3. Créez votre propre thème (facultatif)
  4. Enregistrez un environnement de préproduction (facultatif)

Étape 1 : Ouvrez le configurateur

  1. Connectez-vous au Centre de Contrôle eTrusted.
  2. Dans la fenêtre de navigation principale, cliquez sur l’icône du site Web (« #trstd login ») (01_16x16.png). Cliquez ensuite sur « #trstd login » (02_16x16.png). Sélectionnez le canal souhaité (03_16x16.png). Cliquez sur « Démarrer avec #trstd login » (04_16x16.png).
    Ouvrez le configurateur du #trstd login dans le Centre de Contrôle eTrusted

Vous arrivez sur la page du configurateur du #trstd login.

Étape 2 : Intégrez le #trstd login

Le thème par défaut est déjà disponible dans la configuration du #trstd login. Il est conçu pour être accessible et peut être utilisé tel quel.

Pour l’intégration du #trstd login, vous devez ajouter deux extraits de code au code HTML de votre site Web :

  • le script d’intégration ; et
  • l’élément.
  1. Dans le configurateur du #trstd login, ouvrez l’onglet « Intégration » (01_16x16.png).
  2. Dans la section « Thème par défaut », cliquez sur « Obtenir le code d’intégration » (02_16x16.png).
    Ouvrez l’onglet « Intégration » et récupérez le code d’intégration pour le thème standard
  3. Une fenêtre contextuelle s’affiche. Cliquez sur « Copier le script d’intégration » pour copier le script d’intégration dans votre presse-papiers.
    Copiez le script d’intégration à partir de la fenêtre contextuelle du #trstd login.
  4. Insérez l’extrait de code dans la section <head> de votre site Web.
  5. Retournez à la fenêtre contextuelle. Cliquez sur « Copier placer l’élément » pour copier l’élément dans votre presse-papiers.
    Copiez l’élément depuis la fenêtre contextuelle du #trstd login.
  6. Insérez l’extrait de code à l’emplacement souhaité dans le code HTML de votre site Web.

Félicitations ! Vous venez d’intégrer le #trstd login à votre site Web.

Comment puis-je personnaliser le #trstd login sur mon site Web ?

Si vous souhaitez adapter davantage l’apparence de la page du #trstd login à votre site Web ou à votre identité visuelle, vous pouvez créer votre propre thème.

Le thème par défaut reste disponible et ne sera pas écrasé. Une fois l’enregistrement effectué, votre propre thème sera également disponible dans la liste des thèmes.
  1. Dans le configurateur du #trstd login, ouvrez l’onglet « Thèmes et apparence » (01_16x16.png).
  2. Cliquez sur « Créer un nouveau thème » (02_16x16.png).
    Créez un nouveau thème dans l’onglet « Thèmes et apparence ».
  3. Une nouvelle section apparaît. Commencez par saisir un nom (01_16x16.png) pour le thème. Vous disposez également des options suivantes :
    • définir la taille du #trstd login (02_16x16.png) ;
    • définir la couleur et l’épaisseur de la bordure (03_16x16.png) ;
    • définir la couleur d’arrière-plan pour les états actif et inactif (04_16x16.png) ;
    • définir la couleur du bouton pour les états actif et inactif (05_16x16.png) ; et
    • définir la couleur de l’icône électronique pour les états actif et inactif (06_16x16.png).
  4. Vérifiez vos modifications dans l’aperçu (07_16x16.png). Cliquez ensuite sur « Enregistrer le thème » (08_16x16.png).
    Configurez et enregistrez un thème personnalisé pour le #trstd login.
  5. Félicitations ! Vous venez de créer un thème. Vous pouvez désormais le voir apparaître dans la liste des thèmes. Cliquez sur « Intégration », puis à côté de votre thème, sélectionnez « Obtenir le code d’intégration ».
  6. Intégrez le script d’intégration et l’élément à votre site Web comme décrit ci-dessus.

Félicitations ! Vous venez d’intégrer le #trstd login à votre thème personnalisé.

Comment enregistrer un environnement de préproduction ?

Si vous souhaitez d’abord tester le #trstd login dans un environnement de test, vous pouvez associer votre environnement de préproduction au Centre de Contrôle eTrusted.

  1. Ouvrez l’onglet « Environnements de test » (01_16x16.png). Cliquez sur « Enregistrer une URL de test » (02_16x16.png).
    Ouvrez l’onglet « Environnements de test » et enregistrez une URL de test.
  2. Saisissez l’URL de l’environnement de préproduction (01_16x16.png). Cliquez sur « Enregistrer l’URL de test » (02_16x16.png).
    Saisissez et enregistrez l’URL de l’environnement de préproduction.

Félicitations ! Vous venez d’enregistrer votre environnement de préproduction.


Utilisateurs qui ont trouvé cela utile : 0 sur 0