這篇文章里將教導商家如何透過編輯原始碼去自行設定會員註冊賬號頁面裡的欄位,讓顧客在註冊會員的時候填寫相關資料。

1)首先,您可以前往:後台》品牌官網》佈景主題》編輯原始碼》customers/register.liquid

2)在大約25行左右,您會看到Last Name這串原始碼


3)複製以下的原始碼在最後一個<div>(約27行)的下面

例子:

a) 添加讓顧客輸入“血型” 欄目:

<select name="customer[note][血型]">
<option value disabled selected>血型</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="AB">AB</option>
<option value="O">O</option>
</select>

b) 添加讓顧客輸入“職業” 欄目:


<input type="text" name="customer[note][職業]" placeholder="職業">

💡 這邊的【血型】及【職業】,商家可以自行更改為其他想讓顧客填寫的欄目名稱。

4)您可以自行定義此欄目為【填寫方式】或【選單方式】為顧客的輸入選項。

- 若您想要設置的是 下滑選單,您可以使用 血型 的那個原始碼,繼續複製粘貼,然後把裡面的option更改為您想要的選項內容 (例如:A型,B型等)即可。

- 若您想讓客戶自由 輸入文字 的欄目,您可以參考 職業 的那一行原始碼,複製粘貼並更改欄目名稱字眼“職業” 成您想要的欄目名稱即可。

完成後,會出現以下畫面:

5)以上的步驟呈現的方式是直向性的,若您想要變成一列兩欄,就可以複製下面的原始碼:

例子:

  • 添加讓顧客輸入“血型” 與 “職業” 欄目:

<div class="grid">
<div class="grid__item one-half">
<select name="customer[note][血型]">
<option value disabled selected>血型</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="AB">AB</option>
<option value="O">O</option>
</select>

</div>
<div class="grid__item one-half">
<input type="text" name="customer[note][職業]" placeholder="職業">
</div>
</div>


6)之後,您會在【客戶管理】頁面裡面的右側看到這項欄目收集到的資料。

Did this answer your question?