{"id":2448,"date":"2020-06-26T18:23:10","date_gmt":"2020-06-26T18:23:10","guid":{"rendered":"https:\/\/profi-tutorials.de\/e-business\/?p=2448"},"modified":"2020-06-26T18:23:12","modified_gmt":"2020-06-26T18:23:12","slug":"klicktipp-inline-anmeldeformular","status":"publish","type":"post","link":"https:\/\/profi-tutorials.de\/e-business\/loesungen\/klicktipp-inline-anmeldeformular\/","title":{"rendered":"KlickTipp – Inline-Anmeldeformular"},"content":{"rendered":"

In diesem Beitrag lernen Sie die Erstellung von Inline-Anmeldeformularen bei dem E-Mail-Marketing Anbieter KlickTipp kennen.<\/p>\n

Der Einsatz von Inline-Anmeldeformularen eignet sich immer dann, wenn Sie besonders platzsparend vorgehen wollen und lediglich die E-Mail-Adresse Ihrer Besucher abfragen möchten.<\/p>\n

Inline-Anmeldeformular erstellen<\/h2>\n

Wenn Sie ein neues Inline-Anmeldeformular erstellen möchten, dann klicken Sie zunächst unter dem Menüpunkt “Listbuilding” (1)<\/strong> auf die Option “Neues Listbuilding” (2)<\/strong>.<\/p>\n

\"klicktipp-inline-form-neu\"<\/span><\/p>\n

Anschließend klicken Sie auf “Inline”.<\/strong><\/p>\n

\"klicktipp-inline-form-auswahl-inline\"<\/span><\/p>\n

Sie befinden sich nun auf der Seite “Anmeldeformular anlegen (Inline)”<\/strong>. Hier können Sie einen internen Namen (1)<\/strong> für Ihr neues Anmeldeformular festlegen. Dieser wird lediglich für die Organisation in KlickTipp verwendet und kann jederzeit wieder geändert werden. Anschließend klicken Sie auf den Button “Anmeldeformular anlegen”<\/strong>(2)<\/strong> um das Inline-Anmeldeformular zu erstellen<\/strong>.<\/p>\n

\"klicktipp-inline-form-anlegen\"<\/span><\/p>\n

Anmeldeformular konfigurieren<\/h3>\n

Direkt nach der Erstellung <\/strong>Ihres neuen Inline-Anmeldeformular<\/strong> werden Sie auf die Seite “Anmeldeformular bearbeiten”<\/strong> weitergeleitet. Dort haben Sie nun zunächst die Möglichkeit, jegliche Konfiguration <\/strong>vorzunehmen.<\/p>\n

Grundlegende Einstellungen<\/h4>\n

Im Eingabefeld “Name” (1)<\/strong> sehen Sie den zuvor eingetragenen internen Namen<\/strong> Ihres Anmeldeformulars. Sie können diesen hier jederzeit ändern. Unter “Double-Opt-In-Prozess” (2)<\/strong> können Sie anschließend zwischen einem vordefinierten- <\/strong>und einem eigenen <\/strong>Double-Opt-In-Prozess wählen. Wie Sie einen eigenen Double-Opt-In-Prozess erstellen, erfahren Sie in unserem dazugehörigen Beitrag<\/a>. Sie können jedoch immer auch den vordefinierten <\/strong>Double-Opt-In-Prozess verwenden.<\/p>\n

Unter “Zusätzliches Tagging (Optional)” (3)<\/strong> können Sie einen eigenen manuellen Tag<\/strong> angeben. Standardmäßig wird allen Kontakten bei der Anmeldung jedoch auch ein Smart-Tag<\/strong> mit dem Namen des Anmeldeformulars zugewiesen.<\/p>\n

Wenn Sie mehr zu Smart-Tags in KlickTipp erfahren möchten, dann lesen Sie auch unseren Beitrag zum Thema Tags<\/a>.<\/p>\n

\"klicktipp-inline-form-konfiguration-grundlegend\"<\/span><\/p>\n

Erscheinungsbild<\/h4>\n

Im nächsten Abschnitt können Sie das Erscheinungsbild <\/strong>Ihres Inline-Anmeldeformulars<\/strong> bearbeiten. Unter “Vorschau” (1)<\/strong> sehen Sie dabei jederzeit eine Vorschau des Formulars.<\/p>\n

Zunächst haben Sie die Möglichkeit, unterhalb des Vorschau-Fensters eine von zahlreichen vordefinierten Farbvorlagen (2)<\/strong> auszuwählen. Alle Farbvorlagen, die Sie hier finden, wurden ausgiebig durch A\/B-Tests<\/strong> getestet und erreichen eine hohe Performance<\/strong> hinsichtlich Leads <\/strong>und Conversion<\/strong>.<\/p>\n

Die nötigen Schritte zur Erstellung eigener A\/B-Tests mit KlickTipp finden Sie im dazugehörigen Beitrag<\/a>.<\/p>\n

Wenn Sie keine für Ihre Website passende Farbvorlage finden können, dann haben Sie unterhalb der Farbvorlagen auch immer die Möglichkeit, Ihr Anmeldeformular <\/strong>frei zu individualisieren<\/strong>. So können Sie unter “Farbe des Buttons” (3)<\/strong> durch Auswahl im Farbfeld<\/strong> oder durch Eingabe eines Farbcodes<\/strong> die Farbe des Buttons im Anmeldeformular anpassen. Auch die Farbe des im Button befindlichen Icon <\/strong>können Sie bestimmen. Klicken Sie dazu auf das Auswahlfeld “Farbe des Button-Icons” (4)<\/strong> und wählen Sie einen Farbvorschlag aus.<\/p>\n

Unter “Größe” (5)<\/strong> können Sie nun noch zwischen drei verschiedenen Größen <\/strong>Ihres gesamten Anmeldeformulars wählen. Sie haben die Wahl zwischen den Optionen “Klein”<\/strong>, “Normal”<\/strong> und “Groß”<\/strong>.<\/p>\n

Zuletzt können Sie unter “Platzhalter<\/a> für E-Mail-Adresse” (6)<\/strong> auch noch festlegen, welcher Platzhalter-Text<\/strong> in dem E-Mail-Eingabefeld<\/strong> angezeigt werden soll. Standardmäßig wird hier “Ihre E-Mail-Adresse” gezeigt, Sie können stattdessen beispielsweise auch den Text “Deine E-Mail-Adresse” eintragen.<\/p>\n

\"klicktipp-inline-form-konfiguration-erscheinungsbild\"<\/span><\/p>\n

Wenn Sie mit der Konfiguration Ihres Anmeldeformulars zufrieden sind, dann klicken Sie auf den Button “Speichern”<\/strong> im unteren Bereich.<\/p>\n

Inline-Anmeldeformular einbetten<\/h2>\n

Den Einbettungscode <\/strong>zur Einbindung <\/strong>Ihres neuen Inline-Anmeldeformulars<\/strong> auf Ihrer Website <\/strong>finden Sie schließlich über einen Klick auf den Button “Einbettungscode”<\/strong> unten auf der Konfigurationsseite<\/strong>.<\/p>\n

\"klicktipp-inline-form-button-einbettungcode\"<\/span><\/p>\n

Es öffnet sich ein Fenster “Einbettungscode”<\/strong> in welchem Sie neben einem JavaScript-Quellcode (1) <\/strong>auch einen sogenannten IFrame-Quellcode (2)<\/strong> finden. Letzterer ist besonders für den Einsatz mit CMS-Systemen<\/strong> wie WordPress<\/strong> oder Joomla!<\/strong> <\/strong>geeignet. Sie können einen der hier gezeigten Quellcodes <\/strong>nun einfach kopieren <\/strong>und im Body <\/strong>Ihrer Website <\/strong>einfügen.<\/p>\n

Der ebenfalls im Fenster angezeigte Button “Vorschau” (3)<\/strong> gibt Ihnen auch vor der Einbettung noch einmal die Möglichkeit der Vorschau <\/strong>des Anmeldeformulars<\/strong>. Hierbei können Sie auch die Funktion <\/strong>des Anmeldeformulars testen<\/strong>.<\/p>\n

\"klicktipp-inline-form-fenster-einbettungscode\"<\/span><\/p>\n

Abonniere JETZT unseren Newsletter!<\/p>\n

Verpasse nie wieder neue<\/strong> Beiträge und exklusive Insider-Only-Inhalte!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

In diesem Beitrag lernen Sie die Erstellung von Inline-Anmeldeformularen bei dem E-Mail-Marketing Anbieter KlickTipp kennen. Der Einsatz von Inline-Anmeldeformularen eignet sich immer dann, wenn Sie besonders platzsparend vorgehen wollen und lediglich die E-Mail-Adresse Ihrer Besucher abfragen m\u00f6chten. Inline-Anmeldeformular erstellen Wenn Sie ein neues Inline-Anmeldeformular erstellen m\u00f6chten, dann klicken Sie zun\u00e4chst unter dem Men\u00fcpunkt “Listbuilding” (1) […]<\/p>\n","protected":false},"author":2,"featured_media":2548,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"7","_seopress_titles_title":" %%post_title%% %%sep%% %%sitetitle%%","_seopress_titles_desc":"Lernen Sie, wie Sie platzsparende Inline-Anmeldeformulare in KlickTipp erstellen k\u00f6nnen, welche zur Abfrage der E-Mail-Adresse Ihrer Besucher verwendet werden.","_seopress_robots_index":"","footnotes":""},"categories":[4,7],"tags":[],"class_list":["post-2448","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email-marketing","category-loesungen"],"_links":{"self":[{"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/posts\/2448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/comments?post=2448"}],"version-history":[{"count":85,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/posts\/2448\/revisions"}],"predecessor-version":[{"id":2550,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/posts\/2448\/revisions\/2550"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/media\/2548"}],"wp:attachment":[{"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/media?parent=2448"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/categories?post=2448"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/tags?post=2448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}