Intégrez le widget

Intégrez le widget sur le site web

 
 

Pour Widget & Banner

  1. À la fin de la balise <head> (juste avant </head>), ajoutez la ligne suivante :
<script src="https://cdn.jsdelivr.net/gh/magma-app/magma-widget@latest/src/widget/initializer.js" async></script>
 
  1. Au début ou à la fin de votre balise <body>, ajouter les lignes suivantes :
<script>
  window.magma_app = [
    {
      type: "campaignUuid",
      uuid: "xxxx",
      integrationUuid: "xxxx",
    },
  ];
</script>
 
  1. N’oubliez pas de remplacez les "xxxx" par le campaignUuid et l’intégrationUuid
<script>
  window.magma_app = [
    {
      type: "campaignUuid",
      uuid: "VOTRE_UUID_CAMPAGNE",
      integrationUuid: "VOTRE_UUID_INTEGRATION",
    },
  ];
</script>
 
  1. Insérez la div en fin de page avant la balise de clôture du body (</body>)
<div id="magma-app_widget"></div>
 

C'est fait ! Maintenant, vos campagnes sont accessibles aux visiteurs de votre site web :)

Eviter le pop-up automatique

Il est possible de désactiver le pop-up automatique du widget sur votre site internet. Pour cela, il suffit d’ajouter un paramètre dans votre script :

autoPopup: false,
 

Voici un exemple de script avec le paramètre

<script>
  window.magma_app = [
    {
      type: "campaignUuid",
      uuid: "xxxx",
      integrationUuid: "xxxx",
      autoPopup: false
    },
  ];
</script>
 
Est-ce que cela répond à votre question ?
😞
😐
🤩

Dernière mise à jour le February 23, 2024