Kontaktformular: Einbindung Datenschutzerklärung Kontrollkästchen

Deutsch Diskussion Technische Fragen & Antworten
1

Hallo,

wie kann ich das Kontrollkästchen aktivieren/einbinden für die Datenschutzerklärung bei meinem Kontaktformular.

Ich habe mich versucht anhand der Änderung des Quellcodes, was mir letztendlich nur den Totalausfall des Formulars beschert hat. Blicke da nicht durch.

Das muss doch irgendwie einfacher gehen, auch ohne zusätzliche kostenpflichtige App.

Freue mich auf eure Hilfe.

Vielen Dank :slightly_smiling_face:

2

Hey @Radium2k7

Danke für die Frage und hier wäre es interessant zu wissen, was genau du bis jetzt ausprobiert hast? Das Kontaktformular ist natürlich eine tolle Opportunity mehrere Kästchen zusätzlich zum Kontrollkästchen einzucoden, wie z. B. ein “Anrede” oder Telefonnr. Kästchen usw. Du kannst jeder Seite über den Abschnitt Kontaktformular ein Kontaktformular hinzufügen je nach Theme dass du verwendest. Und wie sieht es mit deiner Kunden Anmeldeform aus? Mehr dazu weiter unten.

Aber das folgende sollte man zuerst in einer Theme Kopie machen und nicht im Live Theme. Die Kontaktseite ist eine Vorlage, die du im Theme-Editor anpassen kannst. Du kannst deiner Kontakt Seitenvorlage Abschnitte hinzufügen, um zusätzliche Informationen einzubeziehen, z. B. vorgestellte Kategorien, Blog-Beiträge oder Bilder.

Es gibt letztendlich zwei Formulare im Shop die hier wichtig sind und die ich unten erläutern werde: die Kontaktform und die Kunden Anmeldeform.

Du kannst die Kontaktform mit dem Liquid form tag und dem dazugehörigen Parameter 'contact'. Innerhalb des Formulars kannst du zwei verschiedene Eingabetypen einfügen:

  • Erforderliche Kästchen (“required”)
  • Optionale Kästchen

Im Folgenden siehst du ein Beispiel für ein Kontaktformular mit den beiden oben genannten Eingabearten:

{% form 'contact' %}
  {{ form.errors | default_errors }}

  
    
    
  

  
    
    
  

  
    
    
  

  
    
    
  

  
    
    
  

  
    
    
  

  
    
  

{% endform %}

Ein weiteres Beispiel für ein Kontaktformular findest du in Dawn’s implementation.

Die folgenden Eingaben sind erforderlich, damit das Formular erfolgreich abgeschickt werden kann:

nput type name
Email email contact[email]
Message

text



or



textarea

 contact[body]

Die optionale Eingabekästchen können jeglichen HTML input typ sein. Die müssen nur einen name="contact[information_id]" Attribut haben, wo information_id kurz die Informationen identifiziert, die du sammelst. Diese Titel erscheinen in den Kontaktbenachrichtigungen und müssen innerhalb des Formulars eindeutig sein.

Vom Typ “Dropdown”:

Vom Typ “Radio Buttons”:

Vom Typ “Checkbox”:

Um Mehrfachauswahlen zu akzeptieren, muss jede Eingabe in einer Checkbox-Gruppe einen eindeutigen Namenswert haben. Wenn du nicht für jede Eingabe einen eindeutigen Namenswert verwendest, gibt das Formular nur den letzten Wert zurück, der ausgewählt wurde:

Kunden Anmeldeformular

Hier ein paar Schritte wie du das einprogrammieren kannst je nach Theme:

  1. Gehe zu Online Store > Themes.
  2. Im Test Theme klicke Aktionen > Edit code.
  3. In den Templates, klicke customers/register.liquid.
  4. Suche nach den folgenden Tags im Code:{% form 'create_customer' %} und {% endform %}
  5. Den folgenden Code da einbauen an der korrekten Stelle unterhalb den Kästchen:
    1. <input type="checkbox"value="" required/> Ich habe die Nutzungsbedingungen und die Datenschutzrichtlinie gelesen und stimme ihnen zu.
  6. Klicke Speichern.

Weiteres dazu:

Das Kundenregistrierungsformular kann mit dem Liquid-Formular-Tag und dem dazugehörigen Parameter “create_customer” hinzugefügt werden. Innerhalb des Formular-Tag-Blocks musst du Folgendes einfügen:

Input type name
First name text customer[first_name]
Last name text customer[last_name]
Email email customer[email]
Password password customer[password]

Beispiel:

{% form 'create_customer' %}
  {{ form.errors | default_errors }}

  
    
    
  

  
    
    
  

  
    
    
  

  
    
    
  

  
    
  

{% endform %}

Weitere Felder können wie folgt eingebaut werden - siehe unten auch das “Checkbox” Code wo du den HTML Tag “required” noch dazu ergänzen müsstest:

{% form 'create_customer' %}
  {{ form.errors | default_errors }}

  
    
    
  

  
    
    
  

  
    
    
  

  
    
    
  

  
    
    
  

  
    

    
    
  

  
    
  

{% endform %}

Dann wenn du mit der Vorlage Kunden/Register arbeitest, solltest du dich mit der Weiterleitung von Kunden bei der Kontoerstellung vertraut machen.

Wenn ein Kunde ein Konto anlegt, wird er standardmäßig auf die Seite home page geleitet. Du kannst jedoch eine Seite angeben, zu der die Kunden geleitet werden sollen, indem du den return_to Parameter des Liquid form tag verwendest.

Das folgende Beispiel leitet die Kunden auf die Seite mit allen Produkten:

{% form 'create_customer', return_to: routes.all_products_collection_url %}
  
{% endform %}

Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community. Lass auch wissen, wenn du weitere Fragen hast zum obigen Thema oder generell zu deinem Shop und Business und gerne können wir das hier weiter besprechen!

Wir führen gerade eine kurze Umfrage zu Eurer Erfahrung in der Community durch mit 5 kurzen Fragen. Wenn Du mal 2-Min Zeit hast - die Umfrage ist auch anonym: