Steg-för-steg-guide för att konfigurera Shopify Web3-inloggningsapplikation

Förutsättning: Shopify Web3-inloggningsapplikation

För att konfigurera SSO till Shopify med Web3-metamaskplånbokmåste du installera miniOrange Shopify Web3 Inloggning och Token Gating Applikation i din butik:

Steg-för-steg-guide för att konfigurera Shopify Web3-inloggning och tokenbaserad begränsningsapplikation

Låsning innebär att begränsa användarna från att komma åt låst innehåll i Shopify-butiken.

Låskriterier

Baserat på kriterierna kan du begränsa användarnas åtkomst till innehållet, till exempel användare måste vara inloggade för att få tillgång till innehållet, användare måste ha specifika kundtaggar för att komma åt innehållet, användare har ett lösenord för att komma åt innehållet eller användare måste vara från en specifik plats för att komma åt innehållet.

Steg 1: Installera applikationen i din Shopify-butik.

• Klicka här. tillägga Shopify Web3-inloggning applikation på din Shopify Store.

Steg 2: Hur loggar man in med metamask-plånbok?

• När applikationen har installerats kommer du att kunna se applikationens instrumentpanel. Aktivera Visa inloggningswidget på butiksfronten alternativ som visas i bilden nedan.

• Klicka på Förhandsgranska temaknapp och hantera sedan utformningen av inloggningswidgeten som visas nedan. Aktivera Web3 inloggningswidget och sedan klicka på Save knappen i det övre högra hörnet

• Navigera till din Shopify Store-inloggningssida. Du kommer att kunna se Logga in med CryptoWallet knapp.

• För att aktivera inloggning med metamask i din Shopify-butik måste du lägga till metamask-utvidgning i din webbläsare. Om du använder krom Klicka här för att lägga till metamaskförlängning.
• När du klickar på knappen Logga in med metamask visas en popup där du måste verifiera signaturförfrågan. Ange dina referenser och logga in i din metamask-plånbok.

• Du kommer att lyckas logga in i din Shopify-butik.

Steg 3 : Aktivera Token Gating över din butik

• Navigera till applikationens instrumentpanel och aktivera Token Gating över produkter alternativ som visas i bilden nedan.

• Om din butik är lösenordsskyddad, lägg till ditt cookievärde för storefront_digest enligt nedan. Hänvisa detta guide för att få din storefront_digest-cookie.

• Navigera nu till Token Gating i det vänstra navigeringsfältet.
• Klicka på Börja låsa knapp. Du kommer att omdirigeras till avsnittet Nytt lås i det övre navigeringsfältet.

Steg 4 : Välj vilken typ av innehåll du vill skapa ett lås på.

• Välj mallen och Aktivera knappen som visas i bilden nedan om du vill skapa ett lås på denna mall.
• Låt oss säga att du vill skapa ett lås på produkter. Klicka sedan på Aktivera för att skapa ett lås på produkter.
• Du kan välja flera objekt att inkludera i Innehåll som ska låsas. Du kan också välja innehåll från flera mallar genom att helt enkelt aktivera knappen och välja innehållet i respektive mall.

• När du har valt innehållet som du vill låsa klickar du på Skapa lås knapp.

Steg 5 : Lägg till token för kampanjen

Innehåll kommer att vara olåst endast om användaren har någon av nedan tillagda tokens.

• Klicka på Lägg till ny token knapp.

• Lägg till kontraktsadress för token i Avsnittet Avtalsadress och välj skick enligt dina krav.
• Klicka på Lägg till token knapp.

Steg 6: Tillåt eller begränsa

• Välj om du vill begränsa or tillåter tillgång till innehåll om en kund uppfyller låskriterier.

Steg 7: Hur låser jag?

• Du kan definiera beteendet för den låsta sidan för de användare som misslyckas med låskriterierna som definierats ovan.
  • Omdirigera till inloggnings-URL
  • Omdirigera till butikssidan
  • Anpassad HTML-kod
  • Omdirigera till en annan URL

• Klicka på Spara.
• Du kan se listan över alla lås som du har skapat på instrumentpanelen. Du kan aktivera, inaktivera, redigera lås och ta bort lås för alla lås från instrumentpanelen.

Steg 8 : Aktivera token gating-förlängning

• Klicka på Aktivera och förhandsgranska i tema knappen och aktivera Tema apptillägg.

• aktivera token Gating Blockera och se till att klicka på Save i det övre högra hörnet som visas nedan.