WooCommerce Plugin - Einbindung eines CleverReach Formulars

Es ist möglich standardisiert über unser Plugin ein Formular in WooCommerce einzubinden. Wir haben zwei Workarounds gefunden, wodurch Sie ein Formular von CleverReach bei WooCommerce implementieren können, wenn Sie das Plugin nicht verwenden.

 

1. Einbindung über einen Text Paragraphen -> Das Formular ist dann als Beitrag im Blog zu sehen.

  • Loggen Sie sich bitte in Ihren Wordpress Account ein
  • Gehen Sie bitte auf „Posts“ und dann auf „Add new“, um einen neuen Post zu erstellen

 

mceclip0.png

 

  • Dort kann ein neuer Post erstellt werden:

 

mceclip2.png

 

  • Oben rechts gibt es unter den 3 Punkten die Möglichkeit in den Code Editor zu wechseln:

 

mceclip3.png

 

  • Loggen Sie sich bitte in Ihren CleverReach Account ein.

 

  

  • Nachdem Sie das Formular erstellt haben, müssen Sie bitte bei dem Formular auf „Quellcode/Verbreitung“ klicken

 

  • Kopieren Sie bitte den gesamten Quellcode unter „Kopieren und Einfügen in die eigene Webseite“

 

  • Fügen Sie den Code bitte in Textbereich der Page in Wordpress ein:

 

mceclip4.png

 

  • Oben rechts bitte abspeichern.
  • Wenn Sie jetzt auf die Preview gehen oben rechts, sehen Sie den neuen Blog Beitrag mit dem Formular:

mceclip5.png

 

 

 

2. HTML Bereich im Footer vom Blog einfügen und HTML Code vom Formular hinterlegen

  • Bitte loggen Sie sich in Ihren Wordpress Account ein
  • Bitte klicken Sie auf Appearance – Customize

 

Bildschirmfoto_2019-05-16_um_15.42.33.png

  • Bitte klicken Sie dann auf Widgets:

 

Bildschirmfoto_2019-05-16_um_15.49.19.png

 

  • Bitte wählen Sie + Add a Widget 
  • Als nächstes müssen Sie bitte auf „+ Custom HTML“ klicken:

Bildschirmfoto_2019-05-16_um_15.53.55.png

 

  • Loggen Sie sich bitte parallel in Ihren CleverReach Account ein.

 

 

  • Nachdem Sie das Formular erstellt haben, müssen Sie bitte bei dem Formular auf „Quellcode/Verbreitung“ klicken

 

  • Kopieren Sie bitte den gesamten Quellcode unter „Kopieren und Einfügen in die eigene Webseite“

 

  • Fügen Sie den Code bitte in den HTML Bereich unten links in Wordpress ein:

Bildschirmfoto_2019-05-16_um_15.48.23.png

 

  • Bitte Speichern -> Done anklicken:

 

Wordpress.png

  • Das Formular wird jetzt unten auf der Seite im Footer angezeigt

 

 

Zur Info:

Wenn Sie das Formular im Footer einbinden und Ihr Footer in zwei Spalten geteilt ist, wird die Darstellung leider etwas abgeschnitten sein.