Wie integriere ich in Tilda einen Newsletter-Anmeldeformular mit Mailchimp?
Um in Tilda ein Newsletter-Anmeldeformular zu integrieren, das mit Mailchimp verbunden ist, gehen Sie am besten Schritt für Schritt vor. Zuerst benötigen Sie ein Mailchimp-Konto und eine erstellte Audience (Zielgruppe), für die Sie das Anmeldeformular einrichten möchten. Nachdem Sie das erledigt haben, können Sie Ihr Anmeldeformular speziell für Ihre Audience individuell gestalten und den entsprechenden HTML-Formularcode von Mailchimp erhalten.
Erstellen des Formulars in Mailchimp
Loggen Sie sich in Ihr Mailchimp-Konto ein und navigieren Sie zu Ihrem Audience-Dashboard. Dort finden Sie den Menüpunkt Signup forms (Anmeldeformulare). Wählen Sie Embedded forms (eingebettete Formulare) aus, um den HTML-Code zu generieren, den Sie später in Tilda einfügen können. Passen Sie dort das Formular nach Ihren Bedürfnissen an, z. B. welche Felder angezeigt werden sollen und das Design des Formulars. Mailchimp erstellt Ihnen dann den fertigen HTML-Formularcode.
Integration des Formulars in Tilda
Loggen Sie sich im Anschluss in Ihr Tilda-Konto ein und öffnen Sie das Projekt oder die Seite, wo Sie das Newsletterformular integrieren möchten. Wählen Sie einen Block, der die Möglichkeit bietet, eigenen HTML-Code einzufügen – das sind beispielsweise die Blöcke vom Typ Form & Button mit einer Custom-HTML-Option oder ein Zero-Block, wenn Sie volle Gestaltungsfreiheit möchten. Im Blockeditor finden Sie ein Feld, in welches Sie den HTML-Code von Mailchimp einfügen können.
Kopieren Sie den kompletten HTML-Code des Mailchimp-Anmeldeformulars und fügen Sie diesen in das HTML-Feld des ausgewählten Blocks ein. Stellen Sie sicher, dass Sie in Tilda alle erforderlichen Einstellungen für das Formular treffen, wie etwa die Anpassung der Schaltfläche und der Erfolgsmeldung. Überprüfen Sie im Vorschau-Modus, ob das Formular korrekt angezeigt wird.
Testen und Veröffentlichen
Führen Sie nun einen Test durch, indem Sie sich mit einer Test-E-Mail-Adresse anmelden. Prüfen Sie, ob diese Anmeldung in Ihrem Mailchimp-Account korrekt in der Audience erscheint. Wenn alles funktioniert, können Sie Ihre Seite in Tilda veröffentlichen und das Formular steht live für Ihre Website-Besucher zur Verfügung.
Optional besteht die Möglichkeit, das Formular mit eigenen CSS-Anpassungen zu stylen, um es optisch an Ihr Webdesign anzupassen. Ebenso können Sie durch JavaScript Validierungen hinzufügen, falls das Mailchimp-Formular nicht alle speziellen Anforderungen abdeckt.
Zusammenfassend integrieren Sie also das Mailchimp-Anmeldeformular in Tilda, indem Sie den von Mailchimp generierten HTML-Code in einen entsprechenden HTML-Block in Ihrem Tilda-Projekt einfügen und anschließend testen. So können Sie ganz einfach Newsletter-Anmeldungen auf Ihrer Tilda-Webseite realisieren.