Shopify Web3 ログイン アプリケーションを構成するためのステップバイステップ ガイド

前提条件: Shopify Web3 ログイン アプリケーション

設定するには Web3メタマスクウォレットを使用したShopifyへのSSO、をインストールする必要があります miniOrange Shopify Web3 ログインとトークン ゲーティング あなたのストアでのアプリケーション:

Shopify Web3 ログインとトークンベースの制限アプリケーションを構成するためのステップバイステップ ガイド

ロックとは、Shopify ストア上のロックされたコンテンツへのユーザーのアクセスを制限することを意味します。

ロック基準

基準に基づいて、ユーザーがコンテンツにアクセスするにはログインする必要がある、ユーザーがコンテンツにアクセスするには特定の顧客タグが必要である、ユーザーがコンテンツにアクセスするにはパスコードを持っている必要がある、ユーザーがコンテンツにアクセスするための特定の場所。

ステップ 1: Shopify ストアにアプリケーションをインストールします。

• クリック こちら たす Shopify Web3 ログイン Shopify ストア上のアプリケーション。

ステップ 2: メタマスクウォレットを使用してログインするにはどうすればよいですか?

• アプリケーションが正常にインストールされると、アプリケーションのダッシュボードを表示できるようになります。 有効にする 店頭にログインウィジェットを表示する 以下の図に示すようにオプションを選択します。

• セットアップボタンをクリックすると、セットアップが開始されます テーマのプレビューボタン 次に、以下に示すようにログイン ウィジェットのスタイルを管理します。 有効にする Web3 ログイン ウィジェット 、次にをクリックしてください Save 右上隅のボタン

• アカウント設定ページに移動する Shopify ストアのログインページ。 をご覧いただけます。 クリプトウォレットでログイン

• Shopify ストアでメタマスクを使用したログインを有効にするには、ブラウザにメタマスク拡張機能を追加する必要があります。 クロムを使用している場合 こちらをクリックしてください メタマスク拡張を追加します。
• 「メタマスクでログイン」ボタンをクリックすると、署名リクエストを確認するためのポップアップが表示されます。 資格情報を入力し、メタマスク ウォレットにログインします。

• Shopify ストアに正常にログインします。

ステップ 3 : ストア上でトークン ゲーティングを有効にする

• アプリケーションのダッシュボードに移動して有効にします 製品に対するトークンゲーティング 以下の図に示すようにオプションを選択します。

• ストアがパスワードで保護されている場合は、以下に示すように、storefront_digest Cookie の値を追加してください。 参照する この Storefront_digest Cookie を取得するためのガイド。

• さあ、 トークンゲーティング 左側のナビゲーション バーのセクション。
• セットアップボタンをクリックすると、セットアップが開始されます ロックを開始する ボタン。 上部のナビゲーションバーの「新しいロック」セクションにリダイレクトされます。

ステップ 4 : ロックを作成するコンテンツのタイプを選択します。

• このテンプレートにロックを作成する場合は、テンプレートを選択し、下の画像に示すようにボタンを有効にします。
• Products にロックを作成するとします。 次に、「有効にする」をクリックして製品のロックを作成します。
• 複数のアイテムを選択して含めることができます ロックされるコンテンツ。 ボタンを有効にしてそれぞれのテンプレートのコンテンツを選択するだけで、複数のテンプレートからコンテンツを選択することもできます。

• ロックしたいコンテンツを選択した後、 をクリックします。 ロックの作成

ステップ 5 : キャンペーンのトークンを追加する

コンテンツは ロック解除 ユーザーが以下の追加トークンのいずれかを持っている場合のみ。

• セットアップボタンをクリックすると、セットアップが開始されます 新しいトークンを追加する

• トークンのコントラクトアドレスを追加します。 契約住所セクション 要件に応じて条件を選択します。
• ソフトウェアの制限をクリック トークンを追加

ステップ 6 : 許可または制限

• するかどうかを選択します 制限する or 許す 顧客がロック基準を満たしている場合、コンテンツにアクセスできます。

ステップ 7 : ロックするにはどうすればよいですか?

• 上で定義したロック基準に失敗したユーザーに対するロックされたページの動作を定義できます。
  • ログインURLへリダイレクト
  • ストアページにリダイレクト
  • カスタムHTMLコード
  • 別の URL にリダイレクトします

• 保存をクリックします。
• ダッシュボードで作成したすべてのロックのリストを確認できます。 ダッシュボードからロックの有効化、無効化、ロックの編集、ロックの削除を行うことができます。

ステップ 8 : トークン ゲート拡張機能を有効にする

• セットアップボタンをクリックすると、セットアップが開始されます テーマで有効にしてプレビューする ボタンをクリックして有効にします テーマアプリの拡張機能.

• 有効にします トークンゲーティング ブロックして必ずクリックしてください Save 以下に示すように、右上隅にあります。