
This year, at Unlock, we wanted to celebrate the end-of-year holidays a bit differently, so we built an [Advent Calendar](https://advent.unlock-protocol.com/).

![Advent Calendar](/images/blog/advent-calendar-2022.png)

Every day, open a new door, claim a new NFT, and learn something new about Unlock. However, you can only open today’s door if you also opened yesterday’s door. (No peeking ahead!) Best of all, some days will have special gifts for you from Unlock!

Make sure you Unlock every single door for more surprises :) [Start today!](https://advent.unlock-protocol.com/)


One NFT a day, fun gifts, and some year-in-review highlights — just for you!

Advent Calendar

<p>This year, at Unlock, we wanted to celebrate the end-of-year holidays a bit differently, so we built an <a href="https://advent.unlock-protocol.com/">Advent Calendar</a>.</p>
<p><img src="/images/blog/advent-calendar-2022.png" alt="Advent Calendar"></p>
<p>Every day, open a new door, claim a new NFT, and learn something new about Unlock. However, you can only open today’s door if you also opened yesterday’s door. (No peeking ahead!) Best of all, some days will have special gifts for you from Unlock!</p>
<p>Make sure you Unlock every single door for more surprises :) <a href="https://advent.unlock-protocol.com/">Start today!</a></p>



Unlock is happy to unveil a completely redesigned settings page that offers an intuitive way to update details and parameters for Unlock membership smart contracts (”Locks”).

