
Unlock continues to simplify and improve the user experience. With that goal in mind, Unlock has completely redesigned the Unlock Dashboard. The Dashboard is the key interaction point with Unlock Protocol for most users where they configure memberships, view their member information, and interact with the key functions of the Unlock smart contract and surrounding ecosystem.

There are three main sections to the Dashboard.

- Lock creation
- Lock listing
- Lock management

Let's see the details, step by step.

## Lock creation

The lock creation section of the Dashboard is where creators deploy new locks to create memberships for their community. The enhanced Dashboard takes a guided, step-by-step approach to lock creation.

In the first step, a form with the details to create a lock is shown to the user. The interface will indicate if a required field is missing before allowing the user to proceed to the next step.

![Screenshot 2022-10-03 at 11.29.54.png](/images/blog/dashboard-redesign/Screenshot_2022-10-03_at_11.29.54.png)

The purchase (mint) price of membership NFTs can be priced in the native token of a blockchain, or can be priced using a token from a list of default ERC20 contracts. For pricing in custom ERC20s, the user can enter their own token address as well.

![Screenshot 2022-10-03 at 11.29.15.png](/images/blog/dashboard-redesign/Screenshot_2022-10-03_at_11.29.15.png)

After configuration, membership details are shown to double check if everything is correct before creating the smart contract for the lock.

![Screenshot 2022-10-03 at 11.31.11.png](/images/blog/dashboard-redesign/Screenshot_2022-10-03_at_11.31.11.png)

During the deployment, a block explorer link is shown to the user. The user can confirm the lock smart contract has been deployed on-chain via the block explorer.

![Screenshot 2022-10-03 at 11.32.26.png](/images/blog/dashboard-redesign/Screenshot_2022-10-03_at_11.32.26.png)

## Lock listing

In the new dashboard, locks are now grouped and displayed by network. This makes it easier for creators to see all their memberships and locks in one place in a greatly streamlined interface.

![locks-by-network.png](/images/blog/dashboard-redesign/locks-by-network.png)

When there are no locks to show on the listing page, the user will be redirected to the “Create lock” page.

![Screenshot 2022-09-27 at 11.06.44.png](/images/blog/dashboard-redesign/Screenshot_2022-09-27_at_11.06.44.png)

### Lock summary cards

Lock summary cards show the high-level information about the lock. Lock summary cards now have a new, cleaner interface and contain only the main high-level details for price, key duration, and key total for each lock. To dive into further details for a particular lock, clicking the arrow goes to the lock management page and shows further details for each lock.

![Screenshot 2022-10-03 at 12.11.08.png](/images/blog/dashboard-redesign/Screenshot_2022-10-03_at_12.11.08.png)

## Lock management

Clicking through on a lock summary card brings up the lock management screen, which surfaces the details for a particular lock. This page has been redesigned for simplicity and readability.

On this page, the lock manager can update settings for the lock, as well as see a list of all the members.

### Customize NFT image

By clicking the NFT image, a popup will allow you to update the NFT image. This can be done by uploading a file or via a URL.

![Screenshot 2022-10-03 at 11.55.56.png](/images/blog/dashboard-redesign/Screenshot_2022-10-03_at_11.55.56.png)

### Edit duration, quantity, and price

Duration, quantity, or price information for a particular lock can be changed by clicking on the pencil next to the respective field in the left sidebar. Clicking the pencil to edit `Key Duration`, for example, will bring up a popup to edit the details of that field. By default, the current field value will be shown, which can then be edited. This same process works for updating `Quantity` and `Price` as well.

![update-price.png](/images/blog/dashboard-redesign/update-price.png)

### Members list

The lock management page displays a list of members for the current lock, as well as metadata such as the expiration time for a particular key.

![Screenshot 2022-10-03 at 12.04.31.png](/images/blog/dashboard-redesign/Screenshot_2022-10-03_at_12.04.31.png)

Clicking on a key will expand it, and shows basic information about the key, owner, and expiration status.

![Screenshot 2022-10-03 at 12.06.41.png](/images/blog/dashboard-redesign/Screenshot_2022-10-03_at_12.06.41.png)

In addition, if the viewer is the lock manager, more details and metadata for the key are shown.

![Screenshot 2022-10-03 at 12.05.24.png](/images/blog/dashboard-redesign/Screenshot_2022-10-03_at_12.05.24.png)

### Withdrawing funds from a lock

When the lock has a withdrawable amount, the `Withdraw` button will be active and allow the lock manager to withdraw the collected amount for the keys sold.

![withdraw-amount.png](/images/blog/dashboard-redesign/withdraw-amount.png)

### Generate purchase URL

By clicking the `Generate URL` button, the user can generate a URL that can be shared with fans and allow them to easily purchase this membership.

![generate-url.png](/images/blog/dashboard-redesign/generate-url.png)

## Mobile experience

The mobile experience is improved significantly with the new Dashboard. It features a fully responsive layout and provides a better experience and improved usability when using the app through a mobile device.

### Change network and header

![mobile-header.png](/images/blog/dashboard-redesign/mobile-header.png)

### Lock listing page

![Screenshot 2022-09-28 at 13.16.57.png](/images/blog/dashboard-redesign/Screenshot_2022-09-28_at_13.16.57.png)

### Manage lock page

![manage-lock-mobile.png](/images/blog/dashboard-redesign/manage-lock-mobile.png)

## See the new Dashboard now

