Table of Contents
Setup NFT Token Gating for all sites and meetings
In this guide, we will see how you can setup NFT Token gating for any website like Wix, WordPress, Squarespace, Joomla, Drupal, and a lot more to protect users from accessing specific pages and content. You can also secure applications like Google Drive, Google Meet, Zoom, Webx, Adobe Connect by enabling NFT Token Gating .
Let’s take a look at the steps to get started with NFT Token Gating today.
Follow the Step-by-Step Guide given below to setup NFT Token Gating for all sites and meetings
Step 1: Sign up with Dapps
- Visit https://dapp.miniorange.com.
- First create a new account or Sign up with Google.
- Login with your credentials.
![NFT Token Gating for all sites-go to apps login page](/_next/static/images/image-login-to-dapps-fe36bd5009f0301966353ece1d414c78.webp)
![NFT Token Gating for all sites Create your dapps account](/_next/static/images/create-account-1aba103cf2623f99337dfa26a7daee1a.webp)
![NFT Token Gating for all sites Login to your dapps account](/_next/static/images/login-46f27761c04b8f7655566eecbcee1413.webp)
Step 2: Setup NFT Token Gating for your site
- After successful login, you will be redirected to the dashboard, and in the dashboard, you have to select the preferred CMS where your site is hosted. If you can't find your CMS, select others(Here we have selected Wix).
- Enter Site Details like, your App Name, Domain name (www.abc.com) and the Server URL.
- If you don’t know the server IP, open your command prompt or terminal window and run “ping domainName“ Eg -: ping www.abc.com. Copy the highlighted IP (without the bracket) and paste in server URL field.
- Click on Next and it will redirect to the Token Gating Configuration page .
- Enter Token Gating Configuration like:
- For Full Site Token Gating the steps remain the same as in Page Based Token Gating.
- After filling all the details click on Next.
![NFT Token Gating for website or meeting-go to dahboard](/_next/static/images/select-wix-232e2902825638d30367ba2baa1a3962.webp)
![NFT Token Gating forwebsite or meeting-server ip](/_next/static/images/ip-getting-3a5773e173657b39bbe5061bb6455610.webp)
![NFT Token Gating forwebsite or meeting- enter site details](/_next/static/images/site-deatils-a4ccf7e0afd4889d94fc4d1cc3c727d7.webp)
![NFT Token Gating for website or meeting- token configuration](/_next/static/images/token-gating-configuration-a80dc56efc800c102e2ba277116a06dc.webp)
a. Select from full site or page based token gating.(In full site token gating the whole site will be NFT token gated and for page based token gating only the url page configured will be NFT token gated.)
b. For Page Based Token Gating provide the following details
i. Enter page path - > Here enter the page which you want to NFT token gate
For eg : www.know-about-blockchain.com is the domain and i want to NFT token gate https://www.know-about-blockchain.com/nfts so in page path enter /nft to NFT token gate it. /nft and all its child pages will be NFT token gated.
ii. Select Blockchain where your smart contract is deployed.
iii. Enter Token Standard. I.e ERC721 or ERC1155.
iv. Enter contract address.
v. Enter Token Id.
vi. Enter minimum NFTs required to access the configured page.
vii. Click on add to configure more configuration for page based NFT token Gating.
viii. After authentication if the user don’t have required NFT to view the restricted content then they will be shown customized page which shows unauthorized access and will contain a button which will redirect the user to the provided link. The link could be the page of the NFT listed on Opensea or any other marketplace.
![NFT Token Gating for website or meeting- select option](/_next/static/images/token-gating-configuration-pagetoken-gating-7d6d95b6230dedeb408064d0ec6e4d95.webp)
Step 3: Setup Branding for your site
- Once we click on next we are redirected to a page where we are supposed to fill in the Branding details like.
- Click on Next.
1. Logo Upload: Upload your own logo to personalize the page.
2. Connect Wallet Button Customization: Customize the Connect Wallet Button by adjusting the Button Text, Button Text Color, and Button Color.
3. Buy NFT’s Button Customization: Similarly, customize the Buy NFT’s Button with options for Button Text, Button Text Color, and Button Color to align with your branding, mirroring the Connect Wallet Button.
4. Page Message Customization: Personalize various page messages, including Restricted Content Message Header, Restricted Content Message, Error Content Message Header, and Error Content Message.
5.Redirection URL Details: Specify Redirection URLs for seamless navigation, including Buy NFT Redirection Link and Home Page Redirection Link
![NFT Token Gating for website or meeting-branding](/_next/static/images/branding-ae00839e3daee874d90d5fe15dbb84ea.webp)
Step 4: Domain Verification
- Once click on Next, It will redirect us to a Domain Verification Page where you have to point your domain to [52.12.232.67] to verify the ownership of the domain. For point the domain follow the steps shown on the screen.
- Now click on SUBMIT button.
Note: DNS changes may take some time to reflect.
![NFT Token Gating for website or meeting- domain verification](/_next/static/images/domain-verification-ded83ff2146c542088557c7e95639aa7.webp)
Your application has been successfully configured. Now let’s see the case where the user does not have the required NFT and a case where the user has the required NFT.
![NFT Token Gating for website or meeting- successfully configured application](/_next/static/images/app-configured-successfully-5272be32340b46dbca33640fbdf56938.webp)
CASE 1 : Where the user does not have the required NFT to access the gated content.
- If we go to token gated page, we cannot access the page as we are prompted for a crypto wallet authentication.
- Once we click on connect wallet we are supposed to connect to our Crypto Wallet such as MetaMask Wallet.
- The user does not have the required NFT, so he can’t see the gated content. Instead, the user will see a buy NFT button that will redirect him to the NFT marketplace.
![NFT Token Gating for website or meeting - token gated page connect wallet btn](/_next/static/images/connect-wallet-74b1fc2601a1269d20ed342a9e0ec4af.webp)
![NFT Token Gating for website or meeting- select wallet](/_next/static/images/select-wallet-bf77b52d1d2ec55dec88205ad3fbeebc.webp)
![NFT Token Gating for website or meeting buy nft button](/_next/static/images/buy-nft-fb029d03aff3488ece382da1b0e4666b.webp)
CASE 2: Where the user has the required NFT to access the gated content.
- If we go to token gated page, we cannot access the page as we are prompted for a crypto wallet authentication.
- Now when user click on connect wallet he will need to connect the MetaMask Wallet with the required credentials and click on Sign in the Signature Request.
- Now the user has the required NFTs, he will be able to access the gated content.
![NFT Token Gating for website or meeting- connect wallet button](/_next/static/images/connect-wallet-74b1fc2601a1269d20ed342a9e0ec4af.webp)
![NFT Token Gating for website or meeting-select wallet](/_next/static/images/select-wallet-bf77b52d1d2ec55dec88205ad3fbeebc.webp)
![NFT Token Gating for website or meeting-access page](/_next/static/images/access-page-60b9049b93f2e9caecb2da3581e7793d.webp)
Additional Resources
- Check out our setup video
- WordPress NFT Token Gating
- Token Gated wix site
- How to setup Circle NFT Token Gating?
- How to setup Discord NFT Token Gating?
- How to setup Calendly NFT Token Gating?
We proudly enable NFT integration across renowned blockchains such as Ethereum, Solana, Binance, Polygon, POAP, and more. This empowers you to implement NFT gating seamlessly on your exclusive websites
Contact us
Need Help?
Mail us on web3@xecurify.com for quick guidance(via email/meeting) on your requirement and our team will help you to select the best suitable solution/plan as per your requirement.