Tìm hiểu xem vì sao khách hàng biết về cửa hàng

Bạn có thể hỏi vì sao khách hàng biết về cửa hàng bằng cách thêm trường biểu mẫu Bạn biết về chúng tôi nhờ đâu? vào trang giỏ hàng.

Bạn biết về chúng tôi nhờ đâu

Tạo trường biểu mẫu "Bạn biết về chúng tôi nhờ đâu?"

Thêm đoạn mã vào trang giỏ hàng

Để thêm đoạn mã Bạn biết đến chúng tôi qua đâu? vào trang giỏ hàng:

  1. Trong thư mục Mục, nhấp vào cart-template.liquid. Nếu chủ đề của bạn không có cart-template.liquid, hãy nhấp vào cart.liquid trong thư mục Mẫu.

  2. Tìm thẻ có kết thúc là </form> trong mã. Dán mã sau vào dòng mới nằm phía trên thẻ có kết thúc là </form>:

{% render 'hear-about-us' %}
  1. Nhấp vào Save (Lưu).

Thêm cài đặt chủ đề cho cấu hình

  1. Trong thư mục Cấu hình, nhấp vào settings_schema.json.

  2. Tìm dấu ngoặc nhọn đóng đầu tiên }, trong mã. Trên dòng mới bên dưới dấu ngoặc nhọn đóng },, dán mã sau:

{
"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. Nhấp vào Save (Lưu).

Đặt trường biểu mẫu thành bắt buộc

Để tránh trường hợp khách hàng tiếp tục đến bước thanh toán mà không chọn một tùy chọn trong trường biểu mẫu Bạn biết đến chúng tôi qua đâu?, bạn có thể đặt trường này thành bắt buộc.

  1. Trong thư mục Mục, nhấp vào cart-template.liquid. Nếu chủ đề của bạn không có cart-template.liquid, hãy nhấp vào cart.liquid trong thư mục Mẫu.

  2. Tìm thuộc tính novalidate sau trong mã biểu mẫu giỏ hàng:

novalidate
  1. Thay thuộc tính novalidate bằng mã sau:
{% unless settings.hau_form_validation %}novalidate{% endunless %}
  1. Nhấp vào Save (Lưu).

  2. Trong trình biên tập chủ đề, nhấp vào Cài đặt chủ đề trên thanh bên.

  3. Nhấp vào tab Biết đến chúng tôi.

  4. Trong phần Xác thực biểu mẫu, đảm bảo đã bật cài đặt Bật xác thực biểu mẫu.

Đặt tùy chọn

Để tùy chỉnh các tùy chọn trong menu thả xuống Bạn biết đến chúng tôi qua đâu?, bạn có thể chỉnh sửa tùy chọn bằng cài đặt chủ đề trong trình biên tập chủ đề.

  1. Trong trình biên tập chủ đề, nhấp vào Cài đặt chủ đề.

  2. Nhấp vào tab Biết đến chúng tôi.

  3. Trong tùy chọn Biểu mẫu, thêm hoặc xóa tùy chọn và phân tách các tùy chọn bằng dấu phẩy.

  4. Nhấp vào Save (Lưu).

Câu hỏi thường gặp

Tôi sẽ nhìn thấy dữ liệu được thu thập ở đâu?

Bạn sẽ thấy câu trả lời trong trang quản trị, trong mục Chi tiết bổ sung của đơn hàng:

Mục chi tiết bổ sung của đơn hàng

Nếu tùy chọn được liệt kê không phải là câu trả lời, khách hàng có thể nhập câu trả lời khác không?

Có thể. Khi khách hàng chọn mục Khác, một hộp văn bản sẽ xuất hiện bên dưới menu thả xuống để khách nhập câu trả lời.

Tôi có thể hiển thị câu trả lời trong email thông báo về Đơn hàng mới không?

Có. Để hiển thị phản hồi của khách hàng trong email thông báo về Đơn hàng mới:

  1. Mở trang Thông báo trong trang quản trị và thêm mã sau vào mẫu email Đơn hàng mới:
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. Nhấp vào Save (Lưu).

Bạn đã sẵn sàng bán hàng với Shopify?

Dùng thử miễn phí