Ready to check it out? **[Try out the new Dashboard](https://app.unlock-protocol.com/locks)**.


Unlock launched a completely redesigned membership dashboard, focused on usability.

Unlock has a completely redesigned dashboard, focused on usability

Unlock Launches Redesigned Membership Dashboard

<p>Unlock continues to simplify and improve the user experience. With that goal in mind, Unlock has completely redesigned the Unlock Dashboard. The Dashboard is the key interaction point with Unlock Protocol for most users where they configure memberships, view their member information, and interact with the key functions of the Unlock smart contract and surrounding ecosystem.</p>
<p>There are three main sections to the Dashboard.</p>
<ul>
<li>Lock creation</li>
<li>Lock listing</li>
<li>Lock management</li>
</ul>
<p>Let's see the details, step by step.</p>
<h2>Lock creation</h2>
<p>The lock creation section of the Dashboard is where creators deploy new locks to create memberships for their community. The enhanced Dashboard takes a guided, step-by-step approach to lock creation.</p>
<p>In the first step, a form with the details to create a lock is shown to the user. The interface will indicate if a required field is missing before allowing the user to proceed to the next step.</p>
<p><img src="/images/blog/dashboard-redesign/Screenshot_2022-10-03_at_11.29.54.png" alt="Screenshot 2022-10-03 at 11.29.54.png"></p>
<p>The purchase (mint) price of membership NFTs can be priced in the native token of a blockchain, or can be priced using a token from a list of default ERC20 contracts. For pricing in custom ERC20s, the user can enter their own token address as well.</p>
<p><img src="/images/blog/dashboard-redesign/Screenshot_2022-10-03_at_11.29.15.png" alt="Screenshot 2022-10-03 at 11.29.15.png"></p>
<p>After configuration, membership details are shown to double check if everything is correct before creating the smart contract for the lock.</p>
<p><img src="/images/blog/dashboard-redesign/Screenshot_2022-10-03_at_11.31.11.png" alt="Screenshot 2022-10-03 at 11.31.11.png"></p>
<p>During the deployment, a block explorer link is shown to the user. The user can confirm the lock smart contract has been deployed on-chain via the block explorer.</p>
<p><img src="/images/blog/dashboard-redesign/Screenshot_2022-10-03_at_11.32.26.png" alt="Screenshot 2022-10-03 at 11.32.26.png"></p>
<h2>Lock listing</h2>
<p>In the new dashboard, locks are now grouped and displayed by network. This makes it easier for creators to see all their memberships and locks in one place in a greatly streamlined interface.</p>
<p><img src="/images/blog/dashboard-redesign/locks-by-network.png" alt="locks-by-network.png"></p>
<p>When there are no locks to show on the listing page, the user will be redirected to the “Create lock” page.</p>
<p><img src="/images/blog/dashboard-redesign/Screenshot_2022-09-27_at_11.06.44.png" alt="Screenshot 2022-09-27 at 11.06.44.png"></p>
<h3>Lock summary cards</h3>
<p>Lock summary cards show the high-level information about the lock. Lock summary cards now have a new, cleaner interface and contain only the main high-level details for price, key duration, and key total for each lock. To dive into further details for a particular lock, clicking the arrow goes to the lock management page and shows further details for each lock.</p>
<p><img src="/images/blog/dashboard-redesign/Screenshot_2022-10-03_at_12.11.08.png" alt="Screenshot 2022-10-03 at 12.11.08.png"></p>
<h2>Lock management</h2>
<p>Clicking through on a lock summary card brings up the lock management screen, which surfaces the details for a particular lock. This page has been redesigned for simplicity and readability.</p>
<p>On this page, the lock manager can update settings for the lock, as well as see a list of all the members.</p>
<h3>Customize NFT image</h3>
<p>By clicking the NFT image, a popup will allow you to update the NFT image. This can be done by uploading a file or via a URL.</p>
<p><img src="/images/blog/dashboard-redesign/Screenshot_2022-10-03_at_11.55.56.png" alt="Screenshot 2022-10-03 at 11.55.56.png"></p>
<h3>Edit duration, quantity, and price</h3>
<p>Duration, quantity, or price information for a particular lock can be changed by clicking on the pencil next to the respective field in the left sidebar. Clicking the pencil to edit <code>Key Duration</code>, for example, will bring up a popup to edit the details of that field. By default, the current field value will be shown, which can then be edited. This same process works for updating <code>Quantity</code> and <code>Price</code> as well.</p>
<p><img src="/images/blog/dashboard-redesign/update-price.png" alt="update-price.png"></p>
<h3>Members list</h3>
<p>The lock management page displays a list of members for the current lock, as well as metadata such as the expiration time for a particular key.</p>
<p><img src="/images/blog/dashboard-redesign/Screenshot_2022-10-03_at_12.04.31.png" alt="Screenshot 2022-10-03 at 12.04.31.png"></p>
<p>Clicking on a key will expand it, and shows basic information about the key, owner, and expiration status.</p>
<p><img src="/images/blog/dashboard-redesign/Screenshot_2022-10-03_at_12.06.41.png" alt="Screenshot 2022-10-03 at 12.06.41.png"></p>
<p>In addition, if the viewer is the lock manager, more details and metadata for the key are shown.</p>
<p><img src="/images/blog/dashboard-redesign/Screenshot_2022-10-03_at_12.05.24.png" alt="Screenshot 2022-10-03 at 12.05.24.png"></p>
<h3>Withdrawing funds from a lock</h3>
<p>When the lock has a withdrawable amount, the <code>Withdraw</code> button will be active and allow the lock manager to withdraw the collected amount for the keys sold.</p>
<p><img src="/images/blog/dashboard-redesign/withdraw-amount.png" alt="withdraw-amount.png"></p>
<h3>Generate purchase URL</h3>
<p>By clicking the <code>Generate URL</code> button, the user can generate a URL that can be shared with fans and allow them to easily purchase this membership.</p>
<p><img src="/images/blog/dashboard-redesign/generate-url.png" alt="generate-url.png"></p>
<h2>Mobile experience</h2>
<p>The mobile experience is improved significantly with the new Dashboard. It features a fully responsive layout and provides a better experience and improved usability when using the app through a mobile device.</p>
<h3>Change network and header</h3>
<p><img src="/images/blog/dashboard-redesign/mobile-header.png" alt="mobile-header.png"></p>
<h3>Lock listing page</h3>
<p><img src="/images/blog/dashboard-redesign/Screenshot_2022-09-28_at_13.16.57.png" alt="Screenshot 2022-09-28 at 13.16.57.png"></p>
<h3>Manage lock page</h3>
<p><img src="/images/blog/dashboard-redesign/manage-lock-mobile.png" alt="manage-lock-mobile.png"></p>
<h2>See the new Dashboard now</h2>
<p>Ready to check it out? <strong><a href="https://app.unlock-protocol.com/locks">Try out the new Dashboard</a></strong>.</p>



![sept-22-banner.png](/images/blog/sept-22-update/sept-22-banner.png)

## Partners and integrations

- Launched on [Arbitrum](https://unlock-protocol.com/blog/arbitrum)
- Launched on [Avalanche](https://unlock-protocol.com/blog/avalanche)

## Checkout

- [Support for fiat recurring subscriptions](https://unlock-protocol.com/blog/unlock-fiat-subscription)
- [Support for Apple Pay and Google Pay mobile payments](https://unlock-protocol.com/blog/support-for-google-and-apple-pay)
- [Password-protected NFT purchases](https://unlock-protocol.com/blog/password-required-hook)

## Members page

- [Enhanced Members Page filters](https://unlock-protocol.com/blog/new-filters-members-page)

## Dashboard

- Preview of an [entirely redesigned dashboard](https://unlock-protocol.com/blog/dashboard-redesign)

## Other

- [Subgraph upgrade](https://unlock-protocol.com/blog/subgraph-v2)

Want to know more and try stuff out? [Join our Unlock community in the Discord](https://discord.unlock-protocol.com/)!


Release Notes for September 2022. New Unlock Protocol dashboard preview, support for Arbitrum and Avalanche, and improvements to the checkout experience.

New dashboard preview, support for Arbitrum and Avalanche, and improvements to the checkout experience

Unlock Protocol Product Updates for September 2022

<p><img src="/images/blog/sept-22-update/sept-22-banner.png" alt="sept-22-banner.png"></p>
<h2>Partners and integrations</h2>
<ul>
<li>Launched on <a href="https://unlock-protocol.com/blog/arbitrum">Arbitrum</a></li>
<li>Launched on <a href="https://unlock-protocol.com/blog/avalanche">Avalanche</a></li>
</ul>
<h2>Checkout</h2>
<ul>
<li><a href="https://unlock-protocol.com/blog/unlock-fiat-subscription">Support for fiat recurring subscriptions</a></li>
<li><a href="https://unlock-protocol.com/blog/support-for-google-and-apple-pay">Support for Apple Pay and Google Pay mobile payments</a></li>
<li><a href="https://unlock-protocol.com/blog/password-required-hook">Password-protected NFT purchases</a></li>
</ul>
<h2>Members page</h2>
<ul>
<li><a href="https://unlock-protocol.com/blog/new-filters-members-page">Enhanced Members Page filters</a></li>
</ul>
<h2>Dashboard</h2>
<ul>
<li>Preview of an <a href="https://unlock-protocol.com/blog/dashboard-redesign">entirely redesigned dashboard</a></li>
</ul>
<h2>Other</h2>
<ul>
<li><a href="https://unlock-protocol.com/blog/subgraph-v2">Subgraph upgrade</a></li>
</ul>
<p>Want to know more and try stuff out? <a href="https://discord.unlock-protocol.com/">Join our Unlock community in the Discord</a>!</p>



## Storing and retrieving data from chains

As the number of features grows, keeping track of changes in a contract can become tricky. The transaction data itself only hold changes in balances of native tokens of the sender and receiver. Changes in the state of the contract storage are recorded using events emitted by the transaction. For instance, an ownership change of an NFT will emit a `Transfer` event containing the id of the token, as well as the addresses of the previous and new owners.

While these events are recorded onchain, querying appears to not be very practical. To know the number of times a token has been transferred, you will have to replay all the `Transfer` events attached to the contract, filter only the ones for the relevant token and finally count them.

## What is the graph ?

To facilitate the query of transactions data, [the graph](https://thegraph.com/docs/en/) collects all the events in your contract and put them in the database so it can be easily used. The [Graph Foundation](https://www.notion.so/The-Graph-Foundation-e822e66d7b614fdd899a647f5db51a68) provides tools and libraries to index, store and retrieve graph data.

To facilitate the use of our protocol, Unlock offers several web services (checkout, user dasboard, etc) that use chain data to display info about locks and keys. The frontend queries rely on instances of the graph that are indexing and formatting transactions on each supported chain, called subgraphs. All subgraphs are public, and data about locks or keys can be retrieved using [graphql](https://graphql.org/) requests.

## Unlock subgraph V2

To continue upgrading existing services, we are now releasing a new version of the subgraph with better formatting and indexing. On the development side, we added extensive unit and integration testing, which will allow developers to more quickly adapt and update the protocol. The schema has been simplified and now natively support contract upgrades.

To query the subgraph, you can use a JSON request or a graphql client. Please refer to [our docs](https://docs.unlock-protocol.com/tutorials/misc/using-subgraphs/) for the most extensive explanation about how to use it.


An upgraded version of the subgraph which indexes onchain data is now available, with simpler data structure and more robust parsing.

An upgraded version of the subgraph is now available

Unlock Protocol Subgraph Upgrade with The Graph

<h2>Storing and retrieving data from chains</h2>
<p>As the number of features grows, keeping track of changes in a contract can become tricky. The transaction data itself only hold changes in balances of native tokens of the sender and receiver. Changes in the state of the contract storage are recorded using events emitted by the transaction. For instance, an ownership change of an NFT will emit a <code>Transfer</code> event containing the id of the token, as well as the addresses of the previous and new owners.</p>
<p>While these events are recorded onchain, querying appears to not be very practical. To know the number of times a token has been transferred, you will have to replay all the <code>Transfer</code> events attached to the contract, filter only the ones for the relevant token and finally count them.</p>
<h2>What is the graph ?</h2>
<p>To facilitate the query of transactions data, <a href="https://thegraph.com/docs/en/">the graph</a> collects all the events in your contract and put them in the database so it can be easily used. The <a href="https://www.notion.so/The-Graph-Foundation-e822e66d7b614fdd899a647f5db51a68">Graph Foundation</a> provides tools and libraries to index, store and retrieve graph data.</p>
<p>To facilitate the use of our protocol, Unlock offers several web services (checkout, user dasboard, etc) that use chain data to display info about locks and keys. The frontend queries rely on instances of the graph that are indexing and formatting transactions on each supported chain, called subgraphs. All subgraphs are public, and data about locks or keys can be retrieved using <a href="https://graphql.org/">graphql</a> requests.</p>
<h2>Unlock subgraph V2</h2>
<p>To continue upgrading existing services, we are now releasing a new version of the subgraph with better formatting and indexing. On the development side, we added extensive unit and integration testing, which will allow developers to more quickly adapt and update the protocol. The schema has been simplified and now natively support contract upgrades.</p>
<p>To query the subgraph, you can use a JSON request or a graphql client. Please refer to <a href="https://docs.unlock-protocol.com/tutorials/misc/using-subgraphs/">our docs</a> for the most extensive explanation about how to use it.</p>



![Fiat subscription confirmation page](/images/blog/unlock-fiat-subscription/main.png)

We recently launched support for [crypto based NFT subscriptions](./recurring-subscription-nft) which allowed people to pre-approve an amount in erc20 to be charged at a regular interval set in the membership contract.

Today, we are extending the same support to fiat payment options we provide (including credit card, [Apple and Google Pay](/blog/support-for-google-and-apple-pay)). Creators can now add `recurringPayments: number` to the `paywallConfig` when building their checkout URL in order to charge their users on a regular frequency.

A really interesting tidbit is that even users who pay with their cards are receiving a **subscription NFT** that gets renewed every time their card is charged!

Here is an example of paywallConfig.

```json
{
  "title": "Recurring membership demo",
  "locks": {
    "0xf1e4861bbe6aa736084ff829507145a85f4958fc": {
      "name": "Recurring",
      "network": 5,
      "recurringPayments": 12
    }
  }
}
```

Learn more about how to build and configure the url on the [docs site](https://docs.unlock-protocol.com/tools/checkout/configuration/#building-your-url).

## How does it work?

Unlock's approach to recurring fiat payment has two distinct elements:

### Smart Contracts

We added support for `grantKeyExtension` method on our contracts which allows creators and anyone who is a [`keyGranter`](https://docs.unlock-protocol.com/core-protocol/public-lock/access-control#keygranter) to extend the NFT duration.
This is available in all locks starting with v11. We use this internally to renew memberships of users who have subscribed via fiat payment options.

### Locksmith

When a user goes through a recurring purchase, we create a subscription object on the backend to keep track of how many times the user wishes to renew it and store all the details surrounding the purchase. Due to the volatile nature of many crypto-currencies, fiat prices can swing drastically between two payments. To avoid this and protect the users, we lock in the fiat price at the time of subscription for further renewals. This means if the user purchased an NFT for 0.1 tokens valued at $10 at the time of purchase, further renewals would only cost that $10, even if the price of the token is now much higher or much lower. We use the subscription object to renew keys when they expire.

An example of a lock with 5 minute renewal time below getting extended every 5 minutes.

![Etherscan](/images/blog/unlock-fiat-subscription/etherscan.png)

### Documentation

- Community & Support: [Join the Unlock Discord](https://discord.unlock-protocol.com/)

- Developer documentation: [Recurring Memberships](https://docs.unlock-protocol.com/unlock/creators/recurring-memberships)

### Further resources

- Interview: [NFTs for Memberships: The Future of Business](https://www.socialmediaexaminer.com/using-nfts-for-memberships-the-future-of-business/)

- Videos: [NFT Membership videos](https://www.youtube.com/channel/UCFpwtvsk_naOwR_w-vKXw-Q)


Users can now subscribe to NFTs using fiat payment options such as credit cards.

Unlock Launches Support for Fiat NFT Recurring Subscriptions

<p><img src="/images/blog/unlock-fiat-subscription/main.png" alt="Fiat subscription confirmation page"></p>
<p>We recently launched support for <a href="./recurring-subscription-nft">crypto based NFT subscriptions</a> which allowed people to pre-approve an amount in erc20 to be charged at a regular interval set in the membership contract.</p>
<p>Today, we are extending the same support to fiat payment options we provide (including credit card, <a href="/blog/support-for-google-and-apple-pay">Apple and Google Pay</a>). Creators can now add <code>recurringPayments: number</code> to the <code>paywallConfig</code> when building their checkout URL in order to charge their users on a regular frequency.</p>
<p>A really interesting tidbit is that even users who pay with their cards are receiving a <strong>subscription NFT</strong> that gets renewed every time their card is charged!</p>
<p>Here is an example of paywallConfig.</p>
<pre><code class="language-json">{
  "title": "Recurring membership demo",
  "locks": {
    "0xf1e4861bbe6aa736084ff829507145a85f4958fc": {
      "name": "Recurring",
      "network": 5,
      "recurringPayments": 12
    }
  }
}
</code></pre>
<p>Learn more about how to build and configure the url on the <a href="https://docs.unlock-protocol.com/tools/checkout/configuration/#building-your-url">docs site</a>.</p>
<h2>How does it work?</h2>
<p>Unlock's approach to recurring fiat payment has two distinct elements:</p>
<h3>Smart Contracts</h3>
<p>We added support for <code>grantKeyExtension</code> method on our contracts which allows creators and anyone who is a <a href="https://docs.unlock-protocol.com/core-protocol/public-lock/access-control#keygranter"><code>keyGranter</code></a> to extend the NFT duration.
This is available in all locks starting with v11. We use this internally to renew memberships of users who have subscribed via fiat payment options.</p>
<h3>Locksmith</h3>
<p>When a user goes through a recurring purchase, we create a subscription object on the backend to keep track of how many times the user wishes to renew it and store all the details surrounding the purchase. Due to the volatile nature of many crypto-currencies, fiat prices can swing drastically between two payments. To avoid this and protect the users, we lock in the fiat price at the time of subscription for further renewals. This means if the user purchased an NFT for 0.1 tokens valued at $10 at the time of purchase, further renewals would only cost that $10, even if the price of the token is now much higher or much lower. We use the subscription object to renew keys when they expire.</p>
<p>An example of a lock with 5 minute renewal time below getting extended every 5 minutes.</p>
<p><img src="/images/blog/unlock-fiat-subscription/etherscan.png" alt="Etherscan"></p>
<h3>Documentation</h3>
<ul>
<li>
<p>Community &#x26; Support: <a href="https://discord.unlock-protocol.com/">Join the Unlock Discord</a></p>
</li>
<li>
<p>Developer documentation: <a href="https://docs.unlock-protocol.com/unlock/creators/recurring-memberships">Recurring Memberships</a></p>
</li>
</ul>
<h3>Further resources</h3>
<ul>
<li>
<p>Interview: <a href="https://www.socialmediaexaminer.com/using-nfts-for-memberships-the-future-of-business/">NFTs for Memberships: The Future of Business</a></p>
</li>
<li>
<p>Videos: <a href="https://www.youtube.com/channel/UCFpwtvsk_naOwR_w-vKXw-Q">NFT Membership videos</a></p>
</li>
</ul>



[Arbitrum](https://arbitrum.io/) is a "layer 2" environment on top of Ethereum's mainnet. It is an _optimistic rollup_, which means that it is able to benefit from Ethereum's security while providing significantly cheaper transaction costs, as well as much faster execution time.

![Arbitrum](/images/blog/arbitrum/arbitrum.png)

Today, we're excited to announce that you can start deploying your NFT membership contracts on Arbitrum!

Want to try it out? We deployed the first NFT membership contract on Arbitrum and you can "buy" a free membership [by going here](https://app.unlock-protocol.com/checkout?redirectUri=https%3A%2F%2Funlock-protocol.com%2Fblog%2Farbitrum&paywallConfig=%7B%22locks%22%3A%7B%220xcc04a8E25B712EBbdAD337dfDb59a154Bd6bbd06%22%3A%7B%22network%22%3A42161%7D%7D%2C%22pessimistic%22%3Atrue%2C%22persistentCheckout%22%3Atrue%2C%22icon%22%3A%22https%3A%2F%2Fstaging-locksmith.unlock-protocol.com%2Flock%2F0xcc04a8E25B712EBbdAD337dfDb59a154Bd6bbd06%2Ficon%22%7D) (There are only 100 of these, so be quick!)

Unlock has now been deployed on 8 EVM (Ethereum Virtual Machine) networks: Mainnet, Gnosis Chain, Polygon, Optimism, BNB Chain, Celo, Avalanche and now Arbitrum! Every creator, brand or organization can choose the network of _their_ choice to deploy their membership contracts to create [NFT tickets](https://unlock-protocol.com/guides/how-to-sell-nft-tickets-for-an-event/), [subscriptions](https://unlock-protocol.com/guides/recurring-memberships/) and more!


Membership NFT contracts from Unlock Protocol can now be deployed on the Arbitrum network.

The Arbitrum network joins the expanding Unlock Protocol ecosystem

Unlock Is Live on Arbitrum

<p><a href="https://arbitrum.io/">Arbitrum</a> is a "layer 2" environment on top of Ethereum's mainnet. It is an <em>optimistic rollup</em>, which means that it is able to benefit from Ethereum's security while providing significantly cheaper transaction costs, as well as much faster execution time.</p>
<p><img src="/images/blog/arbitrum/arbitrum.png" alt="Arbitrum"></p>
<p>Today, we're excited to announce that you can start deploying your NFT membership contracts on Arbitrum!</p>
<p>Want to try it out? We deployed the first NFT membership contract on Arbitrum and you can "buy" a free membership <a href="https://app.unlock-protocol.com/checkout?redirectUri=https%3A%2F%2Funlock-protocol.com%2Fblog%2Farbitrum&#x26;paywallConfig=%7B%22locks%22%3A%7B%220xcc04a8E25B712EBbdAD337dfDb59a154Bd6bbd06%22%3A%7B%22network%22%3A42161%7D%7D%2C%22pessimistic%22%3Atrue%2C%22persistentCheckout%22%3Atrue%2C%22icon%22%3A%22https%3A%2F%2Fstaging-locksmith.unlock-protocol.com%2Flock%2F0xcc04a8E25B712EBbdAD337dfDb59a154Bd6bbd06%2Ficon%22%7D">by going here</a> (There are only 100 of these, so be quick!)</p>
<p>Unlock has now been deployed on 8 EVM (Ethereum Virtual Machine) networks: Mainnet, Gnosis Chain, Polygon, Optimism, BNB Chain, Celo, Avalanche and now Arbitrum! Every creator, brand or organization can choose the network of <em>their</em> choice to deploy their membership contracts to create <a href="https://unlock-protocol.com/guides/how-to-sell-nft-tickets-for-an-event/">NFT tickets</a>, <a href="https://unlock-protocol.com/guides/recurring-memberships/">subscriptions</a> and more!</p>



![Google pay on checkout](/images/blog/apple-google-pay/main.png)

Unlock checkout now supports using Apple Pay and Google Pay to purchase memberships. They will automatically pop up as options when you try to pay on a supported platform.

Creators don't need to change anything on their side. These options will appear as long as credit card support is enabled.


Apple Pay and Google Pay are now live as payment options on checkout.

Unlock Adds Apple Pay and Google Pay Support to Checkout

<p><img src="/images/blog/apple-google-pay/main.png" alt="Google pay on checkout"></p>
<p>Unlock checkout now supports using Apple Pay and Google Pay to purchase memberships. They will automatically pop up as options when you try to pay on a supported platform.</p>
<p>Creators don't need to change anything on their side. These options will appear as long as credit card support is enabled.</p>



A fairly common request by event organizers and creators revolves around selling memberships in a password-protected way: only those who know the password can purchase.

![Password Protected](/images/blog/password-protected/password-protected.png)

Today, we’re excited to announce how **creators can easily use their membership contract (a lock), a hook, and our checkout URL flow to password-protect purchases**.

Of course, this process is *secured* and cannot be bypassed by calling the contract directly, as the password is used to submit the transaction on-chain. Additionally, the password is not transmitted “in the clear” to ensure that it remains secret but used to sign the recipient’s address, making the transaction unique for each user.

The hooks were [deployed on the production networks](https://github.com/unlock-protocol/password-required-hook#production-networks) (and can easily be added to more).

## Example

[This lock](https://goerli.etherscan.io/address/0x44Dc120086c34305098c379eB5638Bfc0d31D47a) deployed is deployed on Goerli and uses this password hook. This means you can only purchase a key if you go [through this checkout URL](https://app.unlock-protocol.com/checkout?redirectUri=https%3A%2F%2Funlock-protocol.com&paywallConfig=%7B%22locks%22%3A%7B%220x44Dc120086c34305098c379eB5638Bfc0d31D47a%22%3A%7B%22network%22%3A5%7D%7D%2C%22pessimistic%22%3Atrue%2C%22persistentCheckout%22%3Atrue%2C%22icon%22%3A%22https%3A%2F%2Flocksmith.unlock-protocol.com%2Flock%2F0x44Dc120086c34305098c379eB5638Bfc0d31D47a%2Ficon%22%2C%22password%22%3Atrue%7D) and if you enter the right password: `sek3e+-pass30rD`. Please try with a bad password first!

![Password Required!](/images/blog/password-protected/purchase-password.png)

## Using the hook for your own lock

Adding a password to your lock requires the use of a hook. Hooks are a very powerful mechanism used to alter the behavior of your lock. Here is a quick guide and you can find a [longer version in our Guides](https://unlock-protocol.com/guides/password-protected-nft-memberships/).

1. First, you need to choose a password, then [go to this page to generate the corresponding Ethereum address](https://unlock-protocol.github.io/password-required-hook/).

![Generate Signer!](/images/blog/password-protected/generate-signer.png)

2. Then, click on which network your lock has been deployed on ([list here](https://github.com/unlock-protocol/password-required-hook)) to go to the block explorer page for the hook and head to `Contract` > `Write Contract`. Connect your wallet (you need to be connected as a lock's manager) and click on `setSigner`. There, enter the lock address and then the wallet address generated in the previous step.

![Set Signer!](/images/blog/password-protected/set-signer.png)

3. Finally, you need to point your lock to the hook. Using your lock's block explorer page, click on `Contract` > `Write as Proxy`. Connect your wallet (you need to be connected as a lock's manager) and look for `setEventHooks`. In the `_onKeyPurchaseHook` enter the address of the hook (from the list above), and enter `0x0000000000000000000000000000000000000000` for all the other hooks (unless of course, you want to use them...).

![Set Hooks!](/images/blog/password-protected/set-hooks.png)

4. [Build a Checkout URL](https://docs.unlock-protocol.com/tools/checkout/configuration) and make sure you include the `"password": true` option in it so that users are prompted for the password when they go through the checkout flow!

## Developers

Even though this hook is “readily” usable, exactly like our “bring your own contract” hooks created a few months ago, we felt that it was a very good example of [how to create hooks for your smart contract](https://docs.unlock-protocol.com/tutorials/smart-contracts/hooks/using-on-key-purchase-hook-to-password-protect). As such, we created a dedicated tutorial that you can refer to see how we created it and use that as an inspiration to create your own hooks!

You can find the code for this [password-protected hook on Github](https://github.com/unlock-protocol/password-required-hook) as well as the [tutorial in our docs](https://docs.unlock-protocol.com/tutorials/smart-contracts/hooks/using-on-key-purchase-hook-to-password-protect).


Using a smart contract hook, it is now possible to require users to enter a password when they are making purchases, ensuring that only your community can purchase memberships!

Introducing a new way to password protect the membership NFT purchases!

Password Required

<p>A fairly common request by event organizers and creators revolves around selling memberships in a password-protected way: only those who know the password can purchase.</p>
<p><img src="/images/blog/password-protected/password-protected.png" alt="Password Protected"></p>
<p>Today, we’re excited to announce how <strong>creators can easily use their membership contract (a lock), a hook, and our checkout URL flow to password-protect purchases</strong>.</p>
<p>Of course, this process is <em>secured</em> and cannot be bypassed by calling the contract directly, as the password is used to submit the transaction on-chain. Additionally, the password is not transmitted “in the clear” to ensure that it remains secret but used to sign the recipient’s address, making the transaction unique for each user.</p>
<p>The hooks were <a href="https://github.com/unlock-protocol/password-required-hook#production-networks">deployed on the production networks</a> (and can easily be added to more).</p>
<h2>Example</h2>
<p><a href="https://goerli.etherscan.io/address/0x44Dc120086c34305098c379eB5638Bfc0d31D47a">This lock</a> deployed is deployed on Goerli and uses this password hook. This means you can only purchase a key if you go <a href="https://app.unlock-protocol.com/checkout?redirectUri=https%3A%2F%2Funlock-protocol.com&#x26;paywallConfig=%7B%22locks%22%3A%7B%220x44Dc120086c34305098c379eB5638Bfc0d31D47a%22%3A%7B%22network%22%3A5%7D%7D%2C%22pessimistic%22%3Atrue%2C%22persistentCheckout%22%3Atrue%2C%22icon%22%3A%22https%3A%2F%2Flocksmith.unlock-protocol.com%2Flock%2F0x44Dc120086c34305098c379eB5638Bfc0d31D47a%2Ficon%22%2C%22password%22%3Atrue%7D">through this checkout URL</a> and if you enter the right password: <code>sek3e+-pass30rD</code>. Please try with a bad password first!</p>
<p><img src="/images/blog/password-protected/purchase-password.png" alt="Password Required!"></p>
<h2>Using the hook for your own lock</h2>
<p>Adding a password to your lock requires the use of a hook. Hooks are a very powerful mechanism used to alter the behavior of your lock. Here is a quick guide and you can find a <a href="https://unlock-protocol.com/guides/password-protected-nft-memberships/">longer version in our Guides</a>.</p>
<ol>
<li>First, you need to choose a password, then <a href="https://unlock-protocol.github.io/password-required-hook/">go to this page to generate the corresponding Ethereum address</a>.</li>
</ol>
<p><img src="/images/blog/password-protected/generate-signer.png" alt="Generate Signer!"></p>
<ol start="2">
<li>Then, click on which network your lock has been deployed on (<a href="https://github.com/unlock-protocol/password-required-hook">list here</a>) to go to the block explorer page for the hook and head to <code>Contract</code> > <code>Write Contract</code>. Connect your wallet (you need to be connected as a lock's manager) and click on <code>setSigner</code>. There, enter the lock address and then the wallet address generated in the previous step.</li>
</ol>
<p><img src="/images/blog/password-protected/set-signer.png" alt="Set Signer!"></p>
<ol start="3">
<li>Finally, you need to point your lock to the hook. Using your lock's block explorer page, click on <code>Contract</code> > <code>Write as Proxy</code>. Connect your wallet (you need to be connected as a lock's manager) and look for <code>setEventHooks</code>. In the <code>_onKeyPurchaseHook</code> enter the address of the hook (from the list above), and enter <code>0x0000000000000000000000000000000000000000</code> for all the other hooks (unless of course, you want to use them...).</li>
</ol>
<p><img src="/images/blog/password-protected/set-hooks.png" alt="Set Hooks!"></p>
<ol start="4">
<li><a href="https://docs.unlock-protocol.com/tools/checkout/configuration">Build a Checkout URL</a> and make sure you include the <code>"password": true</code> option in it so that users are prompted for the password when they go through the checkout flow!</li>
</ol>
<h2>Developers</h2>
<p>Even though this hook is “readily” usable, exactly like our “bring your own contract” hooks created a few months ago, we felt that it was a very good example of <a href="https://docs.unlock-protocol.com/tutorials/smart-contracts/hooks/using-on-key-purchase-hook-to-password-protect">how to create hooks for your smart contract</a>. As such, we created a dedicated tutorial that you can refer to see how we created it and use that as an inspiration to create your own hooks!</p>
<p>You can find the code for this <a href="https://github.com/unlock-protocol/password-required-hook">password-protected hook on Github</a> as well as the <a href="https://docs.unlock-protocol.com/tutorials/smart-contracts/hooks/using-on-key-purchase-hook-to-password-protect">tutorial in our docs</a>.</p>



Our Members page is now improved with more specific filters, which makes finding specific memberships much easier.
We have introduced filters that let you find specific memberships by `owner`, `token id`, `check-in time`, `type of expiration`, and `email`.

### Filter selection

![Filter selection](/images/blog/new-filters-members-page/filter-selection.png)

When a filter is selected the user will see an input or a dropdown (with a set of default values) that lets them enter the specific values they are looking for.

![Filter by owner](/images/blog/new-filters-members-page/filter-by-owner.png)

### Filters in detail

#### Owner

This filter refers to the public wallet address. The user will be able to filter by partial (`0x123` to find all addresses that start with `0x123`) text or also with an [ENS domain](https://ens.domains/).

![Filter by owner](/images/blog/new-filters-members-page/filter-by-owner-partial.png)

#### Token id

This filter refers to token id, the user will be able to filter by a specific token id.

![Filter by owner token id](/images/blog/new-filters-members-page/filter-by-token-id.png)

#### Check in time

This filter shows all keys marked as checked in. This is useful for conferences that are trying to list all ticket holders who attended the event.

_Only lock managers are able to see this filter because checked in time is protected data._

![Filter by checked in](/images/blog/new-filters-members-page/filter-checked-in.png)

#### Email

This filter refers to the email address of the key owner if it was [collected during checkout](https://docs.unlock-protocol.com/tools/checkout/collecting-metadata), and gives the ability to search a key by email if present in the metadata.

_Only lock managers are able to see this filter because email is protected data._

![Filter by email](/images/blog/new-filters-members-page/filter-by-email.png)

#### Expiration

This filter refers to expiration status; when active you can choose between 3 default values:

- `ALL` to show all the keys without any distiction
- `EXPIRED` to show all the expired keys
- `ACTIVE` to show all the keys that are still valid

![Filter by expiration](/images/blog/new-filters-members-page/filter-by-expiration.png)

## What if I find an issue or bug in the new filters?

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


Unlock introduces a new set of filters to improve the search experience.

A new way to filter keys in the members page

Members Page Filters

<p>Our Members page is now improved with more specific filters, which makes finding specific memberships much easier.
We have introduced filters that let you find specific memberships by <code>owner</code>, <code>token id</code>, <code>check-in time</code>, <code>type of expiration</code>, and <code>email</code>.</p>
<h3>Filter selection</h3>
<p><img src="/images/blog/new-filters-members-page/filter-selection.png" alt="Filter selection"></p>
<p>When a filter is selected the user will see an input or a dropdown (with a set of default values) that lets them enter the specific values they are looking for.</p>
<p><img src="/images/blog/new-filters-members-page/filter-by-owner.png" alt="Filter by owner"></p>
<h3>Filters in detail</h3>
<h4>Owner</h4>
<p>This filter refers to the public wallet address. The user will be able to filter by partial (<code>0x123</code> to find all addresses that start with <code>0x123</code>) text or also with an <a href="https://ens.domains/">ENS domain</a>.</p>
<p><img src="/images/blog/new-filters-members-page/filter-by-owner-partial.png" alt="Filter by owner"></p>
<h4>Token id</h4>
<p>This filter refers to token id, the user will be able to filter by a specific token id.</p>
<p><img src="/images/blog/new-filters-members-page/filter-by-token-id.png" alt="Filter by owner token id"></p>
<h4>Check in time</h4>
<p>This filter shows all keys marked as checked in. This is useful for conferences that are trying to list all ticket holders who attended the event.</p>
<p><em>Only lock managers are able to see this filter because checked in time is protected data.</em></p>
<p><img src="/images/blog/new-filters-members-page/filter-checked-in.png" alt="Filter by checked in"></p>
<h4>Email</h4>
<p>This filter refers to the email address of the key owner if it was <a href="https://docs.unlock-protocol.com/tools/checkout/collecting-metadata">collected during checkout</a>, and gives the ability to search a key by email if present in the metadata.</p>
<p><em>Only lock managers are able to see this filter because email is protected data.</em></p>
<p><img src="/images/blog/new-filters-members-page/filter-by-email.png" alt="Filter by email"></p>
<h4>Expiration</h4>
<p>This filter refers to expiration status; when active you can choose between 3 default values:</p>
<ul>
<li><code>ALL</code> to show all the keys without any distiction</li>
<li><code>EXPIRED</code> to show all the expired keys</li>
<li><code>ACTIVE</code> to show all the keys that are still valid</li>
</ul>
<p><img src="/images/blog/new-filters-members-page/filter-by-expiration.png" alt="Filter by expiration"></p>
<h2>What if I find an issue or bug in the new filters?</h2>
<p>Please open an issue on Github or tell us in the Discord and we'll fix it ASAP.</p>



After Mainnet, [Gnosis Chain](xdai) (née xDAI), [Polygon](/blog/unlock-on-polygon), [Optimism](/blog/optimism), [Binance](/blog/binance-smart-chain), [Celo](/blog/unlock-celo-launch), we're excited to announce that you can deploy your NFT membership contracts on the [Avalanche](https://avax.network/) C-Chain!

> The Contract Chain is the default smart contract blockchain on Avalanche and enables the creation of any Ethereum-compatible smart contracts. This blockchain is for applications that require total ordering (for faster asset transfers or any other commutative application, use the Exchange Chain). The Contract Chain implements the Snowman consensus protocol.

![avalanche C-Chain](/images/blog/avalanche/avalanche-logo.svg)

Of course, to do that, you first need to have a few Avax tokens on your wallet. You can [bridge any Ethereum token](https://bridge.avax.network/) to Avalanche and you will receive a 0.1 Avax airdrop if you bridge more than $75 worth of value.

On Avalanche you can deploy NFT contracts using the [Unlock Dashboard](https://app.unlock-protocol.com/dashboard), or using libraries, like on any of our supported contracts and of course, you can also easily purchase memberships with your wallet, using our new checkout flow! For example, you can [purchase a membership to the first Avax lock by following this link](https://app.unlock-protocol.com/checkout?redirectUri=https%3A%2F%2Funlock-protocol.com%2Fblog%2Favalanche&paywallConfig=%7B%22locks%22%3A%7B%220x1354f2bb861A9E7ED9cC985a8c449FA363E981b4%22%3A%7B%22network%22%3A43114%7D%7D%2C%22pessimistic%22%3Atrue%2C%22persistentCheckout%22%3Atrue%2C%22icon%22%3A%22https%3A%2F%2Fstaging-locksmith.unlock-protocol.com%2Flock%2F0x1354f2bb861A9E7ED9cC985a8c449FA363E981b4%2Ficon%22%7D).

Our ambition is to deploy Unlock, the protocol for memberships on any EVM network. We're also working on a solution to provide a perfectly smooth cross-chain experience where users can acquire a membership from a contract deployed on a network by sending a membership from _another_ network!


We are continuing our expansion across all the EVM ecosystem. The Unlock Protocol can be used to deploy NFT membership contracts on Avalanche's C Chain.

Unlock is now available on the Avalanch network.

Avalanche

<p>After Mainnet, <a href="xdai">Gnosis Chain</a> (née xDAI), <a href="/blog/unlock-on-polygon">Polygon</a>, <a href="/blog/optimism">Optimism</a>, <a href="/blog/binance-smart-chain">Binance</a>, <a href="/blog/unlock-celo-launch">Celo</a>, we're excited to announce that you can deploy your NFT membership contracts on the <a href="https://avax.network/">Avalanche</a> C-Chain!</p>
<blockquote>
<p>The Contract Chain is the default smart contract blockchain on Avalanche and enables the creation of any Ethereum-compatible smart contracts. This blockchain is for applications that require total ordering (for faster asset transfers or any other commutative application, use the Exchange Chain). The Contract Chain implements the Snowman consensus protocol.</p>
</blockquote>
<p><img src="/images/blog/avalanche/avalanche-logo.svg" alt="avalanche C-Chain"></p>
<p>Of course, to do that, you first need to have a few Avax tokens on your wallet. You can <a href="https://bridge.avax.network/">bridge any Ethereum token</a> to Avalanche and you will receive a 0.1 Avax airdrop if you bridge more than $75 worth of value.</p>
<p>On Avalanche you can deploy NFT contracts using the <a href="https://app.unlock-protocol.com/dashboard">Unlock Dashboard</a>, or using libraries, like on any of our supported contracts and of course, you can also easily purchase memberships with your wallet, using our new checkout flow! For example, you can <a href="https://app.unlock-protocol.com/checkout?redirectUri=https%3A%2F%2Funlock-protocol.com%2Fblog%2Favalanche&#x26;paywallConfig=%7B%22locks%22%3A%7B%220x1354f2bb861A9E7ED9cC985a8c449FA363E981b4%22%3A%7B%22network%22%3A43114%7D%7D%2C%22pessimistic%22%3Atrue%2C%22persistentCheckout%22%3Atrue%2C%22icon%22%3A%22https%3A%2F%2Fstaging-locksmith.unlock-protocol.com%2Flock%2F0x1354f2bb861A9E7ED9cC985a8c449FA363E981b4%2Ficon%22%7D">purchase a membership to the first Avax lock by following this link</a>.</p>
<p>Our ambition is to deploy Unlock, the protocol for memberships on any EVM network. We're also working on a solution to provide a perfectly smooth cross-chain experience where users can acquire a membership from a contract deployed on a network by sending a membership from <em>another</em> network!</p>



Currently, one of the most notable opportunities in web3 is to [improve and simplify the user experience](https://builtin.com/design-ux/web3-design). With that goal in mind, Unlock has completely redesigned the Unlock checkout experience based on extensive user testing and feedback.

Here is what the new Unlock checkout experience looks like.

![Checkout](/images/blog/redesigned-checkout/checkout.gif)

Let's go into the details, step-by-step.

### Lock selection

Memberships are now grouped by network and provide information about the networks to users. This educates users about the network and makes it easier for creators to sell memberships on multiple networks with different benefits.

![lock selection on checkout](/images/blog/redesigned-checkout/checkout.png)

### Quantity selection

Purchasers can choose to purchase multiple memberships. If creator has enabled `maxRecipients` or `minRecipients` in the paywall config, we will prompt user to select quantity. By default, we skip the quantity selection since most users only want to buy or unlock content for themselves.

![quantity selection on checkout](/images/blog/redesigned-checkout/checkout-quantity.png)

### Recipient and metadata collection

The recipient field is now populated based on the quantity indicated in the prior step. Purchasers can add recipient addresses and fill out metadata information for each recipient. Addtionally, we've added additional validation checks to ensure a user cannot buy more memberships than allowed by the lock owner.

![metadata and recipients on checkout](/images/blog/redesigned-checkout/checkout-recipients.png)

### Payment using credit cards and other payment types

We've made it easier to choose from multiple payment options.

![payment selection on checkout](/images/blog/redesigned-checkout/checkout-payment.png)

Similarly, we've made it easier to pick and change credit cards using the checkout.

![card selection on checkout](/images/blog/redesigned-checkout/checkout-card.png)

We've added the support for Superfluid and claim which allow creators to drop claimable memberships to users for free. We will automatically show users different payment options based on what creators enabled on the checkout.

### Confirmation

Our new confirmation page shows the purchaser how many memberships they are buying, what the total amount is, and how many times a membership will be renewed if it's a [recurring membership](https://unlock-protocol.com/blog/recurring-subscription-nft). Trust and communication are key elements of user experience, and we want to reduce the chance of surprises at checkout time.

![confirmation on checkout](/images/blog/redesigned-checkout/checkout-confirm.png)

### Minting

We have some cool minting animations to show off while transactions are confirmed on the chain. In most cases, minting will be instant but if not, there is something to look forward to.

![Minting finished](/images/blog/redesigned-checkout/checkout-finished.png)

### Using an Unlock Account

We've tried to make it easier for purchasers who are using credit cards or who are not crypto-savvy to use an [Unlock Account](https://docs.unlock-protocol.com/basics/new-to-unlock/unlock-accounts). Users can choose to login or checkout using an Unlock Account with an email and password, similar to a traditional login experience as an alternative to using a crypto wallet.

![signing using unlock account](/images/blog/redesigned-checkout/unlock-account.gif)

## Sign in with Ethereum

We've updated our Sign in with Ethereum integration to match our new design.

![Sign in with ethereum](/images/blog/redesigned-checkout/sign-in-with-ethereum.gif)

## Paywall configuration

We've not made any breaking changes as part of the redesign effort. However, we now ignore most of the call action fields which were used to display different texts on the checkout. After listening to user feedback, we realized it was often not helpful and confused them due to the amount of information conveyed.

We might bring some of these back in different shape if there is demand but for now, they will be ignored.

You can find more about them inside the [paywall configuration documentation](https://docs.unlock-protocol.com/tools/paywall/configuring-checkout).

## Unlock's new checkout experience is backward-compatible

In addition, we have introduced a new path — `/legacy/checkout` — for sites, creators and developers who would like to stay on the existing checkout experience at the current time. Please note that this `legacy` path will not be maintained going forward, so to ensure you're using the latest and greatest checkout experience, please do make plans to migrate to the primary checkout experience in the near future if you have any projects using this legacy checkout experience path. We will deprecate it by the end of the year and remove it.

If you are using our paywall script in your apps, append `?legacy=true` to the paywall URL you are loading to use the legacy checkout.

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

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


Unlock launches a completely redesigned checkout experience.

Unlock launches a completely redesigned checkout experience

Unlock Protocol's Brand New Checkout Experience

<p>Currently, one of the most notable opportunities in web3 is to <a href="https://builtin.com/design-ux/web3-design">improve and simplify the user experience</a>. With that goal in mind, Unlock has completely redesigned the Unlock checkout experience based on extensive user testing and feedback.</p>
<p>Here is what the new Unlock checkout experience looks like.</p>
<p><img src="/images/blog/redesigned-checkout/checkout.gif" alt="Checkout"></p>
<p>Let's go into the details, step-by-step.</p>
<h3>Lock selection</h3>
<p>Memberships are now grouped by network and provide information about the networks to users. This educates users about the network and makes it easier for creators to sell memberships on multiple networks with different benefits.</p>
<p><img src="/images/blog/redesigned-checkout/checkout.png" alt="lock selection on checkout"></p>
<h3>Quantity selection</h3>
<p>Purchasers can choose to purchase multiple memberships. If creator has enabled <code>maxRecipients</code> or <code>minRecipients</code> in the paywall config, we will prompt user to select quantity. By default, we skip the quantity selection since most users only want to buy or unlock content for themselves.</p>
<p><img src="/images/blog/redesigned-checkout/checkout-quantity.png" alt="quantity selection on checkout"></p>
<h3>Recipient and metadata collection</h3>
<p>The recipient field is now populated based on the quantity indicated in the prior step. Purchasers can add recipient addresses and fill out metadata information for each recipient. Addtionally, we've added additional validation checks to ensure a user cannot buy more memberships than allowed by the lock owner.</p>
<p><img src="/images/blog/redesigned-checkout/checkout-recipients.png" alt="metadata and recipients on checkout"></p>
<h3>Payment using credit cards and other payment types</h3>
<p>We've made it easier to choose from multiple payment options.</p>
<p><img src="/images/blog/redesigned-checkout/checkout-payment.png" alt="payment selection on checkout"></p>
<p>Similarly, we've made it easier to pick and change credit cards using the checkout.</p>
<p><img src="/images/blog/redesigned-checkout/checkout-card.png" alt="card selection on checkout"></p>
<p>We've added the support for Superfluid and claim which allow creators to drop claimable memberships to users for free. We will automatically show users different payment options based on what creators enabled on the checkout.</p>
<h3>Confirmation</h3>
<p>Our new confirmation page shows the purchaser how many memberships they are buying, what the total amount is, and how many times a membership will be renewed if it's a <a href="https://unlock-protocol.com/blog/recurring-subscription-nft">recurring membership</a>. Trust and communication are key elements of user experience, and we want to reduce the chance of surprises at checkout time.</p>
<p><img src="/images/blog/redesigned-checkout/checkout-confirm.png" alt="confirmation on checkout"></p>
<h3>Minting</h3>
<p>We have some cool minting animations to show off while transactions are confirmed on the chain. In most cases, minting will be instant but if not, there is something to look forward to.</p>
<p><img src="/images/blog/redesigned-checkout/checkout-finished.png" alt="Minting finished"></p>
<h3>Using an Unlock Account</h3>
<p>We've tried to make it easier for purchasers who are using credit cards or who are not crypto-savvy to use an <a href="https://docs.unlock-protocol.com/basics/new-to-unlock/unlock-accounts">Unlock Account</a>. Users can choose to login or checkout using an Unlock Account with an email and password, similar to a traditional login experience as an alternative to using a crypto wallet.</p>
<p><img src="/images/blog/redesigned-checkout/unlock-account.gif" alt="signing using unlock account"></p>
<h2>Sign in with Ethereum</h2>
<p>We've updated our Sign in with Ethereum integration to match our new design.</p>
<p><img src="/images/blog/redesigned-checkout/sign-in-with-ethereum.gif" alt="Sign in with ethereum"></p>
<h2>Paywall configuration</h2>
<p>We've not made any breaking changes as part of the redesign effort. However, we now ignore most of the call action fields which were used to display different texts on the checkout. After listening to user feedback, we realized it was often not helpful and confused them due to the amount of information conveyed.</p>
<p>We might bring some of these back in different shape if there is demand but for now, they will be ignored.</p>
<p>You can find more about them inside the <a href="https://docs.unlock-protocol.com/tools/paywall/configuring-checkout">paywall configuration documentation</a>.</p>
<h2>Unlock's new checkout experience is backward-compatible</h2>
<p>In addition, we have introduced a new path — <code>/legacy/checkout</code> — for sites, creators and developers who would like to stay on the existing checkout experience at the current time. Please note that this <code>legacy</code> path will not be maintained going forward, so to ensure you're using the latest and greatest checkout experience, please do make plans to migrate to the primary checkout experience in the near future if you have any projects using this legacy checkout experience path. We will deprecate it by the end of the year and remove it.</p>
<p>If you are using our paywall script in your apps, append <code>?legacy=true</code> to the paywall URL you are loading to use the legacy checkout.</p>
<h2>What if I find an issue or bug in the new checkout?</h2>
<p>Please open an issue on Github or tell us in the Discord and we'll fix it ASAP.</p>
