FROM CACHE - jp_header

アカウント作成で任意の項目を追加したい。

ogayuu
新規メンバー
8 0 0

アカウント作成のページを編集しています。

元々「姓」、「名」、「メールアドレス」の項目がありましたが、

住所や電話番号などを追加予定です。

customers/register.liquidを編集することでアカウント登録画面に項目の追加はできたのですが、

実際に入力して登録するとShopifyの顧客管理を見ても追加分の項目は追加されておらず、

csvで出力しても内容が反映されていません。

元の名前取得コードは下記です

<label for="LastName" class="label--hidden">{{ 'customer.register.last_name' | t }}</label>
<input type="text" name="customer[last_name]" id="LastName" placeholder="{{ 'customer.register.last_name' | t }}"
{% if form.last_name %}value="{{ form.last_name }}" {% endif %} autocapitalize="words">

<label for="FirstName" class="label--hidden">{{ 'customer.register.first_name' | t }}</label>
<input type="text" name="customer[first_name]" id="FirstName" placeholder="{{ 'customer.register.first_name' | t }}"
{% if form.first_name %}value="{{ form.first_name }}" {% endif %} autocapitalize="words" autofocus>

 

下記は追加分の一部です

<!-- 電話番号の取得 -->
<label for="Phone" class="label--hidden">{{ 'customer.register.phone' | t }}</label>
<input type="text" name="customer[phone]" id="Phone"
class="{% if form.errors contains 'email' %} input--error{% endif %}"
placeholder="電話番号" {% if form.phone %} value="{{ form.phone }}" {% endif %}
autocorrect="off" autocapitalize="off">
<!--//End 電話番号の取得 -->

 

コード作成は初心者となります。

しかし、別途アプリを使用するのではなくコードで解決をしたいです。

すみませんがご教授お願いいたします。

3件の返信3

Propero
Shopify Partner
895 101 160

@ogayuu  san,

これを成し遂げたいなら、私がお手伝いします

lokendra@propero.in 

- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze

Toru
Shopify Partner
4 0 1
<label for="phone">電話番号</label>
<input type="text" id="phone" name="customer[note][phone]" placeholder="090-xxxx-yyyy">

 

例えば上記のようなHTMLをform内に記述すると、ユーザー登録がされた際にnote配下の情報も登録されます。

顧客登録がされると、顧客管理ページの「お客様のメモ」のところに、入力された内容がキー別に表示されるはずです。

junichiokamura
Community Manager
1200 280 506

上記の方がお答えいただいている内容で、動作するかと思いますが、以下のブログの「テーマを使ったストアフロントの編集」の、「顧客(会員)情報への独自項目の追加」というリンクに詳細が乗っていますので、ご確認ください。

https://www.shopify.jp/blog/partner-shopify-app-development

Senior Partner Solutions Engineer