Crypto 101
May 6, 2022

Ajouter un connecteur Metamask à Webflow en 2 minutes !

Ajouter un connecteur Metamask à Webflow en 2 minutes !


Dans ce tutoriel, nous vous expliquons très simplement comment insérer un connecteur Metamask en 4 étapes simples !

Ce tutoriel est également valable pour tous les sites static !

1.Télécharger le connecteur Metamask

N’hésitez pas à vous rendre sur le Github de Radiokatif.xyz en cliquant ici.

2.Insérer le script en bas de la page cible

Insérez ce code entre deux balises “scripts” tout en bas de vos pages.

3. Créer un bouton “Connecter son wallet”

Il faut désormais créer un bouton “connecter son wallet” et lui attribuer l’ID “loginButton”

4. Afficher l’adresse du Metamask

Pour afficher l’adresse du wallet Metamask, il suffit de glisser un élément de texte et de lui donner l’id “userWallet”.

Lors du clic sur le bouton “connecter mon wallet”, l’adresse s’affichera automatiquement.

Dans l’exemple ci-dessus, un élément texte et bien glissé dans le Div Block 110 mais tout le texte a été supprimé afin d’éviter de se retrouver avec un texte non désiré comme ce dernier.

Et le résultat est sur la Homepage !

Recent Articles