Step-by-Step Guide for Configuring Shopify Web3 Login Application

Step-by-Step Guide for Configuring Shopify Web3 Login Application


With Web3’s Single Sign-On technology, you can get instant access of your accounts without having to wait for the service provider’s server to respond and log you in. Allow login from only crypto wallets that have specific NFT OR provide gated content to NFT specific collection

Step-by-Step Guide for configuring Shopify Web3 Login and Token Based Restriction Application

Locking means restricting the users from accessing locked content on the Shopify store.

Lock Criteria

Based on the criteria you can restrict users from accessing the content such as users must be logged in to access the content, users must have specific customer tags to access the content, users have a passcode to access the content, or users must be from a specific location to access the content.

Step 1: Install application on your Shopify store.

We will include this step once the app is published.

Step 2 : How to Login using metamask wallet?

  • After installing the application, you will be able to see the Login with Metamask button on the login screen.
  • shopify content restriction application - install app
  • To enable login using metamask on your Shopify store, you will need to add metamask extention to your browser. If you are using chrome Click here to add metamask extention.
  • Once you click on the Login with metamask button, a popup will appear where you have to verify the signature request. Enter your credentials and login into your metamask wallet.
  • shopify content restriction application - install app
  • You will be successfully logged-in into your Shopify store.
  • shopify content restriction application - install app

Step 3 : Start Locking

  • After installing the application, navigate to TokenGating section in the left navigation bar.
  • Click on the Start Locking button. You will be redirected to the New Lock section in the upper navbar.
  • web3 sso create lock on product

Step 4 : Select the type of content on which you want to create a lock.

    • Entire Store : Selecting this will create a lock on the Entire Store.
    • Selected Content : Selecting this will allow you to create a lock on content from templates like Products, Collections, Blogs, Pages etc.
    • Price : Select this If you want to Hide Prices for customers who fail the defined Lock criteria.
    • Purchase Form : Select this If you want to Hide the Purchase Form for customers who fail the defined Lock Criteria.
     web3 sso create lock on product - all lock criteria
  • Select the template and Enable the button as shown in the image below if you want to create a lock on this template.
  • Let’s say you want to create a lock on Products. Then click on Enable to create a lock on products.
  • You can select multiple items to include in Content to be Locked. You can also select content from multiple templates by simply enabling the button and selecting the content in that respective template.
  • web3 sso create lock on product - select product
  • After Selecting the content that you want to lock, click on Create Lock button.

Step 5 : Schedule Lock

  • You can choose the Immediately option to make the lock active immediately after creating the lock.
  • If you want the lock to be active on specific days of a week or a month then you can schedule the lock.
  • web3 sso create lock on productschedule a lock

Step 6 : Add Token for the Campaign

    Content will be unlocked only if the user have any of the below added tokens.

  • Click on the Add new token button.
  • web3 sso create lock on product - add new token
  • Add Contract address of the token in the Contract Address section and choose the condition as per your requirements.
  • Click on Add Token button.

Step 7 : Allow or Restrict

  • Select whether to restrict or allow access to content if a customer satisfy lock criteria.
  • web3 sso create lock on product - allow or restrict restriction on product

Step 8 : How to Lock?

  • You can define the behavior of the locked page for the users who fail the lock criteria defined above.
    • Redirect to login URL
    • Redirect to store page
    • Custom HTML Code
    • Redirect to another URL
  • web3 sso create lock on product behaviour of lock
  • Click on Save.
  • You can see the list of all locks that you have created on the dashboard. You can Enable, Disable, Edit Lock, and Delete Lock for any lock from the dashboard.
  • web3 sso create lock on product - enable or disable lock

Additional Resources

Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com