{"id":3380,"date":"2020-07-16T18:31:33","date_gmt":"2020-07-16T18:31:33","guid":{"rendered":"https:\/\/profi-tutorials.de\/e-business\/?p=3380"},"modified":"2020-07-16T18:31:34","modified_gmt":"2020-07-16T18:31:34","slug":"klicktipp-widget-anmeldeformular","status":"publish","type":"post","link":"https:\/\/profi-tutorials.de\/e-business\/email-marketing\/klicktipp-widget-anmeldeformular\/","title":{"rendered":"KlickTipp – Widget-Anmeldeformular"},"content":{"rendered":"

In diesem Beitrag lernen Sie, wie Sie in KlickTipp ein sogenanntes Widget-Anmeldeformular erstellen. Der Vorteil von Widget-Formularen gegenüber anderen Typen, wie beispielsweise dem Inline-Formular<\/a>, ist, dass Sie seitlich über dem Content einer bestehenden Website eingeblendet und somit an beliebiger Stelle integriert werden können.<\/p>\n

Widget-Anmeldeformular erstellen<\/h2>\n

Wenn Sie ein neues Widget-Anmeldeformular<\/strong> erstellen möchten, dann klicken Sie zunächst in der oberen Navigationsleiste auf den Menüpunkt “Listbuilding” (1)<\/strong> und anschließend auf die Option “Neues Listbuilding” (2)<\/strong>.<\/p>\n

\"klicktipp-widget-form-menu-1\"<\/span><\/p>\n

Sie befinden sich nun auf einer Übersichtsseite <\/strong>für alle in KlickTipp verfügbaren Listbuilding-Tools<\/strong>. Zur Erstellung eines Widget-Anmeldefomulars klicken Sie nun unter “KlickTipp”<\/strong> auf den Button “Widget”<\/strong>.<\/p>\n

\"klicktipp-widget-form-menu-2\"<\/span><\/p>\n

Hier müssen Sie nun einen Namen (1)<\/strong> für Ihr neues Widget-Anmeldeformular festlegen. Es handelt sich dabei lediglich um eine KlickTipp-interne Bezeichnung, welche für Ihre Kontakte und Besucher später nicht sichtbar sein wird.<\/p>\n

Haben Sie einen geeigneten Namen gefunden, klicken Sie auf den Button “Anmeldeformular anlegen” (2)<\/strong>.<\/p>\n

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

Grundlegende Konfiguration<\/h3>\n

Anschließend werden Sie direkt auf die Seite “Anmeldeformular bearbeiten”<\/strong> weitergeleitet, auf welcher Sie die restliche Konfiguration <\/strong>für Ihr neues Widget-Anmeldeformular durchführen können.<\/p>\n

An erster Stelle steht wieder der zuvor von Ihnen festgelegte Name (1)<\/strong> – diesen können Sie hier jederzeit bearbeiten<\/strong>. Über das Dropdown-Menü “Double-Opt-In-Prozess” (2)<\/strong> können Sie zwischen dem vordefinierten Double-Opt-In-Prozess<\/strong> und den von Ihnen selbst definierten Double-Opt-In-Prozessen wählen. Haben Sie noch keinen Double-Opt-In-Prozess erstellt, lesen Sie auch unseren entsprechenden Beitrag<\/a>. Sie können jedoch immer auch die Vorauswahl bestehen lassen.<\/p>\n

Weiterhin können Sie über das Eingabefeld “Zusätzliches Tagging” (3)<\/strong> optional einige manuelle Tags<\/strong> festlegen, welche Ihren Kontakten zugeordnet werden, wenn sie sich über das Anmeldeformular anmelden. Unabhängig von der hier getroffenen Auswahl werden Ihren Kontakten stets sogenannte SmartTags<\/strong> mit dem Namen des Anmeldeformulars zugeordnet, sodass Sie zu jeder Zeit wissen, welche Kontakte sich mit dem Formular angemeldet haben. Wenn Sie näheres zu SmartTags <\/strong>bzw. Tagging in KlickTipp<\/strong> erfahren möchten, dann können Sie auch einen Blick auf unseren Beitrag zum Thema Tagging<\/a> werfen.<\/p>\n

Schließlich können Sie unter “Felder einfügen”<\/strong> bestimmen, welche Eingaben in Ihrem Widget-Anmeldeformular gemacht werden müssen. Standardmäßig ist hier “E-Mail-Adresse”<\/strong> ausgewählt – Ihre Besucher müssen also eine E-Mail-Adresse eintragen, um sich mit diesem Formular anmelden zu können. Möchten Sie weitere Informationen, wie beispielsweise den Namen Ihrer Besucher abfragen, so wählen Sie über das Dropdown-Menü (4)<\/strong> unter “Felder einfügen”<\/strong> ein entsprechendes Feld aus. Das Feld wird automatisch in die darunter liegende Liste (5)<\/strong> aufgenommen – hier können Sie auch die Reihenfolge <\/strong>der Felder per Drag&Drop-Verfahren<\/strong> ändern.<\/p>\n

\"klicktipp-widget-form-konfiguration-1\"<\/span><\/p>\n

Nach Konfiguration dieser grundlegenden Einstellungen können Sie mit der visuellen Gestaltung<\/strong> Ihres Anmeldeformulars fortfahren.<\/p>\n

Erscheinungsbild<\/h3>\n

Im Folgenden wird nun das Erscheinungsbild des Anmeldeformulars<\/strong> konfiguriert. Im oberen Bereich des nun folgenden Abschnitts – direkt unter “Vorschau”<\/strong> – sehen Sie ein Vorschau-Bild, welches die Änderungen jeder Einstellung visualisiert. Die verschiedenen verfügbaren Einstellungsmöglichkeiten werden nun jeweils kurz erläutert:<\/p>\n

Zunächst können Sie über das Feld “Widget-Position” (1)<\/strong> bestimmen, an welcher Position des Bildrandes <\/strong>Ihr Anmeldeformular angezeigt werden soll. Sie haben die Wahl zwischen vier Optionen, welche das Widget mittig-rechts<\/strong>, mittig-links<\/strong>, unten-rechts<\/strong> oder unten-links<\/strong> erscheinen lassen.<\/p>\n

Sie können außerdem die Randfarbe <\/strong>des Widgets unter “Farbe des Widgets” (2)<\/strong>, sowie die Farbe <\/strong>des im geschlossenen Widget gezeigten Text <\/strong>unter “Textfarbe des Widgets” (3)<\/strong>, festlegen. Bei der Farbauswahl haben Sie die Möglichkeit, entweder einen Farbcode <\/strong>einzutragen, oder mithilfe der Farbpalette <\/strong>eine geeignete Farbe auszuwählen.<\/p>\n

In das Eingabefeld “Überschrift” (4)<\/strong> tragen Sie die Überschrift <\/strong>für Ihr neues Anmeldeformular ein. Bestenfalls wählen Sie eine Überschrift, die Ihre Besucher auf das Widget aufmerksam macht. Über das Feld “Farbe der Überschrift” (5)<\/strong> können Sie auch hierfür direkt eine entsprechende Farbe auswählen.<\/p>\n

Möchten Sie neben der Überschrift noch zusätzlich einen kurzen Textabschnitt <\/strong>in Ihr Formular einbauen, welcher Ihren Besuchern zusätzliche Informationen – beispielsweise zu einem Angebot – übermittelt, dann können Sie diesen unter “Einleitung” (6)<\/strong> eintragen. Anschließend ist es möglich, eine Hintergrundfarbe <\/strong>für das gesamte (geöffnete) Widget  sowie eine Farbe <\/strong>für den Einleitungstext <\/strong>unter “Hintergrundfarbe” (7)<\/strong> bzw. “Textfarbe” (8)<\/strong> festzulegen.<\/p>\n

Ähnlich wie bei dem Inline-Anmeldeformular<\/strong> können Sie auch hier einen Kontaktzähler (9)<\/strong> einblenden, welcher Ihren Besuchern zeigt, wie viele Anmeldungen bereits über dieses Formular durchgeführt wurden – die Nutzung dieser Option kann Ihre Eintragungsraten <\/strong>deutlich steigern<\/strong>.<\/p>\n

Den Absenden-Button<\/strong> Ihres Anmeldeformulars können Sie ebenfalls leicht individualisieren: Unter “Button-Vorlage” (10)<\/strong> können Sie dazu zunächst zwischen einer Vielzahl von Vorlagen wählen. Durch Auswahl der Option “Eigener Text”<\/strong> und anschließende Texteingabe über das neue Feld “Text des Buttons”<\/strong> können Sie den Button-Text<\/strong> jedoch auch, unabhängig der Vorlagen, selbst festlegen.<\/p>\n

Auch hier können Sie wieder die Farbgebung selbst bestimmen: Wählen Sie unter “Farbe des Buttons” (11) <\/strong>einfach die gewünschte Farbe aus. Bei Verwendung der Option “Eigener Text”<\/strong> können Sie zudem auch die Textfarbe <\/strong>des <\/strong>Buttons <\/strong>bestimmen.<\/p>\n

Die Option “Button Swoosh” (12)<\/strong> ist ebenso ausschließlich bei Vorlagen aktivierbar – sie führt zur Anzeige einer Umkreisung <\/strong>um den Button herum. <\/p>\n

Zuletzt haben Sie die Möglichkeit, die Ausrichtung (13)<\/strong> Ihres Buttons im Widget festzulegen. Dabei können Sie zwischen linksbündiger <\/strong>und mittiger <\/strong>Ausrichtung wählen.<\/p>\n

\"klicktipp-widget-form-konfiguration-2\"<\/span><\/p>\n

Sind Sie mit der Konfiguration Ihres neuen Widget-Anmeldeformulars zufrieden, klicken Sie auf den Button “Speichern”<\/strong>.<\/p>\n

\"klicktipp-widget-form-button-speichern\"<\/span><\/p>\n

Einbettung<\/h2>\n

Zur Einbettung Ihres Widget-Anmeldeformulars klicken Sie auf den Button “Einbettungcode”<\/strong> im unteren Bereich der Seite “Anmeldeformular bearbeiten”<\/strong>.<\/p>\n

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

Im nun geöffneten Fenster “Einbettungscode”<\/strong> wird Ihnen ein Javascript-Quellcode (1)<\/strong> angezeigt, welchen Sie nun lediglich kopieren <\/strong>und auf Ihrer Website <\/strong>einfügen <\/strong>müssen. Das Widget-Anmeldeformular wird anschließend jedem Besucher angezeigt. <\/p>\n

Möchten Sie die Funktionen <\/strong>des Anmeldeformulars schon vor der Einbettung testen<\/strong>, dann können Sie über den Button “Vorschau” (2)<\/strong> auch eine vollständig funktionsfähige Vorschau<\/strong> Ihres Anmeldeformulars öffnen.<\/p>\n

\"klicktipp-widget-form-einbettungcode\"<\/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, wie Sie in KlickTipp ein sogenanntes Widget-Anmeldeformular erstellen. Der Vorteil von Widget-Formularen gegen\u00fcber anderen Typen, wie beispielsweise dem Inline-Formular, ist, dass Sie seitlich \u00fcber dem Content einer bestehenden Website eingeblendet und somit an beliebiger Stelle integriert werden k\u00f6nnen. Widget-Anmeldeformular erstellen Wenn Sie ein neues Widget-Anmeldeformular erstellen m\u00f6chten, dann klicken Sie […]<\/p>\n","protected":false},"author":2,"featured_media":3244,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":" %%post_title%% %%sep%% %%sitetitle%%","_seopress_titles_desc":"In diesem Beitrag lernen Sie, wie Sie Widget-Anmeldeformular in KlickTipp erstellen und dieses anschlie\u00dfend auf jeder beliebigen Website problemlos integrieren.","_seopress_robots_index":"","_seopress_analysis_target_kw":"KlickTipp,Widget,Anmeldeformular,E-Mail,Marketing,Einbettung,einbetten,Website","footnotes":""},"categories":[4,7],"tags":[],"class_list":["post-3380","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\/3380","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=3380"}],"version-history":[{"count":56,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/posts\/3380\/revisions"}],"predecessor-version":[{"id":3447,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/posts\/3380\/revisions\/3447"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/media\/3244"}],"wp:attachment":[{"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/media?parent=3380"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/categories?post=3380"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/tags?post=3380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}