COME VISIT US!

Shopify

Shopifyで会員限定サイトを作る方法!

Shopifyで会員限定サイトを作る方法

Shopifyでは会員のみが閲覧、買い物が出来る完全会員制のECサイトも簡単に作る事ができます。

今回はサイトのフロントが会員登録・ログインフォームになるよう、アクセスした際に会員登録ページにリダイレクトさせる方法を紹介いたします。
※ストアの表示、動作に関わるコードを触りますので、作業は自己責任で行って下さい。

1.カスタマーアカウントを有効にする

管理画面にログイン後、「設定」>「チェックアウト画面」をクリック。

「アカウント作成を必要にする」を選択し「保存」ボタンをクリック。

2.liquidコードを追加する

1.管理画面から「オンラインストア」>「テーマ」をクリック。

2.編集するテーマを見つけて、「アクション」>「コードを編集 」をクリック。

3.「Layout」ディレクトリ内の「theme.liquid」を選択。

4.コード内の<head>タグの下に以下のコードを貼り付けます。

{% unless customer %}
{% if template contains ‘customers’ %}
{% assign send_to_login = false %}
{% else %}
{% assign send_to_login = true %}
{% endif %}
{% endunless %}
{% if send_to_login %}
<meta content=”0; url=/account/login?checkout_url=/” http-equiv=”refresh” />
{% else %}

5.</body>タグの下に以下のコードを貼り付けます。

{% endif %}

6.保存をクリックします。

以上でリダイレクトの設定完了です。
※テーマによってはログイン画面(https://xxx.myshopify.com/account/login)にログインフォームと会員登録フォームが含まれているスタイルの物もあります。ファーストビューでログインと会員登録どちらのフォームも表示させたい場合は対応したテーマを探すか開発が必要になります。


GO RIDEではShopifyでECサイト制作・運用を行っております。
是非お気軽にお問い合わせください。
お問い合わせ・取材依頼はこちらから

Shopify
14日間無料トライアルのShopifyストア開設はこちらから!
GO RIDE Shopify Expert
Sign Up! GO RIDE NEWS

Join our news letter

Shopify、Eコマース、越境ビジネス、などの最新情報をいち早くお届け!
GO RIDE NEWS は、Shopify Expert の GO RIDE が運営しています。

ニュースレターへのサインアップはこちらから。

Join GO RIDE Newsletter

Sign up free to get e-commerce trends!
Eコマース・越境ビジネス等の最新情報をお届けします。

Newsletter Language/ニュースレターの言語