Wufoo-Formulare in Magento einbinden

Wufoo ist ein Online-Service mit welchen kinderleicht Formulare erstellt und in existierende Webseiten eingebunden werden können. Auch ohne irgendwelche Programmierer-Kenntnisse lassen sich so komplexe Formular erstellen und überall einbinden. Natürlich kann Wufoo auch mit Magento verwendet werden. Die nachfolgende Anleitung zeigt schrittweise auf wie ein Wufoo-Formular direkt in Magento eingebunden werden kann.

Erstellen des Formulars

Klicken Sie auf auf «New Form» um ein neues Formular zu erstellen.

Klicken Sie auf auf «New Form» um ein neues Formular zu erstellen.

Melden Sie sich bei Wufoo an und Erstellen Sie Ihr Gratis-Konto. Klicken Sie auf der Übersichtsseite auf «New Form» (Screenshot 1).

Erstellen Sie Ihr Formular und klicken Sie danach auf «Save Form».

Erstellen Sie Ihr Formular und klicken Sie danach auf «Save Form».

Nun sehen Sie den Formular-Editor (Screenshot 2). Dort können Sie mittels Drag & Drop Ihr Formular erstellen. Klicken Sie auf «Save Form», sobald Sie mit der Erstellung fertig sind.

Klicken Sie auf «Code» beim eben erstellten Formular.

Klicken Sie auf «Code» beim eben erstellten Formular.

Nun erscheint Ihr Formular auf der Übersicht (Screenshot 3). Klicken Sie dort auf «Code».

Kopieren Sie unter «Embed Form Code» den Inhalt des «iFrame Version»-Felds.

Kopieren Sie unter «Embed Form Code» den Inhalt des «iFrame Version»-Felds.

Wechseln Sie in der «Code»-Übersicht auf «Embed Form Code» (Screenshot 4). Kopieren Sie dort den Inhalt des «iFrame Version»-Felds.

Einfügen des Formulars in Magento

Fügen Sie den «Form Code» im «Content»-Bereich der neuen CMS-Seite ein.

Fügen Sie den «Form Code» im «Content»-Bereich der neuen CMS-Seite ein.

In Magento sollten Sie eine neue CMS-Seite für Ihr Formular erstellen. Wechseln Sie dazu zu CMS Pages. Klicken Sie auf der Übersichtsseite auf «Add New Page». Füllen Sie unter «Page Information» die erforderlichen Informationen aus. Wechseln Sie dann in den «Content»-Bereich. Klicken Sie dort auf «Show/Hide Editor» (Screenshot 5). Kopieren Sie nun den vorher kopierten Code von Wufoo (siehe Screenshot 4) ins Feld.

Nun ist Ihr Wufoo-Formular im Onlineshop ersichtlich.

Nun ist Ihr Wufoo-Formular im Onlineshop ersichtlich.

Nach dem Speichern der CMS-Seite ist diese im Frontend erreichbar. Wenn Sie nun die zuvor definierte URL aufrufen sehen Sie Ihr Wufoo-Formular (Screenshot 6). Dieses kann nun von Ihren Kunden ausgefüllt werden um Sie zu kontaktieren!

Brauchen Sie weitere Betreuung?

Brauchen Sie Hilfe beim Einfügen Ihres Formulars, oder wünschen Sie eine Betreuung Ihres Magento-Onlineshops? Gerne stehen wir Ihnen für Ihr Magento-Projekt zur Verfügung. Nehmen Sie dazu unverbindlich mit uns Kontakt auf, und wir zeigen Ihnen gerne wie wir Ihnen helfen können.

Weitere interessante Artikel:

Zur Blog-Übersicht