お客様にどのようにしてストアを知ったのかを尋ねる

当店をどのように知りましたか?」フォームフィールドをカートページに追加することで、お客様にはストアをどのようにして知ったのかを尋ねることができます。

当店をどのように知りましたか

「当店をどのように知りましたか?」フォームフィールドを作成する

カートページにスニペットを追加する

カートページに「当店をどのように知りましたか?」スニペットを含めるには、次の手順を実行します。

  1. [セクション] ディレクトリで、[cart-template.liquid] をクリックします。テーマに [cart-template.liquid] がない場合は、[テンプレート] ディレクトリの [cart.liquid] をクリックします。

  2. コードで</form>終了タグを探します</form>終了タグの上の新しい行に、次のコードを貼り付けます。

{% render 'hear-about-us' %}
  1. [保存] をクリックします。

構成のテーマ設定を追加する

  1. [コンフィグ] ディレクトリーで、[settings_schema.json] をクリックします。

  2. コードで最初の閉じ中かっこ「},」を探します。閉じ中かっこ「},」の下の新しい行に、次のコードを貼り付けます。

{
"name": "Hear About Us",
"settings": [
    {
        "type": "text",
        "id": "hau_form_options",
        "label": "Form options",
        "default": "Facebook, Twitter, Google, Instagram, Youtube",
        "info": "Separate each option with a comma"
    },
    {
        "type": "header",
        "content": "Form validation"
    },
    {
        "type": "checkbox",
        "id": "hau_form_validation",
        "label": "Enable form validation",
        "default": true
    },
    {
        "type": "text",
        "id": "hau_error_message",
        "label": "Error message",
        "info": "The error message that is displayed when no selection is made",
        "default": "Please select an option below"
    },
    {
        "type": "text",
        "id": "hau_error_message_other",
        "label": "Other field error message",
        "info": "The error message that is displayed when there is no input in the 'Other' field",
        "default": "Please fill the text field below"
    },
    {
        "type": "header",
        "content": "Error styling"
    },
    {
        "type": "color",
        "id": "hau_error_color",
        "label": "Color",
        "default": "#ff0000"
    }
]
},
  1. [保存] をクリックします。

フォームフィールドを必須にする

お客様が「当店をどのように知りましたか?」フォームフィールドで、オプションを選択せずにチェックアウトに進んでしまうことを防ぐために、このフィールドを必須にすることができます。

  1. [セクション] ディレクトリで、[cart-template.liquid] をクリックします。テーマに [cart-template.liquid] がない場合は、[テンプレート] ディレクトリの [cart.liquid] をクリックします。

  2. カートフォームコードで、次のnovalidate属性を探します

novalidate
  1. novalidate属性を次のコードに置き換えます。
{% unless settings.hau_form_validation %}novalidate{% endunless %}
  1. [保存] をクリックします。

  2. テーマエディタで、サイドバーの [テーマ設定] をクリックします。

  3. [当店について知る] タブをクリックします。

  4. [フォーム検証] で、[フォーム検証を有効にする] の設定が有効になっていることを確認します。

オプションを設定する

[当店をどのように知りましたか?] ドロップダウンメニューのオプションをカスタマイズするには、テーマエディタ内のテーマ設定を使用して、オプションを編集することができます。

  1. テーマエディタで、[テーマ設定] をクリックします。

  2. [当店について知る] タブをクリックします。

  3. [フォームオプション] で、オプションをカンマで区切って追加または削除します。

  4. [保存] をクリックします。

よくある質問

回収されたデータはどこに表示されますか?

管理画面の注文の [追加詳細] セクションに、回答が表示されます。

注文の追加詳細セクション

リストされたオプションに当てはまる回答がない場合、お客様は何か入力できますか?

はい、入力できます。お客様が [その他] を選択すると、回答を入力できるテキストボックスがドロップダウンメニューの下に表示されます。

新しい注文通知メールに回答を表示できますか?

はい。新しい注文通知メールにお客様の回答を表示するには、次の操作を実行します。

  1. 管理画面の [通知ページ] に移動し、[新しい注文] メールテンプレートに次のコードを追加します。
This customer heard about us through {% if attributes.how-did-you-hear-about-us-other == blank %}{{ attributes.how-did-you-hear-about-us }}{% else %}{{ attributes.how-did-you-hear-about-us-other }}{% endif %}.
  1. [保存] をクリックします。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す