Fråga hur kunderna hörde talas om din butik

Du kan fråga dina kunder hur de hörde talas om din butik genom att lägga till ett formulärfält kallat Hur hörde du talas om oss? på din varukorgssida.

Hur hörde du talas om oss

Skapa formulärfältet "Hur hörde du talas om oss?"

Inkludera fragmentet på din varukorgssida

Så här inkluderar du fragmentet Hur hörde du talas om oss? på din varukorgssida:

  1. Klicka på cart-template.liquid i katalogen Sections (Avsnitt). Om ditt tema inte inkluderar en cart-template.liquid ska du klicka på cart.liquid i katalogen Templates (Mallar).

  2. Hitta sluttaggen </form> i koden. På en ny rad ovanför sluttaggen </form> klistrar du in följande kod:

{% render 'hear-about-us' %}
  1. Klicka på Spara.

Lägg till temainställningar för konfigurering

  1. I katalogen Config klickar du på settings_schema.json.

  2. Hitta den första avslutande klammerparentesen }, i koden. Klistra in följande kod på en ny rad under den avslutande klammerparentesen },:

{
"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. Klicka på Spara.

Gör så att formulärfältet krävs

För att förhindra att kunder går vidare till kassan utan att välja ett alternativ i formuläret Hur hörde du talas om oss? så kan du se till att fältet krävs.

  1. Klicka på cart-template.liquid i katalogen Sections (Avsnitt). Om ditt tema inte inkluderar en cart-template.liquid ska du klicka på cart.liquid i katalogen Templates (Mallar).

  2. Hitta följande novalidate-attribut i varukorgens formulärskod:

novalidate
  1. Byt ut novalidate-attributet med följande kod:
{% unless settings.hau_form_validation %}novalidate{% endunless %}
  1. Klicka på Spara.

  2. Klicka på Temainställningar i temaredigeraren i sidofältet.

  3. Klicka på fliken Hear about us (Hört talas om oss).

  4. Under Form Validation (Formulärsvalidering) ska du se till att inställningen Enable form validation (Aktivera formulärsvalidering) är aktiverad.

Obs! Du kan anpassa felmeddelandena som visas genom att ändra textfältsinställningarna för Error message (Felmeddelande) och Other field error message (Felmeddelande för andra fältfel). Du kan också anpassa felets färg genom att ändra inställningen Färg under Error styling (Utformning av fel).

Ange dina alternativ

Du kan redigera alternativen i rullgardinsmenyn Hur hörde du talas om oss? med hjälp av temainställningarna i temaredigeraren.

  1. Klicka på Temainställningar i temaredigeraren.

  2. Klicka på fliken Hear about us (Hört talas om oss).

  3. Under Form options (Formulärsalternativ) lägger du till eller tar bort alternativ, separerade med kommatecken.

  4. Klicka på Spara.

Obs! Inkludera inte alternativet Other (Annat), eftersom det kommer att läggas till automatiskt.

Faq

Var kommer jag att se de uppgifter som tagits fram?

Du kommer att se svaret i administratören, i orderns avsnitt Additional details (Ytterligare information):

Ytterligare informationsavsnitt i en order

Om svaret är "inget listat alternativ", kan kunden skriva in något då?

Ja, det kan de. När kunden väljer Other (Annat) visas en textruta under rullgardinsmenyn, där de kan skriva in ett svar.

Kan jag visa svaret i mina e-postaviseringar om nya order?

Ja. Så här visar du kundsvar i dina e-postaviseringar om nya order:

  1. Gå till Aviseringssidan i din administratör och lägg till följande kod i din e-postmall New order (Ny order):
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. Klicka på Spara.

Är du redo att börja sälja med Shopify?

Prova gratis