In the past, customizing some Lock attributes required Lock Managers to interact directly with the contract by functions via a [block explorer](https://unlock-protocol.com/guides/how-to-use-blockchain-explorers-with-unlock-protocol/). With this release, however, nearly every aspect of the smart contract can be managed from a greatly streamlined interface, reducing (and in most cases, eliminating) the need to interact via block explorers.

Let's look at what’s now available.

## Manage Lock Page

This page has been simplified and reorganized. Less-frequently-taken actions like `Change price` or `Change quantity` have been moved inside the Settings page. We have added a `Tools` dropdown to collect all the actions possible in one place in the interface. `Update Lock Settings` is one of the options on that menu.

![manage-lock-overview-min.png](/images/blog/settings-page/manage-lock-overview-min.png)

## Settings Page

Lock settings have been organized into 5 logical groups:

- Membership terms
- Payments
- Roles
- General
- Misc.

![settings-page-overview-min.png](/images/blog/settings-page/settings-page-overview-min.png)

## Membership terms

In this section, we can manage all the membership terms:

- **Duration:** Set up how long each membership lasts.
- **Quantity:** The maximum number of memberships that can be sold. Note: There is no limit to the number of memberships that can be airdropped by a lock manager or key granter.
- **Transfer:** Allow members to transfer membership from one to another.
- **Cancellation:** Select how your contract should handle cancellations and optionally issue refunds.

![membership-terms-min.png](/images/blog/settings-page/membership-terms-min.png)

## Payments

In this section, we can manage all the payment terms:

- **Price:** The price to the purchaser to create (mint) one membership NFT from the contract.
- **Credit Card Payment:** Options to configure acceptance of credit cards, Apple Pay and Google Pay. Service and credit card processing fees will be applied to the price paid by the member.
- **Renewals:** Offer a membership as a recurring subscription and automatically renew memberships when they expire.

![payments-min.png](/images/blog/settings-page/payments-min.png)

## Roles

In this section, we can manage roles for administering a Lock. In particular:

- **Lock Manager:** By default, the creator of a Lock is the first Lock Manager, granting them the highest level of permissions for the lock. You can also assign this role to other wallets. Be careful: this role can’t be revoked but only renounced.
- **Verifiers:** Verifiers are trusted users at a ticketed event who can use a smartphone camera to scan a ticket QR code at the check-in to a venue and mark a ticket as checked-in.

![roles-overview-min.png](/images/blog/settings-page/roles-overview-min.png)

## General

In this section, we can manage general Lock terms:

- **Contract name:** Customize the contract name on-chain.
- **Ticker symbol:** Default: KEY. You can customize your membership experience by changing the token symbol (sometimes called 'ticker').
  ![general-min.png](/images/blog/settings-page/general-min.png)

## Misc

In this section, we can update other membership terms:

- **Referral fees:** Set up a percentage of the membership price to be sent to the referrer. This is a great use case to reward your members to promote your membership.
- **Hooks:** Hooks are 3rd party contracts that can be called when your Lock itself is called. Hooks can be used for password-protected purchases and other use cases.
- **Versioning:** Easily upgrade the lock version.

![misc-open-min.png](/images/blog/settings-page/misc-min.png)

We are committed to continue to add easier and friendlier ways to deploy and manage every single part of your membership. If you have any suggestions, please tell us in Discord!

**What if I find an issue or bug?**

Please open an issue on Github or tell us in Discord and we'll fix it ASAP.


Unlock launches a new settings page for Locks focused on ease of use.

Easily customize all the details about your Lock

Unlock’s Lock settings page has a whole new look

<p>Unlock is happy to unveil a completely redesigned settings page that offers an intuitive way to update details and parameters for Unlock membership smart contracts (”Locks”).</p>
<p>In the past, customizing some Lock attributes required Lock Managers to interact directly with the contract by functions via a <a href="https://unlock-protocol.com/guides/how-to-use-blockchain-explorers-with-unlock-protocol/">block explorer</a>. With this release, however, nearly every aspect of the smart contract can be managed from a greatly streamlined interface, reducing (and in most cases, eliminating) the need to interact via block explorers.</p>
<p>Let's look at what’s now available.</p>
<h2>Manage Lock Page</h2>
<p>This page has been simplified and reorganized. Less-frequently-taken actions like <code>Change price</code> or <code>Change quantity</code> have been moved inside the Settings page. We have added a <code>Tools</code> dropdown to collect all the actions possible in one place in the interface. <code>Update Lock Settings</code> is one of the options on that menu.</p>
<p><img src="/images/blog/settings-page/manage-lock-overview-min.png" alt="manage-lock-overview-min.png"></p>
<h2>Settings Page</h2>
<p>Lock settings have been organized into 5 logical groups:</p>
<ul>
<li>Membership terms</li>
<li>Payments</li>
<li>Roles</li>
<li>General</li>
<li>Misc.</li>
</ul>
<p><img src="/images/blog/settings-page/settings-page-overview-min.png" alt="settings-page-overview-min.png"></p>
<h2>Membership terms</h2>
<p>In this section, we can manage all the membership terms:</p>
<ul>
<li><strong>Duration:</strong> Set up how long each membership lasts.</li>
<li><strong>Quantity:</strong> The maximum number of memberships that can be sold. Note: There is no limit to the number of memberships that can be airdropped by a lock manager or key granter.</li>
<li><strong>Transfer:</strong> Allow members to transfer membership from one to another.</li>
<li><strong>Cancellation:</strong> Select how your contract should handle cancellations and optionally issue refunds.</li>
</ul>
<p><img src="/images/blog/settings-page/membership-terms-min.png" alt="membership-terms-min.png"></p>
<h2>Payments</h2>
<p>In this section, we can manage all the payment terms:</p>
<ul>
<li><strong>Price:</strong> The price to the purchaser to create (mint) one membership NFT from the contract.</li>
<li><strong>Credit Card Payment:</strong> Options to configure acceptance of credit cards, Apple Pay and Google Pay. Service and credit card processing fees will be applied to the price paid by the member.</li>
<li><strong>Renewals:</strong> Offer a membership as a recurring subscription and automatically renew memberships when they expire.</li>
</ul>
<p><img src="/images/blog/settings-page/payments-min.png" alt="payments-min.png"></p>
<h2>Roles</h2>
<p>In this section, we can manage roles for administering a Lock. In particular:</p>
<ul>
<li><strong>Lock Manager:</strong> By default, the creator of a Lock is the first Lock Manager, granting them the highest level of permissions for the lock. You can also assign this role to other wallets. Be careful: this role can’t be revoked but only renounced.</li>
<li><strong>Verifiers:</strong> Verifiers are trusted users at a ticketed event who can use a smartphone camera to scan a ticket QR code at the check-in to a venue and mark a ticket as checked-in.</li>
</ul>
<p><img src="/images/blog/settings-page/roles-overview-min.png" alt="roles-overview-min.png"></p>
<h2>General</h2>
<p>In this section, we can manage general Lock terms:</p>
<ul>
<li><strong>Contract name:</strong> Customize the contract name on-chain.</li>
<li><strong>Ticker symbol:</strong> Default: KEY. You can customize your membership experience by changing the token symbol (sometimes called 'ticker').
<img src="/images/blog/settings-page/general-min.png" alt="general-min.png"></li>
</ul>
<h2>Misc</h2>
<p>In this section, we can update other membership terms:</p>
<ul>
<li><strong>Referral fees:</strong> Set up a percentage of the membership price to be sent to the referrer. This is a great use case to reward your members to promote your membership.</li>
<li><strong>Hooks:</strong> Hooks are 3rd party contracts that can be called when your Lock itself is called. Hooks can be used for password-protected purchases and other use cases.</li>
<li><strong>Versioning:</strong> Easily upgrade the lock version.</li>
</ul>
<p><img src="/images/blog/settings-page/misc-min.png" alt="misc-open-min.png"></p>
<p>We are committed to continue to add easier and friendlier ways to deploy and manage every single part of your membership. If you have any suggestions, please tell us in Discord!</p>
<p><strong>What if I find an issue or bug?</strong></p>
<p>Please open an issue on Github or tell us in Discord and we'll fix it ASAP.</p>


The future of Twitter (both the company itself as well as its technical infrastructure) is currently uncertain. With a [chilling of advertiser interest](https://www.essence.com/news/money-career/twitter-business-leaving-elon-musk/), [technical glitches](https://www.technologyreview.com/2022/11/08/1062886/heres-how-a-twitter-engineer-says-it-will-break-in-the-coming-weeks/), and a [mercurial owner](https://twitter.com/ZoeSchiffer/status/1593391604785504257), uncertainty abounds.

This post isn’t about Twitter, however. It’s about you as a creator, or you (the royal “you”) as someone who is looking after a public-facing aspect of a brand), and what to do to right now to reduce risk and start thinking about the possibility of [a world where Twitter is no longer the global watercooler](https://www.christopherspenn.com/2022/10/almost-timely-news-the-end-of-the-public-watercooler-2022-10-30/). And even if — and it seems to be quite an “if” at this point — Twitter does remain the watercooler, creators and brands need to have more ways to identify and connect with their true fans and followers in a manner that doesn’t rely on the whims of any third-party platform.

The points below are important, and it’s important to do these things today. There is currently no clear visibility into when, or if, Twitter’s current issues will be resolved.

## How to export your Twitter data and list of followers

![twitter-download.png](/images/blog/flocker-announce/twitter-download.png)

The first thing you need to do is to backup your information from Twitter. (Note: You should be doing this regularly, regardless, and this also applies to other platforms as well. Backup your stuff.)

When you think about Twitter, consider two critical areas: your information, and your connections. 

- Your information is the stuff you’ve posted — your Tweets, your Twitter spaces, and all the other information you’ve poured into the system.
- Your connections are even more important. This is your list of fans and followers you’ve painstakingly built up, probably over the course of years. They are your oxygen.

To backup this information, Twitter enables you to [download an archive](https://help.twitter.com/en/managing-your-account/how-to-download-your-twitter-archive). Make sure you do that. It’ll take at least 24 hours with the way Twitter’s systems are currently running, so make sure you start that process today, and download your archive tomorrow when Twitter (hopefully) has generated it for you.

Ok, you’ve at least backed up your information and your list of followers from Twitter. Now, let’s think about what we can do to never put ourselves into this situation again.

## The key problem, and where we go from here

There is always a fundamental risk is building on someone else’s land. The landowner — in this case, Twitter — always has the power to do things you can’t control. (In this case, turning a [chaos monkey](https://www.goodreads.com/book/show/28259132-chaos-monkeys) loose inside the control room.) But what can you do? Unless you try to build your own system from scratch, this will always be the case, right?

Happily, that is **not** the case. You don’t need to build your own thing from scratch. Instead, you can use existing tools to create your own direct connections with fans and followers that can’t be taken away from you. If you do this, you won’t need to start over on a new platform if the main platform you’re using goes away, or if a new one comes up to take its place.

So, with that background, here’s what you can do *today* to have your own connection with fans and followers without *ever* needing to rely on the whims of a third party.

## Spinning up your own membership program in five minutes

What we’re going to do is set up a simple membership directory that you can always control, you can always see, and one that can’t be taken away from you. We’re going to use an app from Unlock Labs called Flocker ([https://flocker.app](https://flocker.app)) to help us do this. 

> ***Note:** Flocker is a helper app that Unlock spun up for this particular “Twitter Rescue Kit” situation. Flocker is open source, so if you want to take a look at the details, you can dig into them [here](https://github.com/unlock-protocol/flocker/). The membership concepts in Flocker can also be applied to other platforms that hold your fans and follower lists. While Twitter is definitely the story of the week, the concepts here can — and should — be considered if you’ve built up a fan or follower base on other platforms as well. [Reach out to us](https://discord.unlock-protocol.com) if you’d like to discuss it.*
> 

Here’s an incredibly important thing to remember: the membership connections you make using the Flocker app belong to *you*. While the Flocker app is helping you spin them up, those connections are a direct connection between you and your fans and followers. They can’t be arbitrarily changed, and they are yours. You will be always able to see and access those connections through the smart contract that powers them, without requiring any software or services from Unlock Labs or any other entity. (You can even manage those memberships directly through a [block explorer](https://unlock-protocol.com/guides/how-to-use-blockchain-explorers-with-unlock-protocol/), if you are so inclined.)

## Getting started with Flocker

Creating a membership program and sharing it with your Twitter followers takes only a few moments. You’ll start by going to [https://flocker.app](https://flocker.app) and walking through the wizard.

![flocker landing page](/images/blog/flocker-announce/flocker-landing.png)

Here’s a detailed video showing the whole flow.

<div style="position: relative; overflow: hidden; width: 100%; padding-top: 56.25%;"><iframe style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;" src="https://www.youtube.com/embed/XFBc1U4wtKg" title="Introducing Flocker.app: Portable Fans and Followers for Brands and Creators Fed Up with Twitter" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>


And here is a sample Tweet you can use in order to ask your followers on Twitter to connect directly with you after you’ve created your membership.

> *Claim a free membership from me and follow me anywhere on the web! <URL to your claim page>*
> 

Feel free to modify that in any way that works for you. The critical thing is the link to the URL that Flocker generates for you in the share screen.

As members sign up to your list, you now have a way to always be in contact, regardless of what services you use. You have a direct connection with them, and they have a direct connection with you.

## *Congratulations — you’ve taken control of your own destiny*

You now have your own membership list that can never be taken away from you. And, as a bonus, you and your fans and followers — your members — can go anywhere together.

## So what’s next? What’s this whole “portable memberships” thing?

Portable memberships are just that — your fans and followers can follow and connect with you on *any* site across the web that supports token-gating using memberships. There are a number of sites and services available today you can use to set up new (or additional) outposts where you connect with your fans and followers. Once your fans connect with you, your fans and followers — your members — can reach you on ***any*** of these services. No middleman. No gatekeeper. No chaos monkey to take them away from you.

Here are a few services you could use to connect with your members today using memberships. More are coming online all the time.

- Discord
- Telegram
- Paragraph
- Highlight
- Geneva
- Tropee
- WordPress
- …with more being added all the time.

In other words, you can [use any of those platforms to connect with your members today](https://www.youtube.com/playlist?list=PL4EDTaxNLpu4dHtNKAWAkZtBRfQMoJ-28) — **and move between them at will**.

What’s more, with a number of major sites (e.g. Instagram, Reddit, etc.) beginning to experiment with and embrace web3 infrastructure, it is possible (and perhaps even likely) that memberships you create will be able to be used for access on *those* sites in the future as well.

## Final thoughts for creators and brands dealing with the Twitter uncertainty

To recap, there are two things you need to do immediately in order to minimize the potential current and future impact to your connection with your fanbase or followers.

- Backup and download your Twitter archive of information and followers
- Build your own direct membership connections to fans and followers that can not be taken away from you in the future using [Flocker.app](https://flocker.app)

The steps outlined in this Twitter Rescue Kit can help. That said, if the Unlock Labs team or the members of the Unlock Protocol community can assist in any way, please don’t hesitate to [reach out to us in our Discord](https://discord.unlock-protocol.com).


How to back up your Twitter followers and create portable memberships for fans and followers that will work almost anywhere.

How to back up your Twitter followers and create portable memberships for fans and followers that will work almost anywhere

Introducing Flocker.app — A Twitter Rescue Kit for Brands and Creators

<p>The future of Twitter (both the company itself as well as its technical infrastructure) is currently uncertain. With a <a href="https://www.essence.com/news/money-career/twitter-business-leaving-elon-musk/">chilling of advertiser interest</a>, <a href="https://www.technologyreview.com/2022/11/08/1062886/heres-how-a-twitter-engineer-says-it-will-break-in-the-coming-weeks/">technical glitches</a>, and a <a href="https://twitter.com/ZoeSchiffer/status/1593391604785504257">mercurial owner</a>, uncertainty abounds.</p>
<p>This post isn’t about Twitter, however. It’s about you as a creator, or you (the royal “you”) as someone who is looking after a public-facing aspect of a brand), and what to do to right now to reduce risk and start thinking about the possibility of <a href="https://www.christopherspenn.com/2022/10/almost-timely-news-the-end-of-the-public-watercooler-2022-10-30/">a world where Twitter is no longer the global watercooler</a>. And even if — and it seems to be quite an “if” at this point — Twitter does remain the watercooler, creators and brands need to have more ways to identify and connect with their true fans and followers in a manner that doesn’t rely on the whims of any third-party platform.</p>
<p>The points below are important, and it’s important to do these things today. There is currently no clear visibility into when, or if, Twitter’s current issues will be resolved.</p>
<h2>How to export your Twitter data and list of followers</h2>
<p><img src="/images/blog/flocker-announce/twitter-download.png" alt="twitter-download.png"></p>
<p>The first thing you need to do is to backup your information from Twitter. (Note: You should be doing this regularly, regardless, and this also applies to other platforms as well. Backup your stuff.)</p>
<p>When you think about Twitter, consider two critical areas: your information, and your connections.</p>
<ul>
<li>Your information is the stuff you’ve posted — your Tweets, your Twitter spaces, and all the other information you’ve poured into the system.</li>
<li>Your connections are even more important. This is your list of fans and followers you’ve painstakingly built up, probably over the course of years. They are your oxygen.</li>
</ul>
<p>To backup this information, Twitter enables you to <a href="https://help.twitter.com/en/managing-your-account/how-to-download-your-twitter-archive">download an archive</a>. Make sure you do that. It’ll take at least 24 hours with the way Twitter’s systems are currently running, so make sure you start that process today, and download your archive tomorrow when Twitter (hopefully) has generated it for you.</p>
<p>Ok, you’ve at least backed up your information and your list of followers from Twitter. Now, let’s think about what we can do to never put ourselves into this situation again.</p>
<h2>The key problem, and where we go from here</h2>
<p>There is always a fundamental risk is building on someone else’s land. The landowner — in this case, Twitter — always has the power to do things you can’t control. (In this case, turning a <a href="https://www.goodreads.com/book/show/28259132-chaos-monkeys">chaos monkey</a> loose inside the control room.) But what can you do? Unless you try to build your own system from scratch, this will always be the case, right?</p>
<p>Happily, that is <strong>not</strong> the case. You don’t need to build your own thing from scratch. Instead, you can use existing tools to create your own direct connections with fans and followers that can’t be taken away from you. If you do this, you won’t need to start over on a new platform if the main platform you’re using goes away, or if a new one comes up to take its place.</p>
<p>So, with that background, here’s what you can do <em>today</em> to have your own connection with fans and followers without <em>ever</em> needing to rely on the whims of a third party.</p>
<h2>Spinning up your own membership program in five minutes</h2>
<p>What we’re going to do is set up a simple membership directory that you can always control, you can always see, and one that can’t be taken away from you. We’re going to use an app from Unlock Labs called Flocker (<a href="https://flocker.app">https://flocker.app</a>) to help us do this.</p>
<blockquote>
<p><em><strong>Note:</strong> Flocker is a helper app that Unlock spun up for this particular “Twitter Rescue Kit” situation. Flocker is open source, so if you want to take a look at the details, you can dig into them <a href="https://github.com/unlock-protocol/flocker/">here</a>. The membership concepts in Flocker can also be applied to other platforms that hold your fans and follower lists. While Twitter is definitely the story of the week, the concepts here can — and should — be considered if you’ve built up a fan or follower base on other platforms as well. <a href="https://discord.unlock-protocol.com">Reach out to us</a> if you’d like to discuss it.</em></p>
</blockquote>
<p>Here’s an incredibly important thing to remember: the membership connections you make using the Flocker app belong to <em>you</em>. While the Flocker app is helping you spin them up, those connections are a direct connection between you and your fans and followers. They can’t be arbitrarily changed, and they are yours. You will be always able to see and access those connections through the smart contract that powers them, without requiring any software or services from Unlock Labs or any other entity. (You can even manage those memberships directly through a <a href="https://unlock-protocol.com/guides/how-to-use-blockchain-explorers-with-unlock-protocol/">block explorer</a>, if you are so inclined.)</p>
<h2>Getting started with Flocker</h2>
<p>Creating a membership program and sharing it with your Twitter followers takes only a few moments. You’ll start by going to <a href="https://flocker.app">https://flocker.app</a> and walking through the wizard.</p>
<p><img src="/images/blog/flocker-announce/flocker-landing.png" alt="flocker landing page"></p>
<p>Here’s a detailed video showing the whole flow.</p>
<div style="position: relative; overflow: hidden; width: 100%; padding-top: 56.25%;"><iframe style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;" src="https://www.youtube.com/embed/XFBc1U4wtKg" title="Introducing Flocker.app: Portable Fans and Followers for Brands and Creators Fed Up with Twitter" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<p>And here is a sample Tweet you can use in order to ask your followers on Twitter to connect directly with you after you’ve created your membership.</p>
<blockquote>
<p><em>Claim a free membership from me and follow me anywhere on the web! <URL to your claim page></em></p>
</blockquote>
<p>Feel free to modify that in any way that works for you. The critical thing is the link to the URL that Flocker generates for you in the share screen.</p>
<p>As members sign up to your list, you now have a way to always be in contact, regardless of what services you use. You have a direct connection with them, and they have a direct connection with you.</p>
<h2><em>Congratulations — you’ve taken control of your own destiny</em></h2>
<p>You now have your own membership list that can never be taken away from you. And, as a bonus, you and your fans and followers — your members — can go anywhere together.</p>
<h2>So what’s next? What’s this whole “portable memberships” thing?</h2>
<p>Portable memberships are just that — your fans and followers can follow and connect with you on <em>any</em> site across the web that supports token-gating using memberships. There are a number of sites and services available today you can use to set up new (or additional) outposts where you connect with your fans and followers. Once your fans connect with you, your fans and followers — your members — can reach you on <em><strong>any</strong></em> of these services. No middleman. No gatekeeper. No chaos monkey to take them away from you.</p>
<p>Here are a few services you could use to connect with your members today using memberships. More are coming online all the time.</p>
<ul>
<li>Discord</li>
<li>Telegram</li>
<li>Paragraph</li>
<li>Highlight</li>
<li>Geneva</li>
<li>Tropee</li>
<li>WordPress</li>
<li>…with more being added all the time.</li>
</ul>
<p>In other words, you can <a href="https://www.youtube.com/playlist?list=PL4EDTaxNLpu4dHtNKAWAkZtBRfQMoJ-28">use any of those platforms to connect with your members today</a> — <strong>and move between them at will</strong>.</p>
<p>What’s more, with a number of major sites (e.g. Instagram, Reddit, etc.) beginning to experiment with and embrace web3 infrastructure, it is possible (and perhaps even likely) that memberships you create will be able to be used for access on <em>those</em> sites in the future as well.</p>
<h2>Final thoughts for creators and brands dealing with the Twitter uncertainty</h2>
<p>To recap, there are two things you need to do immediately in order to minimize the potential current and future impact to your connection with your fanbase or followers.</p>
<ul>
<li>Backup and download your Twitter archive of information and followers</li>
<li>Build your own direct membership connections to fans and followers that can not be taken away from you in the future using <a href="https://flocker.app">Flocker.app</a></li>
</ul>
<p>The steps outlined in this Twitter Rescue Kit can help. That said, if the Unlock Labs team or the members of the Unlock Protocol community can assist in any way, please don’t hesitate to <a href="https://discord.unlock-protocol.com">reach out to us in our Discord</a>.</p>



Today, we’re introducing a new tool that lets a developer change the behavior of deployed locks through hooks while still using the Unlock Labs checkout user interface. This is implemented by way of a data builder URL in the checkout config.

![data-hook.png](/images/blog/data-hook.png)

But first, let’s start with a bit of context!

## Giving Unlock Protocol the hook

Inside Unlock, the membership contract is called `PublicLock`. Unlock is a protocol because every membership contract (of the same protocol version) implements the same functions and features. When a creator deploys _their_ lock, they deploy a contract from a template.

Over the years, many creators have told us about the need to customize the behavior of their contracts. To maintain the “base” behavior standard, we introduced the [concept of “hooks.”](https://docs.unlock-protocol.com/core-protocol/public-lock/hooks)

Hooks introduce the ability to call third-party contracts as part of specific lock functions, while still retaining the protocol-standard functions. These hooks can be [configured by lock managers](https://docs.unlock-protocol.com/core-protocol/public-lock/access-control). For example, we introduced a few “public” hook contracts such as our [password hook](https://unlock-protocol.com/guides/password-protected-nft-memberships/), which is used for situations where a lock manager only wants the subset of individuals who know the password to be able to create a membership.

One of these hooks is called `onPurchaseHook`, and you probably understand from its name: it is called by the public lock’s `purchase` function. This `onPurchaseHook` hook includes 2 different functions:

- `keyPurchasePrice` is a function that is called with the following parameters: buyer’s address, recipient of the NFT address (they’re often the same but could be different), the referrer address, and a _mysterious `data`_ parameter (we’ll come back to this soon). The `keyPurchasePrice` function is expected to return a number, the amount the buyer is expected to pay for the membership. This can be used to make membership prices dynamic.
- `onKeyPurchase` is a function that is called with the same parameters as the function above, as well as a `tokenId` parameter for the membership being bought, and a few more items. Again, there is also a `data` parameter.

The lock’s purchase function will **first** call the `keyPurchasePrice` to determine the price to be paid (and especially if the user has approved enough!), and will finish its execution by calling `onKeyPurchase` .

Remember: hooks are proper contracts, so they can also store any data they want, and could also include other functions. A single hook can also implement multiple hook functions to be called at different points in the lock’s lifecycle.

## Introducing the Data Builder URL

In the previous section, we discussed that both `keyPurchasePrice` and `onKeyPurchase` have a `data` argument. That `data` parameter is, in fact, completely ignored by the lock itself and just passed to the hook’s function. It can be used by the front-end application to send data to the hook so the hook can change its behavior based on it.

For example, this `data` argument is what we use to pass a `secret` corresponding to the password in the context of the password hook. We could also pass some useful metadata to be stored in the hook and returned by the lock to display specific metadata.

Now, our front-end checkout application does not “know” how to build the `data` blob for the specific hooks deployed on specific contracts. For this reason, we are introducing what we call _Data Builder URLs_.

The `dataBuilder` is a new parameter you can use inside of the [paywall configuration](https://docs.unlock-protocol.com/tools/checkout/configuration) for any lock that you are configuring there. If the `dataBuilder` is set, then our front-end application will perform a GET request to it and include the following parameters: `recipient`, `lockAddress`, and `network`, so that the web application can compute a specific `data` blob to be passed as an argument for the `purchase` function.

## An example!

Our friends at [Zealous](https://zealous.app) wanted to create a new kind of membership for their platform. Anyone who has their membership NFT can access some premium features. However, they wanted to create a system where people who owned NFTs from specific collections would get a discount.

Looking up what NFTs someone owns using an on-chain script would be extremely expensive (and maybe even impossible as many contracts don’t include a way to list tokens per address), so we must do it off-chain. However, doing it solely off-chain would expose us to the possibility of someone claiming they own a special NFT (when they actually don’t) so they could grab the discount. So we’re taking a mixed approach: we look for NFTs owned by the user off-chain, but then create a `dataBuilder` to compute a “hint” that is passed as `data` to the contract.

The hook can then use the hint to confirm that indeed the user owns one of these NFTs.


Extending Unlock Protocol’s “hook” capabilities with data.

Extending Unlock Protocol’s “hook” capabilities with data

The Data Builder URL

<p>Today, we’re introducing a new tool that lets a developer change the behavior of deployed locks through hooks while still using the Unlock Labs checkout user interface. This is implemented by way of a data builder URL in the checkout config.</p>
<p><img src="/images/blog/data-hook.png" alt="data-hook.png"></p>
<p>But first, let’s start with a bit of context!</p>
<h2>Giving Unlock Protocol the hook</h2>
<p>Inside Unlock, the membership contract is called <code>PublicLock</code>. Unlock is a protocol because every membership contract (of the same protocol version) implements the same functions and features. When a creator deploys <em>their</em> lock, they deploy a contract from a template.</p>
<p>Over the years, many creators have told us about the need to customize the behavior of their contracts. To maintain the “base” behavior standard, we introduced the <a href="https://docs.unlock-protocol.com/core-protocol/public-lock/hooks">concept of “hooks.”</a></p>
<p>Hooks introduce the ability to call third-party contracts as part of specific lock functions, while still retaining the protocol-standard functions. These hooks can be <a href="https://docs.unlock-protocol.com/core-protocol/public-lock/access-control">configured by lock managers</a>. For example, we introduced a few “public” hook contracts such as our <a href="https://unlock-protocol.com/guides/password-protected-nft-memberships/">password hook</a>, which is used for situations where a lock manager only wants the subset of individuals who know the password to be able to create a membership.</p>
<p>One of these hooks is called <code>onPurchaseHook</code>, and you probably understand from its name: it is called by the public lock’s <code>purchase</code> function. This <code>onPurchaseHook</code> hook includes 2 different functions:</p>
<ul>
<li><code>keyPurchasePrice</code> is a function that is called with the following parameters: buyer’s address, recipient of the NFT address (they’re often the same but could be different), the referrer address, and a <em>mysterious <code>data</code></em> parameter (we’ll come back to this soon). The <code>keyPurchasePrice</code> function is expected to return a number, the amount the buyer is expected to pay for the membership. This can be used to make membership prices dynamic.</li>
<li><code>onKeyPurchase</code> is a function that is called with the same parameters as the function above, as well as a <code>tokenId</code> parameter for the membership being bought, and a few more items. Again, there is also a <code>data</code> parameter.</li>
</ul>
<p>The lock’s purchase function will <strong>first</strong> call the <code>keyPurchasePrice</code> to determine the price to be paid (and especially if the user has approved enough!), and will finish its execution by calling <code>onKeyPurchase</code> .</p>
<p>Remember: hooks are proper contracts, so they can also store any data they want, and could also include other functions. A single hook can also implement multiple hook functions to be called at different points in the lock’s lifecycle.</p>
<h2>Introducing the Data Builder URL</h2>
<p>In the previous section, we discussed that both <code>keyPurchasePrice</code> and <code>onKeyPurchase</code> have a <code>data</code> argument. That <code>data</code> parameter is, in fact, completely ignored by the lock itself and just passed to the hook’s function. It can be used by the front-end application to send data to the hook so the hook can change its behavior based on it.</p>
<p>For example, this <code>data</code> argument is what we use to pass a <code>secret</code> corresponding to the password in the context of the password hook. We could also pass some useful metadata to be stored in the hook and returned by the lock to display specific metadata.</p>
<p>Now, our front-end checkout application does not “know” how to build the <code>data</code> blob for the specific hooks deployed on specific contracts. For this reason, we are introducing what we call <em>Data Builder URLs</em>.</p>
<p>The <code>dataBuilder</code> is a new parameter you can use inside of the <a href="https://docs.unlock-protocol.com/tools/checkout/configuration">paywall configuration</a> for any lock that you are configuring there. If the <code>dataBuilder</code> is set, then our front-end application will perform a GET request to it and include the following parameters: <code>recipient</code>, <code>lockAddress</code>, and <code>network</code>, so that the web application can compute a specific <code>data</code> blob to be passed as an argument for the <code>purchase</code> function.</p>
<h2>An example!</h2>
<p>Our friends at <a href="https://zealous.app">Zealous</a> wanted to create a new kind of membership for their platform. Anyone who has their membership NFT can access some premium features. However, they wanted to create a system where people who owned NFTs from specific collections would get a discount.</p>
<p>Looking up what NFTs someone owns using an on-chain script would be extremely expensive (and maybe even impossible as many contracts don’t include a way to list tokens per address), so we must do it off-chain. However, doing it solely off-chain would expose us to the possibility of someone claiming they own a special NFT (when they actually don’t) so they could grab the discount. So we’re taking a mixed approach: we look for NFTs owned by the user off-chain, but then create a <code>dataBuilder</code> to compute a “hint” that is passed as <code>data</code> to the contract.</p>
<p>The hook can then use the hint to confirm that indeed the user owns one of these NFTs.</p>



[ETHSanFrancisco](https://sf.ethglobal.com) was the largest in-person hackathon to date from ETHGlobal, and the hackers delivered! Over 1700(!) hackers from around the globe showed up in force to meet, learn, and build new projects. 

The Unlock team showed up in a big way, and had an incredible time meeting hundred of hackers, having great conversations, and getting a chance to bond together as well! 

![unlock team selfie](/images/blog/ethsf22/unlock-team-selfie.jpeg)
photo: @julien51

More pictures and thoughts below, but first...the winners of prizes in the Unlock hackathon!

The most incredible part of ETHSanFrancisco was getting the opportunity to connect with the incredible group of hackers, learners, and new friends who stopped by for conversations in the booth over the course of the three days of the hackathon. There were over two dozen projects submitted and, when the dust cleared and the entries were judged, three projects stood out. They were...


## First Prize Winner — Smart Coupons

![smart coupons image](https://storage.googleapis.com/ethglobal-api-production/projects%2Foh282%2Fimages%2FScreenshot_2022-11-06_at_6.50.26_AM.png)

**Description:** This project is a frontend + plugin into the Salesforce (SFDC) ecosystem to manage Web3-based marketing campaigns to enable an on-ramp for web2 companies to engage their communities within their existing marketing toolset. Our frontend is a sample implementation of how a client (in this case Adidas) would implement the solution. Within their existing web2 channels, the client would offer gamified incentives for users to connect their wallet details. After connecting their wallet, the users would be able to complete additional data enrichment challenges to earn Web3-based rewards. These rewards would be generated from SFDC directly based on specified campaign goals. Once the wallet data is within Salesforce, we enrich the database with on-chain information, tied to the individual lead profile created for the user. This enables a more robust view of the customer, with the ability to create insights and make more informed decisions about campaign targeting. 

**Demo:** [https://ethglobal.com/showcase/smart-coupons-oh282](https://ethglobal.com/showcase/smart-coupons-oh282)

## Second Prize Winner — HNDSHK

![hndshk image](https://storage.googleapis.com/ethglobal-api-production/projects%2Fbgqfn%2Fimages%2FSolution.png)

**Description:** HNDSHK allows you to instantly connect and nourish irreplaceable relationships through NFT handshake cards which you can create, manage, and SHK. Exchanging cards is done instantly through NFC tap (HNDSHK). And when you HNDSHK, you also connect on mutual social handles and a POAP is minted which further documents the occasion. Since NFC taps can only be done in person, HNDSHK encourages in-person interactions. In contrast to popular Social Media platforms which are often attention grabs or races to build a following, HNDSHK incentives quality over quantity connections. This is done through a gamified experience - card rarity upgrades, personal card benefits, and reach-out reminders.

**Demo:** [https://ethglobal.com/showcase/hndshk-bgqfn](https://ethglobal.com/showcase/hndshk-bgqfn)


## Third Prize Winner — Alexandria

![alexandria image](https://storage.googleapis.com/ethglobal-api-production/projects%2F3db0q%2Fimages%2Fscreenshot_3.png)

**Description:** This project allows users to borrow an access NFT that gives them access to view a book through our site. The contract allows anyone to borrow a book for however long they like (as long as you can pay the fee). Whilst giving authors royalties on their payments. We allow authors to make sure they get paid for each time their book gets read. The NFT also acts as a way for you to know all the previous borrowers of your book. Once you run out of collateral on your borrow, the NFT gets automatically transferred back to the marketplace via a liquidation function anyone can call.

**Demo:** [https://ethglobal.com/showcase/alexandria-3db0q](https://ethglobal.com/showcase/alexandria-3db0q)

## Fun and learning for everyone

Hackathons are one of our favorite ways to connect with our frens in the web3 community who are creating and building the next layer of internet infrastructure. 

We say a giant THANK YOU to all of the winners and every single team that deployed Unlock to bring their vision to life.

We’re so grateful to ETHGlobal for its continued support of the web3 space and for allowing us to participate in these amazing hackathons! We look forward to seeing these projects evolve and for all the incredible connections, learning, and growth they empower.

As promised, here are a few shots from the event — can't wait for the next one!

![unlock 1](/images/blog/ethsf22/unlock-1.png)

![unlock 2](/images/blog/ethsf22/unlock-2.png)

![unlock 3](/images/blog/ethsf22/unlock-3.png)

![unlock 4](/images/blog/ethsf22/unlock-4.png)

![unlock 5](/images/blog/ethsf22/unlock-5.png)

![unlock 6](/images/blog/ethsf22/unlock-6.png)

![unlock 7](/images/blog/ethsf22/unlock-7.png)
photo: @ccarfi


Over two dozen teams built memberships into their projects using Unlock at the latest ETHGlobal Hackathon — here are the winners.

Over two dozen teams built memberships into their projects using Unlock at the latest ETHGlobal Hackathon — here are the winners

ETHSanFrancisco Hackathon's Winners

<p><a href="https://sf.ethglobal.com">ETHSanFrancisco</a> was the largest in-person hackathon to date from ETHGlobal, and the hackers delivered! Over 1700(!) hackers from around the globe showed up in force to meet, learn, and build new projects.</p>
<p>The Unlock team showed up in a big way, and had an incredible time meeting hundred of hackers, having great conversations, and getting a chance to bond together as well!</p>
<p><img src="/images/blog/ethsf22/unlock-team-selfie.jpeg" alt="unlock team selfie">
photo: @julien51</p>
<p>More pictures and thoughts below, but first...the winners of prizes in the Unlock hackathon!</p>
<p>The most incredible part of ETHSanFrancisco was getting the opportunity to connect with the incredible group of hackers, learners, and new friends who stopped by for conversations in the booth over the course of the three days of the hackathon. There were over two dozen projects submitted and, when the dust cleared and the entries were judged, three projects stood out. They were...</p>
<h2>First Prize Winner — Smart Coupons</h2>
<p><img src="https://storage.googleapis.com/ethglobal-api-production/projects%2Foh282%2Fimages%2FScreenshot_2022-11-06_at_6.50.26_AM.png" alt="smart coupons image"></p>
<p><strong>Description:</strong> This project is a frontend + plugin into the Salesforce (SFDC) ecosystem to manage Web3-based marketing campaigns to enable an on-ramp for web2 companies to engage their communities within their existing marketing toolset. Our frontend is a sample implementation of how a client (in this case Adidas) would implement the solution. Within their existing web2 channels, the client would offer gamified incentives for users to connect their wallet details. After connecting their wallet, the users would be able to complete additional data enrichment challenges to earn Web3-based rewards. These rewards would be generated from SFDC directly based on specified campaign goals. Once the wallet data is within Salesforce, we enrich the database with on-chain information, tied to the individual lead profile created for the user. This enables a more robust view of the customer, with the ability to create insights and make more informed decisions about campaign targeting.</p>
<p><strong>Demo:</strong> <a href="https://ethglobal.com/showcase/smart-coupons-oh282">https://ethglobal.com/showcase/smart-coupons-oh282</a></p>
<h2>Second Prize Winner — HNDSHK</h2>
<p><img src="https://storage.googleapis.com/ethglobal-api-production/projects%2Fbgqfn%2Fimages%2FSolution.png" alt="hndshk image"></p>
<p><strong>Description:</strong> HNDSHK allows you to instantly connect and nourish irreplaceable relationships through NFT handshake cards which you can create, manage, and SHK. Exchanging cards is done instantly through NFC tap (HNDSHK). And when you HNDSHK, you also connect on mutual social handles and a POAP is minted which further documents the occasion. Since NFC taps can only be done in person, HNDSHK encourages in-person interactions. In contrast to popular Social Media platforms which are often attention grabs or races to build a following, HNDSHK incentives quality over quantity connections. This is done through a gamified experience - card rarity upgrades, personal card benefits, and reach-out reminders.</p>
<p><strong>Demo:</strong> <a href="https://ethglobal.com/showcase/hndshk-bgqfn">https://ethglobal.com/showcase/hndshk-bgqfn</a></p>
<h2>Third Prize Winner — Alexandria</h2>
<p><img src="https://storage.googleapis.com/ethglobal-api-production/projects%2F3db0q%2Fimages%2Fscreenshot_3.png" alt="alexandria image"></p>
<p><strong>Description:</strong> This project allows users to borrow an access NFT that gives them access to view a book through our site. The contract allows anyone to borrow a book for however long they like (as long as you can pay the fee). Whilst giving authors royalties on their payments. We allow authors to make sure they get paid for each time their book gets read. The NFT also acts as a way for you to know all the previous borrowers of your book. Once you run out of collateral on your borrow, the NFT gets automatically transferred back to the marketplace via a liquidation function anyone can call.</p>
<p><strong>Demo:</strong> <a href="https://ethglobal.com/showcase/alexandria-3db0q">https://ethglobal.com/showcase/alexandria-3db0q</a></p>
<h2>Fun and learning for everyone</h2>
<p>Hackathons are one of our favorite ways to connect with our frens in the web3 community who are creating and building the next layer of internet infrastructure.</p>
<p>We say a giant THANK YOU to all of the winners and every single team that deployed Unlock to bring their vision to life.</p>
<p>We’re so grateful to ETHGlobal for its continued support of the web3 space and for allowing us to participate in these amazing hackathons! We look forward to seeing these projects evolve and for all the incredible connections, learning, and growth they empower.</p>
<p>As promised, here are a few shots from the event — can't wait for the next one!</p>
<p><img src="/images/blog/ethsf22/unlock-1.png" alt="unlock 1"></p>
<p><img src="/images/blog/ethsf22/unlock-2.png" alt="unlock 2"></p>
<p><img src="/images/blog/ethsf22/unlock-3.png" alt="unlock 3"></p>
<p><img src="/images/blog/ethsf22/unlock-4.png" alt="unlock 4"></p>
<p><img src="/images/blog/ethsf22/unlock-5.png" alt="unlock 5"></p>
<p><img src="/images/blog/ethsf22/unlock-6.png" alt="unlock 6"></p>
<p><img src="/images/blog/ethsf22/unlock-7.png" alt="unlock 7">
photo: @ccarfi</p>



[thirdweb](https://thirdweb.com/) provides powerful SDKs and intuitive tools for developers to build and ship applications faster. As of today, you can deploy your Unlock membership smart contracts directly from the thirdweb UI and directly use the thirdweb SDK to interact with the contract.

You can view Unlock’s contracts on thirdweb at [https://thirdweb.com/unlock-protocol.eth/](https://thirdweb.com/unlock-protocol.eth/).

![thirdweb screenshot](/images/blog/thirdweb/thirdweb-screenshot.png)

At Unlock, we are building a membership protocol — an underlying set of smart contracts that can be used by anyone who needs to implement memberships or subscriptions. We’re making huge efforts to ensure that these contracts can be used by *any* developer to build their own applications and platforms using the tools of *their* choice. (Of course, we have also crafted no-code interfaces and applications to ease the use of these contracts for creators as well.)

We’re really thrilled that developers can now start building membership and subscription applications using thirdweb’s developer tools and SDK. And, as a decentralized protocol, developers could even build applications without telling anyone that they use Unlock Protocol under the hood, in the same way that most web applications don’t advertise that they use HTML or TCP to let you interact with them! That’s the beauty of open protocols and the open web.

We can’t wait to see what you end up building with thirdweb and Unlock!


You can now use thirdweb’s SDK and tooling to deploy your membership smart contracts

You can now use thirdweb’s SDK and tooling to deploy your membership smart contracts.

Unlock Contracts Now Available in thirdweb’s Registry

<p><a href="https://thirdweb.com/">thirdweb</a> provides powerful SDKs and intuitive tools for developers to build and ship applications faster. As of today, you can deploy your Unlock membership smart contracts directly from the thirdweb UI and directly use the thirdweb SDK to interact with the contract.</p>
<p>You can view Unlock’s contracts on thirdweb at <a href="https://thirdweb.com/unlock-protocol.eth/">https://thirdweb.com/unlock-protocol.eth/</a>.</p>
<p><img src="/images/blog/thirdweb/thirdweb-screenshot.png" alt="thirdweb screenshot"></p>
<p>At Unlock, we are building a membership protocol — an underlying set of smart contracts that can be used by anyone who needs to implement memberships or subscriptions. We’re making huge efforts to ensure that these contracts can be used by <em>any</em> developer to build their own applications and platforms using the tools of <em>their</em> choice. (Of course, we have also crafted no-code interfaces and applications to ease the use of these contracts for creators as well.)</p>
<p>We’re really thrilled that developers can now start building membership and subscription applications using thirdweb’s developer tools and SDK. And, as a decentralized protocol, developers could even build applications without telling anyone that they use Unlock Protocol under the hood, in the same way that most web applications don’t advertise that they use HTML or TCP to let you interact with them! That’s the beauty of open protocols and the open web.</p>
<p>We can’t wait to see what you end up building with thirdweb and Unlock!</p>



In the Unlock Protocol, every time a key is purchased for any lock, a small transaction is sent back to the core Unlock factory contract to keep track of all existing sales on the network. For each network (Ethereum mainnet, Polygon, etc.), we calculate what we call a Gross Network Product (GNP) that consolidates the value of all sales into a single amount of native currency (ETH for mainnet, MATIC for Polygon, etc). The GNP is a useful indicator to track the evolution of the protocol’s activity across chains.

Unlock has upgraded its price oracle to Uniswap v3 to increase accuracy and coverage when calculating the total value of sales on each network.

## The Oracle Problem

Locks across networks can be priced in a variety of ERC20-compatible tokens. Therefore, we need to convert the amount of ERC20 tokens to native currency before adding it to the GNP. In blockchain ecosystems, the system that allows you to retrieve information from a 3rd party service (such as retrieving the price of a token) is called an [oracle](https://ethereum.org/en/developers/docs/oracles/). 

The main issue with smart contracts is that they can’t interact properly outside of the chain, and therefore require “oracles” to tell them what is happening outside, in the off-chain world. The famous [oracle problem](https://chain.link/education/blockchain-oracles) states that contracts on one hand can’t access data outside of the chain, but on the other hand shouldn’t rely to a single source of trust to provide data as this nullify the advantages of a decentralised security model. To mitigate this inherent risk, models of decentralised oracles have been developed. 

## Using Uniswap v3’s Decentralized  Oracle

Uniswap is one of the most famous decentralised exchanges operating on EVM chains. The new version (Uniswap v3) provides a neat way to query exchange data through an oracle in the form of a [simple contract](https://docs.uniswap.org/protocol/concepts/V3-overview/oracle). To date, the Unlock Protocol has been using the prior version of the Uniswap Oracle (v2), which required us to maintain a dedicated oracle. As of today, the Unlock Protocol will be upgraded to use the latest Uniswap v3, providing a more reliable and comprehensive coverage of various token prices. In this new implementation, GNP calculations will be simplified and cover a wider variety of possible tokens. 

You can see the details of the changes in [this pull request](https://github.com/unlock-protocol/unlock/pull/10030), as well as use the oracle for your own needs by querying directly the deployed contract on each network.



Here are the addresses of contracts deployed on the [various networks](https://docs.uniswap.org/protocol/reference/deployments) where Uniswap is supported:


- mainnet: [`0x951A807b523cF6e178e0ab80fBd2C9B035521931`](https://etherscan.io/address/0x951A807b523cF6e178e0ab80fBd2C9B035521931)
- polygon : [`0xE77c7F14e8EB9925ca418bF80c0a81a5B9C87683`](https://polygonscan.com/address/0xE77c7F14e8EB9925ca418bF80c0a81a5B9C87683)
- arbitrum : [`0x821d830a7b9902F83359Bf3Ac727B04b10FD461d`](https://arbiscan.io/address/0x821d830a7b9902F83359Bf3Ac727B04b10FD461d)
- optimism : [`0x1FF7e338d5E582138C46044dc238543Ce555C963`](https://optimistic.etherscan.io/address/0x1FF7e338d5E582138C46044dc238543Ce555C963#code)
- celo : [`0x5108412Dd50A6ea79d2F13D5d1A23FDD9bF532db`](https://celoscan.io/address/0x5108412Dd50A6ea79d2F13D5d1A23FDD9bF532db#code) 
- mumbai : [`0x5108412Dd50A6ea79d2F13D5d1A23FDD9bF532db`](https://mumbai.polygonscan.com/address/0x5108412Dd50A6ea79d2F13D5d1A23FDD9bF532db#code)
- goerli : [`0x25197CaCDE16500032EF4B35d60c6f7aEd4a38a5`](https://goerli.etherscan.io/address/0x25197CaCDE16500032EF4B35d60c6f7aEd4a38a5)


Unlock upgrades its price oracle to Uniswap v3 to increase accuracy and coverage when calculating the total value of sales on each network.

Unlock upgrades Uniswap Oracle to v3 for more accurate calculations of Unlock Gross Network Product

Using the Uniswap v3 Oracle in the Unlock Contract

<p>In the Unlock Protocol, every time a key is purchased for any lock, a small transaction is sent back to the core Unlock factory contract to keep track of all existing sales on the network. For each network (Ethereum mainnet, Polygon, etc.), we calculate what we call a Gross Network Product (GNP) that consolidates the value of all sales into a single amount of native currency (ETH for mainnet, MATIC for Polygon, etc). The GNP is a useful indicator to track the evolution of the protocol’s activity across chains.</p>
<p>Unlock has upgraded its price oracle to Uniswap v3 to increase accuracy and coverage when calculating the total value of sales on each network.</p>
<h2>The Oracle Problem</h2>
<p>Locks across networks can be priced in a variety of ERC20-compatible tokens. Therefore, we need to convert the amount of ERC20 tokens to native currency before adding it to the GNP. In blockchain ecosystems, the system that allows you to retrieve information from a 3rd party service (such as retrieving the price of a token) is called an <a href="https://ethereum.org/en/developers/docs/oracles/">oracle</a>.</p>
<p>The main issue with smart contracts is that they can’t interact properly outside of the chain, and therefore require “oracles” to tell them what is happening outside, in the off-chain world. The famous <a href="https://chain.link/education/blockchain-oracles">oracle problem</a> states that contracts on one hand can’t access data outside of the chain, but on the other hand shouldn’t rely to a single source of trust to provide data as this nullify the advantages of a decentralised security model. To mitigate this inherent risk, models of decentralised oracles have been developed.</p>
<h2>Using Uniswap v3’s Decentralized  Oracle</h2>
<p>Uniswap is one of the most famous decentralised exchanges operating on EVM chains. The new version (Uniswap v3) provides a neat way to query exchange data through an oracle in the form of a <a href="https://docs.uniswap.org/protocol/concepts/V3-overview/oracle">simple contract</a>. To date, the Unlock Protocol has been using the prior version of the Uniswap Oracle (v2), which required us to maintain a dedicated oracle. As of today, the Unlock Protocol will be upgraded to use the latest Uniswap v3, providing a more reliable and comprehensive coverage of various token prices. In this new implementation, GNP calculations will be simplified and cover a wider variety of possible tokens.</p>
<p>You can see the details of the changes in <a href="https://github.com/unlock-protocol/unlock/pull/10030">this pull request</a>, as well as use the oracle for your own needs by querying directly the deployed contract on each network.</p>
<p>Here are the addresses of contracts deployed on the <a href="https://docs.uniswap.org/protocol/reference/deployments">various networks</a> where Uniswap is supported:</p>
<ul>
<li>mainnet: <a href="https://etherscan.io/address/0x951A807b523cF6e178e0ab80fBd2C9B035521931"><code>0x951A807b523cF6e178e0ab80fBd2C9B035521931</code></a></li>
<li>polygon : <a href="https://polygonscan.com/address/0xE77c7F14e8EB9925ca418bF80c0a81a5B9C87683"><code>0xE77c7F14e8EB9925ca418bF80c0a81a5B9C87683</code></a></li>
<li>arbitrum : <a href="https://arbiscan.io/address/0x821d830a7b9902F83359Bf3Ac727B04b10FD461d"><code>0x821d830a7b9902F83359Bf3Ac727B04b10FD461d</code></a></li>
<li>optimism : <a href="https://optimistic.etherscan.io/address/0x1FF7e338d5E582138C46044dc238543Ce555C963#code"><code>0x1FF7e338d5E582138C46044dc238543Ce555C963</code></a></li>
<li>celo : <a href="https://celoscan.io/address/0x5108412Dd50A6ea79d2F13D5d1A23FDD9bF532db#code"><code>0x5108412Dd50A6ea79d2F13D5d1A23FDD9bF532db</code></a></li>
<li>mumbai : <a href="https://mumbai.polygonscan.com/address/0x5108412Dd50A6ea79d2F13D5d1A23FDD9bF532db#code"><code>0x5108412Dd50A6ea79d2F13D5d1A23FDD9bF532db</code></a></li>
<li>goerli : <a href="https://goerli.etherscan.io/address/0x25197CaCDE16500032EF4B35d60c6f7aEd4a38a5"><code>0x25197CaCDE16500032EF4B35d60c6f7aEd4a38a5</code></a></li>
</ul>



![metadata configurator video](/images/blog/metadata-configurator/main.gif)

Most creators want to customize the attributes and add features to their NFTs. These features show up on NFT marketplaces such as OpenSea. Until now, they had to customize and manage the metadata on their own and update it on their own. It required coding and dealing with scripts. It wasn’t user friendly and added friction to working with Unlock.

To simplify this process, we are launching a no-code metadata configurator. With it, creators can add attributes such as properties, levels, stats, and other metadata to their NFT right from the Unlock Dashboard. This new feature also provides custom presets for ticketing and adding creator content such as YouTube videos, website, and animations.

## How to start

On the lock management page, you can open the metadata configurator by clicking on the `Edit NFT Properties` button. This will only be visible for lock manager.

![lock manage page](/images/blog/metadata-configurator/lock-page.png)

The configurator is split into multiple sections. Each section is collapsible from the UI.

### Basic details

The basic details section contains fields such as name, description, and the external URL for your NFT memberships.

![Basics](/images/blog/metadata-configurator/basic.png)

### Event ticketing

The event ticketing section allows event organizers to set up custom data for their tickets. Any ticket metadata changed here will show up as attributes on OpenSea and other marketplaces. This ticket data is also used by Unlock to generate a QR code ticket for NFTs and power the verification experience.

![Ticket](/images/blog/metadata-configurator/ticket.png)

#### Preview

As you are making edits, you can click on the Preview Ticket button to see what your ticket would actually look like. All fields are updated in real-time to reflect changes.

![Preview Ticket](/images/blog/metadata-configurator/preview-ticket.png)

### Advanced

Creators with a YouTube channel or a blog can use this section to display their videos and blog posts in the main preview box on OpenSea and other marketplaces. A user will be able to go to OpenSea and watch the video directly on your NFT page.

![Advanced](/images/blog/metadata-configurator/advanced.png)

### Custom Properties

You can add custom properties, levels, and stats to your NFT to truly highlight the unique characteristics of your NFTs.

Please note that each item will be displayed slightly differently on OpenSea and other marketplaces. We provide a preview of how they will be displayed but it is not a 1-1 representation.

![Custom](/images/blog/metadata-configurator/custom.png)

#### Add Properties

You can open the Add Property modal using the Add button inside the property section. On Add Property modal, you can add or remove existing properties. Each property has a trait type and value.

![Add Properties](/images/blog/metadata-configurator/add-stats.png)

#### Add Levels

Each level has a trait type, value, and max value. The value and max value are used to display a progress indicator on OpenSea and other marketplaces.

![Add Levels](/images/blog/metadata-configurator/add-levels.png)

#### Add Stats

Stats are the same as levels, but won't be displayed as a progress indicator on OpenSea and other marketplaces.

![Add Stats](/images/blog/metadata-configurator/add-stats.png)

The Unlock team is excited to bring you more no-code tools to manage your NFT memberships. We are dedicated to improving the user experience to onboard more non-technical users.

## What if I find an issue or bug in the metadata configurator?

Please open an issue on Github or tell us in Discord and we’ll fix it as soon as possible.


Configure metadata for your NFT memberships, passes, tickets, and more from the Unlock Dashboard without programming.

A Brand New Metadata Configurator

<p><img src="/images/blog/metadata-configurator/main.gif" alt="metadata configurator video"></p>
<p>Most creators want to customize the attributes and add features to their NFTs. These features show up on NFT marketplaces such as OpenSea. Until now, they had to customize and manage the metadata on their own and update it on their own. It required coding and dealing with scripts. It wasn’t user friendly and added friction to working with Unlock.</p>
<p>To simplify this process, we are launching a no-code metadata configurator. With it, creators can add attributes such as properties, levels, stats, and other metadata to their NFT right from the Unlock Dashboard. This new feature also provides custom presets for ticketing and adding creator content such as YouTube videos, website, and animations.</p>
<h2>How to start</h2>
<p>On the lock management page, you can open the metadata configurator by clicking on the <code>Edit NFT Properties</code> button. This will only be visible for lock manager.</p>
<p><img src="/images/blog/metadata-configurator/lock-page.png" alt="lock manage page"></p>
<p>The configurator is split into multiple sections. Each section is collapsible from the UI.</p>
<h3>Basic details</h3>
<p>The basic details section contains fields such as name, description, and the external URL for your NFT memberships.</p>
<p><img src="/images/blog/metadata-configurator/basic.png" alt="Basics"></p>
<h3>Event ticketing</h3>
<p>The event ticketing section allows event organizers to set up custom data for their tickets. Any ticket metadata changed here will show up as attributes on OpenSea and other marketplaces. This ticket data is also used by Unlock to generate a QR code ticket for NFTs and power the verification experience.</p>
<p><img src="/images/blog/metadata-configurator/ticket.png" alt="Ticket"></p>
<h4>Preview</h4>
<p>As you are making edits, you can click on the Preview Ticket button to see what your ticket would actually look like. All fields are updated in real-time to reflect changes.</p>
<p><img src="/images/blog/metadata-configurator/preview-ticket.png" alt="Preview Ticket"></p>
<h3>Advanced</h3>
<p>Creators with a YouTube channel or a blog can use this section to display their videos and blog posts in the main preview box on OpenSea and other marketplaces. A user will be able to go to OpenSea and watch the video directly on your NFT page.</p>
<p><img src="/images/blog/metadata-configurator/advanced.png" alt="Advanced"></p>
<h3>Custom Properties</h3>
<p>You can add custom properties, levels, and stats to your NFT to truly highlight the unique characteristics of your NFTs.</p>
<p>Please note that each item will be displayed slightly differently on OpenSea and other marketplaces. We provide a preview of how they will be displayed but it is not a 1-1 representation.</p>
<p><img src="/images/blog/metadata-configurator/custom.png" alt="Custom"></p>
<h4>Add Properties</h4>
<p>You can open the Add Property modal using the Add button inside the property section. On Add Property modal, you can add or remove existing properties. Each property has a trait type and value.</p>
<p><img src="/images/blog/metadata-configurator/add-stats.png" alt="Add Properties"></p>
<h4>Add Levels</h4>
<p>Each level has a trait type, value, and max value. The value and max value are used to display a progress indicator on OpenSea and other marketplaces.</p>
<p><img src="/images/blog/metadata-configurator/add-levels.png" alt="Add Levels"></p>
<h4>Add Stats</h4>
<p>Stats are the same as levels, but won't be displayed as a progress indicator on OpenSea and other marketplaces.</p>
<p><img src="/images/blog/metadata-configurator/add-stats.png" alt="Add Stats"></p>
<p>The Unlock team is excited to bring you more no-code tools to manage your NFT memberships. We are dedicated to improving the user experience to onboard more non-technical users.</p>
<h2>What if I find an issue or bug in the metadata configurator?</h2>
<p>Please open an issue on Github or tell us in Discord and we’ll fix it as soon as possible.</p>



The original Unlock Protocol UDT Grants program was launched in 2021 with a goal to decentralize governance of Unlock Protocol, expand the number of [integrations](https://unlock-protocol.com/guides/category/plugins/) across the Unlock ecosystem, and increase the number of applications built with Unlock.

We’ve taken the learnings from this last year, along with our mission to continue to decentralize at scale, and made significant improvements to the grants program, which we hope will mean the next year is an even bigger success! Here’s what’s new.

### Streamlining the grant process and adding new capabilities

For the revamped grants program, we’ve partnered with [Wonderverse](https://app.wonderverse.xyz/organization/unlock/boards?entity=task), a DAO tool for collaboration and organization. Adding a decentralized tool opened up the opportunity to improve workflow and communication across the Unlock grants process. Let’s take a look how!

When a prospective grantee submits their grant application, the Unlock grants committee reviews their submission. We’ve streamlined the grant review process and implemented it via Wonderverse. This should reduce the time it takes from application to committee decision, with a target of returning a decision to the grant applicant within two weeks of their submission.

For grant applications that have been accepted and their milestones have been met, we now have the ability to make UDT grant awards directly from this same integrated system. This means we’ll also be able to speed up the time it takes to distribute grant rewards, getting UDT into the hands of grantees sooner!

I’m also excited to say that it means we now have the capability and capacity to create individual grantee workspaces where we can more closely communicate, educate and support our grantees. The goal is less friction for grantees to get what they need to be successful. This should lead to shorter launch timelines and higher-quality end products.

### Improved guides & handbooks

We’ve updated all of our guides and handbooks for grantees and published them in our 
[docs](https://docs.unlock-protocol.com/governance/grants-bounties/). This should improve the understanding of how the grants program works for those interested in 
[applying](https://docs.unlock-protocol.com/governance/grants-bounties/udt-grantee-handbook#submitting-an-application). 

In addition, our new processes should make adding new [grant committee](https://docs.unlock-protocol.com/governance/grants-bounties/grant-committee-applicant-guide) 
members much easier. This will enable Unlock to scale the program as the ecosystem grows. 

Using the experience gained from the over 100 grant applications we received to date, we sought to increase the impact of the projects we give grants to and have made improvements to the 
[grant review](https://docs.unlock-protocol.com/governance/grants-bounties/grant-review-guide) guidance for the committee. 

### What’s next?

We’re thrilled so far with all of these improvements and we’re confident this next season of grants will be even more effective at increasing network volume and adding to the credibility and visibility of Unlock Protocol. On a quarterly basis, the grants committee will review the progress of the program and make proposals to the community for iterative improvements, if needed. This will accelerate the success of the program while maintaining our commitment to decentralization. 

👉 Interested in building with us? Fill out an [application](https://docs.unlock-protocol.com/governance/grants-bounties/udt-grantee-handbook#submitting-an-application) for one of grants now! 

### Looking back at the last year: Unlock Protocol grant success stories

Over the past year, the grants program has had success spawning work in areas of plugins and integrations, education, showcases, events, and platform subscriptions. Some of the highlights include:

**Integrations & Plugins**

- [Guild.xyz](https://unlock-protocol.com/guides/guild-xyz/)
- [Unity Game Engine](https://github.com/thehen/unlock-unity-package)
- [Monetized](https://unlock-protocol.com/guides/how-to-token-gate-notion/) (Notion)
- [Collab.Land](https://unlock-protocol.com/guides/discord-with-collab-land/)
- [Decentraland](https://unlock-protocol.com/blog/decentraland)
- [Firebase](https://unlock-protocol.com/blog/firebase-integration)
- [Discourse](https://unlock-protocol.com/blog/discourse-plugin)
- [Drupal](https://www.drupal.org/project/unlock)

**Built with Unlock**

- [Tales of Elatora](https://unlock-protocol.com/blog/talesofelatora)
- [Content Rooms](https://contentrooms.com/)
- [Bonsai.so](https://bonsai.so/)
- [Dinner DAO](https://unlock-protocol.com/blog/dinnerdao)
- [Unfurl](https://unlock-protocol.com/blog/unfurl-connect)

**Events**

- [ETHAnglia](https://ethanglia.org/)

**Education**

- [Web3Academy](https://w3academy.io/)
- [dProgramming University](https://dprogramminguniversity.com/courses/unlock-protocol-101/)
- [Unlock Showcase](https://www.unlockshowcase.com/)

With the upgraded grants program, we can’t wait to see what the community creates next! You can fill out a grant application here!

Improvements go live to streamline processes and accelerate growth for the Unlock ecosystem.

Improvements go live to streamline processes and accelerate growth for the Unlock ecosystem

Unlock Announces Grants Program Upgrade

<p>The original Unlock Protocol UDT Grants program was launched in 2021 with a goal to decentralize governance of Unlock Protocol, expand the number of <a href="https://unlock-protocol.com/guides/category/plugins/">integrations</a> across the Unlock ecosystem, and increase the number of applications built with Unlock.</p>
<p>We’ve taken the learnings from this last year, along with our mission to continue to decentralize at scale, and made significant improvements to the grants program, which we hope will mean the next year is an even bigger success! Here’s what’s new.</p>
<h3>Streamlining the grant process and adding new capabilities</h3>
<p>For the revamped grants program, we’ve partnered with <a href="https://app.wonderverse.xyz/organization/unlock/boards?entity=task">Wonderverse</a>, a DAO tool for collaboration and organization. Adding a decentralized tool opened up the opportunity to improve workflow and communication across the Unlock grants process. Let’s take a look how!</p>
<p>When a prospective grantee submits their grant application, the Unlock grants committee reviews their submission. We’ve streamlined the grant review process and implemented it via Wonderverse. This should reduce the time it takes from application to committee decision, with a target of returning a decision to the grant applicant within two weeks of their submission.</p>
<p>For grant applications that have been accepted and their milestones have been met, we now have the ability to make UDT grant awards directly from this same integrated system. This means we’ll also be able to speed up the time it takes to distribute grant rewards, getting UDT into the hands of grantees sooner!</p>
<p>I’m also excited to say that it means we now have the capability and capacity to create individual grantee workspaces where we can more closely communicate, educate and support our grantees. The goal is less friction for grantees to get what they need to be successful. This should lead to shorter launch timelines and higher-quality end products.</p>
<h3>Improved guides &#x26; handbooks</h3>
<p>We’ve updated all of our guides and handbooks for grantees and published them in our
<a href="https://docs.unlock-protocol.com/governance/grants-bounties/">docs</a>. This should improve the understanding of how the grants program works for those interested in
<a href="https://docs.unlock-protocol.com/governance/grants-bounties/udt-grantee-handbook#submitting-an-application">applying</a>.</p>
<p>In addition, our new processes should make adding new <a href="https://docs.unlock-protocol.com/governance/grants-bounties/grant-committee-applicant-guide">grant committee</a>
members much easier. This will enable Unlock to scale the program as the ecosystem grows.</p>
<p>Using the experience gained from the over 100 grant applications we received to date, we sought to increase the impact of the projects we give grants to and have made improvements to the
<a href="https://docs.unlock-protocol.com/governance/grants-bounties/grant-review-guide">grant review</a> guidance for the committee.</p>
<h3>What’s next?</h3>
<p>We’re thrilled so far with all of these improvements and we’re confident this next season of grants will be even more effective at increasing network volume and adding to the credibility and visibility of Unlock Protocol. On a quarterly basis, the grants committee will review the progress of the program and make proposals to the community for iterative improvements, if needed. This will accelerate the success of the program while maintaining our commitment to decentralization.</p>
<p>👉 Interested in building with us? Fill out an <a href="https://docs.unlock-protocol.com/governance/grants-bounties/udt-grantee-handbook#submitting-an-application">application</a> for one of grants now!</p>
<h3>Looking back at the last year: Unlock Protocol grant success stories</h3>
<p>Over the past year, the grants program has had success spawning work in areas of plugins and integrations, education, showcases, events, and platform subscriptions. Some of the highlights include:</p>
<p><strong>Integrations &#x26; Plugins</strong></p>
<ul>
<li><a href="https://unlock-protocol.com/guides/guild-xyz/">Guild.xyz</a></li>
<li><a href="https://github.com/thehen/unlock-unity-package">Unity Game Engine</a></li>
<li><a href="https://unlock-protocol.com/guides/how-to-token-gate-notion/">Monetized</a> (Notion)</li>
<li><a href="https://unlock-protocol.com/guides/discord-with-collab-land/">Collab.Land</a></li>
<li><a href="https://unlock-protocol.com/blog/decentraland">Decentraland</a></li>
<li><a href="https://unlock-protocol.com/blog/firebase-integration">Firebase</a></li>
<li><a href="https://unlock-protocol.com/blog/discourse-plugin">Discourse</a></li>
<li><a href="https://www.drupal.org/project/unlock">Drupal</a></li>
</ul>
<p><strong>Built with Unlock</strong></p>
<ul>
<li><a href="https://unlock-protocol.com/blog/talesofelatora">Tales of Elatora</a></li>
<li><a href="https://contentrooms.com/">Content Rooms</a></li>
<li><a href="https://bonsai.so/">Bonsai.so</a></li>
<li><a href="https://unlock-protocol.com/blog/dinnerdao">Dinner DAO</a></li>
<li><a href="https://unlock-protocol.com/blog/unfurl-connect">Unfurl</a></li>
</ul>
<p><strong>Events</strong></p>
<ul>
<li><a href="https://ethanglia.org/">ETHAnglia</a></li>
</ul>
<p><strong>Education</strong></p>
<ul>
<li><a href="https://w3academy.io/">Web3Academy</a></li>
<li><a href="https://dprogramminguniversity.com/courses/unlock-protocol-101/">dProgramming University</a></li>
<li><a href="https://www.unlockshowcase.com/">Unlock Showcase</a></li>
</ul>
<p>With the upgraded grants program, we can’t wait to see what the community creates next! You can fill out a grant application here!</p>



Creating a compelling checkout flow for online purchases is a thorny problem. Every creator who is offering memberships, ticketing, or other experiences to their community has a wide variety of options to consider on exactly what required information may be needed from each purchaser. When you add the new experiences of web3 into the mix, checkout flows for creating or minting can get very sophisticated, very quickly, and can be very difficult to configure.

To help improve the experience of creators who are building checkout experiences in web3, Unlock has developed a Checkout Builder that provides a no-code way to build and customize a checkout experience.

The Checkout Builder greatly speeds and simplifies the process of creating checkout flows by applying no-code principles to a process that until now required technical configuration to develop checkout flows.

Let's go through step-by-step and look at the new capabilities Locksmiths have available to them to build checkout experiences for minting membership NFTs.

## Checkout Builder overview

You can access the Checkout Builder page from your lock page by clicking the "Generate URL” button, or by going directly to this URL: [https://app.unlock-protocol.com/locks/checkout-url](https://app.unlock-protocol.com/locks/checkout-url).

![Checkout Builder Link](/images/blog/checkout-builder-release/checkout-overview-1.png)

On the Checkout Builder page, we can see on the left side the preview of what your checkout experience will look like. On the right side of the page there is a form with the information you can edit to configure the experience.

![Checkout Page Link](/images/blog/checkout-builder-release/checkout-overview-2.png)

Edits made on the right side of the page will automatically update the preview on the left and give you a real-time overview of the final result.

For every field, there is also a description that provides more context about the related field.

The form to customize the checkout has 2 sections, each on its own tab:

- `Configuration`: Where we can find general configuration and setup
- `Locks`: Where we can add locks and customize them in more detail

Let’s create a customized checkout experience and generate a checkout URL that we can share!

## Headers and additional behavior

In the `Configuration` tab, we can set all the basic details about the lock. In the following example, we set the title to `Demo x Panda` and we can see it reflect on the preview. We can also set a custom icon.

In order to generate a checkout URL, we need to add one or more locks. To do this, we can switch to the `Locks` tab.

![Header Checkout](/images/blog/checkout-builder-release/header-checkout.gif)

## Add locks

To add locks, the first thing we need to do is select a `Network` and the `Lock` we want to add.

The `Lock` dropdown will automatically show the list of our locks for every network.

![Add Lock Header](/images/blog/checkout-builder-release/add-lock.png)

![Add Lock Selection](/images/blog/checkout-builder-release/add-lock-1.png)

When the lock is selected, we can see it displayed in real-time on the preview.

![Lock List](/images/blog/checkout-builder-release/lock-list.png)

As described in the previous step, we can follow the same process in order to add additional locks to our checkout page, if needed.

### Detailed membership configuration

Our membership may have a number of traits that we’ll want to represent in the smart contract. Let’s take scenario:

_"We need a Lock that sets our membership to renew 2 times, sets a maximum number of five memberships an individual user can purchase in a single wallet, and requires an email address so we can communicate with the member via email.”_

The above items are configured in the `Settings` section of the Checkout Builder:

![Lock List](/images/blog/checkout-builder-release/settings.png)

And finally, when the lock is added with the `Settings`, we can see `second lock demo` now contains all the details we added.

![Lock Settings](/images/blog/checkout-builder-release/locks-list-multiple.png)

## Removing a lock from the checkout

A lock can be removed from the checkout experience by clicking the cross icon on the lock list.

![Remove Lock Overview](/images/blog/checkout-builder-release/remove-lock.png)

![Remove Lock GIF](/images/blog/checkout-builder-release/remove-lock-animation.gif)

## Collecting metadata

When setting up a membership experience, there is often information about your members (”metadata”) that is required to communicate with them (e.g. address), reward them (e.g. t-shirt size), and otherwise have a richer understanding of who a member is.

When collecting metadata during the checkout flow, you can set metadata items to collect at checkout time by clicking `Add metadata` in the Checkout Builder.

When `Add metadata` is enabled, a form where you can add detail for the metadata will be displayed. For each item of metadata, a number of fields are required.

- `name`: the name of the field that's shown as a label
- `default value`: default value of the field
- `type`: type of the field
- `required`: specify if the field is required when true
- `placeholder`: the placeholder that's shown in the input type
- `public`: if this item of metadata should be visible to everyone

### Add metadata

![Add Metadata](/images/blog/checkout-builder-release/metadata.png)

### Metadata on preview

![Metadata Preview](/images/blog/checkout-builder-release/metadata-preview.png)

## Copy and share!

That's all! You have now configured a checkout flow that can be shared with your prospective members. You can now copy the generated URL and share it to your community on your website, via social media, through email, or by any other method you like.

![Checkout Builder Demo Animation](/images/blog/checkout-builder-release/copy-link-builder.gif)

## One more thing: Developers can download the JSON configuration for a checkout

While the above steps are especially helpful for creators who are creating memberships for their community, the Checkout Builder can be a huge time-saver for developers as well. If you are developing on top of Unlock Protocol and need to integrate a checkout configuration into your custom code, you can configure the checkout experience using the Checkout Builder and then download a fully-configured JSON file to [configure the Paywall](https://docs.unlock-protocol.com/tools/paywall/locking-page/#configure-the-paywall) in your application.

![Download JSON](/images/blog/checkout-builder-release//download-json.png)

**What if I find an issue or bug in the new checkout builder?**

Please open an issue on Github or tell us in Discord and we'll fix it ASAP.


Unlock launches a checkout builder to easily customize your checkout experience — no programming expertise needed.

Unlock Unveils No-Code Membership NFT Checkout Builder

<p>Creating a compelling checkout flow for online purchases is a thorny problem. Every creator who is offering memberships, ticketing, or other experiences to their community has a wide variety of options to consider on exactly what required information may be needed from each purchaser. When you add the new experiences of web3 into the mix, checkout flows for creating or minting can get very sophisticated, very quickly, and can be very difficult to configure.</p>
<p>To help improve the experience of creators who are building checkout experiences in web3, Unlock has developed a Checkout Builder that provides a no-code way to build and customize a checkout experience.</p>
<p>The Checkout Builder greatly speeds and simplifies the process of creating checkout flows by applying no-code principles to a process that until now required technical configuration to develop checkout flows.</p>
<p>Let's go through step-by-step and look at the new capabilities Locksmiths have available to them to build checkout experiences for minting membership NFTs.</p>
<h2>Checkout Builder overview</h2>
<p>You can access the Checkout Builder page from your lock page by clicking the "Generate URL” button, or by going directly to this URL: <a href="https://app.unlock-protocol.com/locks/checkout-url">https://app.unlock-protocol.com/locks/checkout-url</a>.</p>
<p><img src="/images/blog/checkout-builder-release/checkout-overview-1.png" alt="Checkout Builder Link"></p>
<p>On the Checkout Builder page, we can see on the left side the preview of what your checkout experience will look like. On the right side of the page there is a form with the information you can edit to configure the experience.</p>
<p><img src="/images/blog/checkout-builder-release/checkout-overview-2.png" alt="Checkout Page Link"></p>
<p>Edits made on the right side of the page will automatically update the preview on the left and give you a real-time overview of the final result.</p>
<p>For every field, there is also a description that provides more context about the related field.</p>
<p>The form to customize the checkout has 2 sections, each on its own tab:</p>
<ul>
<li><code>Configuration</code>: Where we can find general configuration and setup</li>
<li><code>Locks</code>: Where we can add locks and customize them in more detail</li>
</ul>
<p>Let’s create a customized checkout experience and generate a checkout URL that we can share!</p>
<h2>Headers and additional behavior</h2>
<p>In the <code>Configuration</code> tab, we can set all the basic details about the lock. In the following example, we set the title to <code>Demo x Panda</code> and we can see it reflect on the preview. We can also set a custom icon.</p>
<p>In order to generate a checkout URL, we need to add one or more locks. To do this, we can switch to the <code>Locks</code> tab.</p>
<p><img src="/images/blog/checkout-builder-release/header-checkout.gif" alt="Header Checkout"></p>
<h2>Add locks</h2>
<p>To add locks, the first thing we need to do is select a <code>Network</code> and the <code>Lock</code> we want to add.</p>
<p>The <code>Lock</code> dropdown will automatically show the list of our locks for every network.</p>
<p><img src="/images/blog/checkout-builder-release/add-lock.png" alt="Add Lock Header"></p>
<p><img src="/images/blog/checkout-builder-release/add-lock-1.png" alt="Add Lock Selection"></p>
<p>When the lock is selected, we can see it displayed in real-time on the preview.</p>
<p><img src="/images/blog/checkout-builder-release/lock-list.png" alt="Lock List"></p>
<p>As described in the previous step, we can follow the same process in order to add additional locks to our checkout page, if needed.</p>
<h3>Detailed membership configuration</h3>
<p>Our membership may have a number of traits that we’ll want to represent in the smart contract. Let’s take scenario:</p>
<p><em>"We need a Lock that sets our membership to renew 2 times, sets a maximum number of five memberships an individual user can purchase in a single wallet, and requires an email address so we can communicate with the member via email.”</em></p>
<p>The above items are configured in the <code>Settings</code> section of the Checkout Builder:</p>
<p><img src="/images/blog/checkout-builder-release/settings.png" alt="Lock List"></p>
<p>And finally, when the lock is added with the <code>Settings</code>, we can see <code>second lock demo</code> now contains all the details we added.</p>
<p><img src="/images/blog/checkout-builder-release/locks-list-multiple.png" alt="Lock Settings"></p>
<h2>Removing a lock from the checkout</h2>
<p>A lock can be removed from the checkout experience by clicking the cross icon on the lock list.</p>
<p><img src="/images/blog/checkout-builder-release/remove-lock.png" alt="Remove Lock Overview"></p>
<p><img src="/images/blog/checkout-builder-release/remove-lock-animation.gif" alt="Remove Lock GIF"></p>
<h2>Collecting metadata</h2>
<p>When setting up a membership experience, there is often information about your members (”metadata”) that is required to communicate with them (e.g. address), reward them (e.g. t-shirt size), and otherwise have a richer understanding of who a member is.</p>
<p>When collecting metadata during the checkout flow, you can set metadata items to collect at checkout time by clicking <code>Add metadata</code> in the Checkout Builder.</p>
<p>When <code>Add metadata</code> is enabled, a form where you can add detail for the metadata will be displayed. For each item of metadata, a number of fields are required.</p>
<ul>
<li><code>name</code>: the name of the field that's shown as a label</li>
<li><code>default value</code>: default value of the field</li>
<li><code>type</code>: type of the field</li>
<li><code>required</code>: specify if the field is required when true</li>
<li><code>placeholder</code>: the placeholder that's shown in the input type</li>
<li><code>public</code>: if this item of metadata should be visible to everyone</li>
</ul>
<h3>Add metadata</h3>
<p><img src="/images/blog/checkout-builder-release/metadata.png" alt="Add Metadata"></p>
<h3>Metadata on preview</h3>
<p><img src="/images/blog/checkout-builder-release/metadata-preview.png" alt="Metadata Preview"></p>
<h2>Copy and share!</h2>
<p>That's all! You have now configured a checkout flow that can be shared with your prospective members. You can now copy the generated URL and share it to your community on your website, via social media, through email, or by any other method you like.</p>
<p><img src="/images/blog/checkout-builder-release/copy-link-builder.gif" alt="Checkout Builder Demo Animation"></p>
<h2>One more thing: Developers can download the JSON configuration for a checkout</h2>
<p>While the above steps are especially helpful for creators who are creating memberships for their community, the Checkout Builder can be a huge time-saver for developers as well. If you are developing on top of Unlock Protocol and need to integrate a checkout configuration into your custom code, you can configure the checkout experience using the Checkout Builder and then download a fully-configured JSON file to <a href="https://docs.unlock-protocol.com/tools/paywall/locking-page/#configure-the-paywall">configure the Paywall</a> in your application.</p>
<p><img src="/images/blog/checkout-builder-release//download-json.png" alt="Download JSON"></p>
<p><strong>What if I find an issue or bug in the new checkout builder?</strong></p>
<p>Please open an issue on Github or tell us in Discord and we'll fix it ASAP.</p>
