Zapytaj, skąd klienci dowiedzieli się o Twoim sklepie

Uwaga

Klasyczne szablony nie są dostępne w Theme Store. Te szablony nie mają funkcji zawartych w szablonach Online Store 2.0, a darmowe klasyczne szablony Shopify nie są aktualizowane z wyjątkiem poprawek bezpieczeństwa.

Uwaga

Jeśli używasz darmowego szablonu z Shopify, możesz skontaktować się z Pomocą techniczną Shopify, aby uzyskać pomoc w związku z tym tutorialem. Czas projektowania wynosi 15 minut. Dowiedz się więcej o Polityce projektowania Shopify.

Uwaga

To dostosowanie jest przeznaczone dla klasycznych szablonów Shopify i nie ma zastosowania do szablonów Online Store 2.0.

• Dowiedz się, jaka jest wersja architektury Twojego szablonu
• Przeglądaj dostosowania szablonu Online Store 2.0

Możesz zapytać swoich klientów, skąd dowiedzieli się o Twoim sklepie, dodając pole formularza Skąd się o nas dowiedziałeś(-aś)? do strony koszyka.

Uwaga

To dostosowanie nie będzie działało w przypadku koszyków w stylu szuflady lub wyskakującego okienka, a jedynie dla strony koszyka (adres URL: your-store.com/cart). Jeśli używasz koszyka w stylu szuflady lub wyskakującego okienka, musisz zmienić styl koszyka na Stronę w edytorze szablonów. Dodaj produkt do koszyka w podglądzie szablonu, a następnie kliknij kartę Strona koszyka w edytorze szablonów, aby wyświetlić ustawienia swojego koszyka.

Utwórz pole formularza „Skąd się o nas dowiedziałeś(-aś)?”

Dodaj fragment kodu do strony koszyka

Aby dołączyć fragment kodu Skąd się o nas dowiedziałeś(-aś)? na stronie koszyka:

1. W katalogu Sekcje kliknij cart-template.liquid. Jeśli Twój szablon nie zawiera cart-template.liquid, kliknij cart.liquid w katalogu Szablony.

2. Znajdź tag zamykający </form> w kodzie. W nowej linii nad tagiem zamykającym </form> wklej następujący kod:

{% render 'hear-about-us' %}

1. Kliknij opcję Zapisz.

Dodaj ustawienia szablonu dla konfiguracji

1. W katalogu Konfiguracja kliknij settings_schema.json.

2. Znajdź pierwszy nawias zamykający }, w kodzie. W nowej linii poniżej nawiasu zamykającego },wklej następujący kod:

{
"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. Kliknij opcję Zapisz.

Ustaw pole formularza jako wymagane

Aby uniemożliwić klientom przejście do realizacji zakupu bez wybrania opcji w polu formularza Skąd się o nas dowiedziałeś(-aś)?, możesz ustawić to pole jako wymagane.

1. W katalogu Sekcje kliknij cart-template.liquid. Jeśli Twój szablon nie zawiera cart-template.liquid, kliknij cart.liquid w katalogu Szablony.

2. Znajdź następujący atrybut novalidate w kodzie formularza koszyka:

novalidate

1. Zastąp atrybut novalidate następującym kodem:

{% unless settings.hau_form_validation %}novalidate{% endunless %}

1. Kliknij opcję Zapisz.

2. W edytorze szablonów kliknij Ustawienia szablonu na pasku bocznym.

3. Kliknij kartę Dowiedz się o nas.

4. W sekcji Walidacja formularza upewnij się, że włączone jest ustawienie Włącz walidację formularza.

Uwaga

Możesz dostosować wyświetlane komunikaty o błędach, modyfikując ustawienia pola tekstowego Komunikat o błędzie i Komunikat o błędzie innego pola. Możesz także dostosować kolor błędu, zmieniając ustawienie koloru w obszarze Wygląd błędu.

Ustaw opcje

Aby dostosować opcje w rozwijanym menu Skąd się o nas dowiedziałeś(-aś)?, możesz edytować opcje za pomocą ustawień szablonu w edytorze szablonów.

1. W edytorze szablonów kliknij Ustawienia szablonu.

2. Kliknij kartę Dowiedz się o nas.

3. W sekcji Opcje formularza dodaj lub usuń opcje oddzielone przecinkami.

4. Kliknij opcję Zapisz.

Uwaga

Nie dodawaj opcji Inne, ponieważ zostanie ona dodana automatycznie.

Najczęściej zadawane pytania

Gdzie będę widzieć zarejestrowane dane?

Odpowiedź zobaczysz w panelu administracyjnym w sekcji Dodatkowe szczegóły zamówienia:

Jeśli odpowiedź nie jest dostępna na liście, czy klient może coś wpisać?

Tak, może. Gdy klient wybierze opcję Inne, pole tekstowe, w którym może wpisać odpowiedź, pojawi się pod rozwijanym menu.

Czy mogę wyświetlić odpowiedź w e-mailach z powiadomieniem o nowym zamówieniu?

Tak. Aby wyświetlać odpowiedzi klientów w e-mailach z powiadomieniami o nowych zamówieniach:

1. Przejdź do strony powiadomień w panelu administracyjnym i dodaj następujący kod do szablonu e-maila nowego zamówienia:

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. Kliknij opcję Zapisz.