Affichez vos ambassadeurs directement sur votre site
L'intégration "Block" (cartes de profil) vous permet d'afficher les profils de vos ambassadeurs dans une zone spécifique de votre page web. Contrairement au widget ou à la bannière, le block s'intègre dans le flux de votre contenu : vos visiteurs voient les ambassadeurs disponibles avant même de lancer le matching.
Cette intégration est idéale pour les pages "Rencontrer nos étudiants" ou "Nos ambassadeurs", où vous souhaitez montrer concrètement qui sont les personnes disponibles pour échanger.
Pré-requis
- Accès au code source de votre site web
- Votre
campaignUuidet votreintegrationUuid - Un emplacement identifié dans votre page pour le bloc
Étape 1 : Ajouter le script Magma
À la fin de la balise <head> (juste avant </head>) :
<script src="https://cdn.jsdelivr.net/gh/magma-app/magma-widget@latest/src/widget/initializer.js" async></script>Étape 2 : Déclarer votre campagne
Au début ou à la fin de votre balise <body> :
<script>
window.magma_app = [
{
type: "campaignUuid",
uuid: "xxxx",
integrationUuid: "xxxx",
},
];
</script>Étape 3 : Remplacer les identifiants
<script>
window.magma_app = [
{
type: "campaignUuid",
uuid: "VOTRE_UUID_CAMPAGNE",
integrationUuid: "VOTRE_UUID_INTEGRATION",
},
];
</script>Étape 4 : Définir la zone d'affichage
C'est l'étape spécifique à l'intégration Block. Placez le div suivant à l'endroit exact de votre page où vous souhaitez que les cartes de profil apparaissent :
<div id="magma-app_block" style="width: 100%; height: 350px;"></div>Assurez-vous que ce
div n'est pas imbriqué dans des éléments qui restreignent sa taille ou sa visibilité. Adaptez la largeur et la hauteur à la mise en page de votre site.C'est fait ! Les cartes de profil de vos ambassadeurs s'affichent maintenant dans la zone définie de votre page.
