Improve clarity on Bring Your Own NFT + Add to Webpage #87
Description
We continue to see this specific use case. Usually the person comes in and out asking as they make it through the steps. Here is a good thread where Julien had an opportunity spell the steps out. We should have a "flow" style tutorial that includes all the steps and links to relevant existing documentation.
1:10 PM] MercX: Hi guys, new here. Im at the creator dashboard and need a bit of help. I am an artist and not much of a coder. I need help locking a specific web page on my website to only people who hold my NFT collection. Anyone know where I should start documentation wise?
[1:11 PM] MercX: ty in advance!
@mercx
Hi guys, new here. Im at the creator dashboard and need a bit of help. I am an artist and not much of a coder. I need help locking a specific web page on my website to only people who hold my NFT collection. Anyone know where I should start documentation wise?
[1:18 PM] Julien | Ʉnlock: Yes! What CMS do you use for your website?
[1:19 PM] MercX: I use cPanel to host the specific webpage in question
[1:19 PM] MercX: but my landing page is webflow
[1:39 PM] MercX: i dont know if that answers the question lol
@mercx
Hi guys, new here. Im at the creator dashboard and need a bit of help. I am an artist and not much of a coder. I need help locking a specific web page on my website to only people who hold my NFT collection. Anyone know where I should start documentation wise?
[1:52 PM] Angela | Ʉnlock: If you want to lock your Webflow landing page https://docs.unlock-protocol.com/move-to-guides/plugins-and-integrations/#webflow. If you want to use the Paywall to lock content in your website https://docs.unlock-protocol.com/tools/paywall/. It's pretty step by step in the section called "Adding a Lock to Web Page" but if you have trouble knowing exactly where to put it then let me know.
Paywall | Unlock Protocol
The paywall is a web application that provides a user interface allowing people to purchase keys to given locks and subsequently trigger certain behavior based on visitors having keys at the time of page visit. It can be embedded on any web page or inside web views. It also supports WalletConnect which means that any Ethereum wallet can connect ...
Plugins and Integrations | Unlock Protocol
An overview of existing and in progress integrations.
[1:52 PM] MercX: THJANK YOU
NEW
[5:56 PM] MercX: ok, after reading through, I'm a little confused how this would use my existing NFT collection as a key to the locked page (edited)
[5:57 PM] MercX: I am not an html/css/js master. So any help would be greatly appreciated.
[6:00 PM] MercX: so i dont need to lock my webflow page,
just my content page
August 2, 2022
[12:53 AM] Julien | Ʉnlock: @mercx There are 3 steps:
[12:54 AM] Julien | Ʉnlock: 1. deploy a lock
[12:54 AM] Julien | Ʉnlock: 2. Hook the lock to your existing NFT: https://unlock-protocol.com/blog/bring-your-own-nft
[12:54 AM] Julien | Ʉnlock: 3. Add the lock to your content/webpage.
[12:54 AM] Julien | Ʉnlock: You mentioned cpanel, but I am not sure this is a content management system. Are you editing the HTML/CSS/JS manually?
[1:20 AM] MercX: Yes I am editing the lock page manually
[1:24 AM] Julien | Ʉnlock: Ok, so the "best" doc for you is this one: https://docs.unlock-protocol.com/tutorials/locking-media-content
Locking media content | Unlock Protocol
In this tutorial, we will see how to create a simple HTML and JavaScript page to lock media content (audio or video) so that only the creators' members can play it.
[1:24 AM] Julien | Ʉnlock: I am happy to help if I can: just post links here
[2:40 AM] MercX: dope! I want to try and do it first if thats ok with you, best way for me to learn and makes it easier when I try to ask you for help LOL
1
[2:40 AM] MercX: Also, what if the content isnt so "simple"
[2:41 AM] MercX: ehhh you know what, I will try this doc out first thing in the morning
[2:41 AM] MercX: lol, ty for the help!