Guide étape par étape pour configurer l'application de connexion Shopify Web3

Pré-requis : Application de connexion Shopify Web3

Configurer SSO dans Shopify avec le portefeuille métamasque Web3, vous devrez installer le Connexion miniOrange Shopify Web3 et gestion des jetons Application sur votre boutique :

Guide étape par étape pour configurer la connexion Shopify Web3 et l'application de restriction basée sur les jetons

Le verrouillage signifie empêcher les utilisateurs d'accéder au contenu verrouillé sur la boutique Shopify.

Critères de verrouillage

En fonction des critères, vous pouvez restreindre l'accès des utilisateurs au contenu, par exemple, les utilisateurs doivent être connectés pour accéder au contenu, les utilisateurs doivent disposer de balises client spécifiques pour accéder au contenu, les utilisateurs doivent disposer d'un mot de passe pour accéder au contenu ou les utilisateurs doivent provenir d'un emplacement spécifique pour accéder au contenu.

Étape 1 : Installez l'application sur votre boutique Shopify.

• Cliquez ici ajouter Connexion Shopify Web3 application sur votre boutique Shopify.

Étape 2 : Comment se connecter à l’aide du portefeuille métamask ?

• Une fois l'application installée avec succès, vous pourrez afficher le tableau de bord de l'application. Activer le Afficher le widget de connexion sur Storefront option comme indiqué dans l'image ci-dessous.

• Cliquez sur le Bouton Aperçu du thème puis gérez le style du widget de connexion comme indiqué ci-dessous. Activer le Widget de connexion Web3 puis cliquez sur le Épargnez bouton dans le coin supérieur droit

• Naviguez vers votre Page de connexion à la boutique Shopify. Vous pourrez voir le Connectez-vous avec CryptoWallet .

• Pour activer la connexion à l'aide d'un métamasque sur votre boutique Shopify, vous devrez ajouter une extension de métamasque à votre navigateur. Si vous utilisez Chrome Cliquez ici pour ajouter une extension de métamasque.
• Une fois que vous avez cliqué sur le bouton Connexion avec métamasque, une fenêtre contextuelle apparaîtra dans laquelle vous devrez vérifier la demande de signature. Entrez vos informations d'identification et connectez-vous à votre portefeuille métamask.

• Vous serez connecté avec succès à votre boutique Shopify.

Étape 3 : Activez le Token Gating sur votre magasin

• Accédez au tableau de bord de l'application et activez Contrôle des jetons sur les produits option comme indiqué dans l’image ci-dessous.

• Si votre boutique est protégée par mot de passe, veuillez ajouter la valeur de votre cookie storefront_digest comme indiqué ci-dessous. Référer this guide pour obtenir votre cookie storefront_digest.

• Maintenant, naviguez vers Accès aux jetons section dans la barre de navigation de gauche.
• Cliquez sur le Commencer le verrouillage bouton. Vous serez redirigé vers la section Nouveau verrou dans la barre de navigation supérieure.

Étape 4 : Sélectionnez le type de contenu sur lequel vous souhaitez créer un verrou.

• Sélectionnez le modèle et activez le bouton comme indiqué dans l'image ci-dessous si vous souhaitez créer un verrou sur ce modèle.
• Supposons que vous souhaitiez créer un verrou sur les produits. Cliquez ensuite sur Activer pour créer un verrouillage sur les produits.
• Vous pouvez sélectionner plusieurs éléments à inclure dans Contenu à verrouiller. Vous pouvez également sélectionner le contenu de plusieurs modèles en activant simplement le bouton et en sélectionnant le contenu dans ce modèle respectif.

• Après avoir sélectionné le contenu que vous souhaitez verrouiller, cliquez sur Créer un verrou .

Étape 5 : Ajouter un jeton pour la campagne

Le contenu sera déverrouillé uniquement si l'utilisateur possède l'un des jetons ajoutés ci-dessous.

• Cliquez sur le Ajouter un nouveau jeton .

• Ajoutez l'adresse du contrat du jeton dans le Section Adresse du contrat et choisissez la condition selon vos besoins.
• Cliquez sur Ajouter un jeton .

Étape 6 : Autoriser ou restreindre

• Sélectionnez s'il faut restreindre or permettre accès au contenu si un client satisfait aux critères de verrouillage.

Étape 7 : Comment verrouiller ?

• Vous pouvez définir le comportement de la page verrouillée pour les utilisateurs qui ne satisfont pas aux critères de verrouillage définis ci-dessus.
  • Redirection vers l'URL de connexion
  • Redirection vers la page du magasin
  • Code HTML personnalisé
  • Redirection vers une autre URL

• Cliquez sur Enregistrer.
• Vous pouvez voir la liste de tous les verrous que vous avez créés sur le tableau de bord. Vous pouvez activer, désactiver, modifier le verrouillage et supprimer le verrouillage pour n'importe quel verrou du tableau de bord.

Étape 8 : Activer l'extension de contrôle des jetons

• Cliquez sur le Activer et prévisualiser dans le thème et activez le Extension d'application thématique.

• Activez la jeton Bloquez et assurez-vous de cliquer sur Épargnez dans le coin supérieur droit, comme indiqué ci-dessous.