{"id":3523,"date":"2020-07-30T17:33:09","date_gmt":"2020-07-30T17:33:09","guid":{"rendered":"https:\/\/profi-tutorials.de\/e-business\/?p=3523"},"modified":"2020-07-30T17:33:10","modified_gmt":"2020-07-30T17:33:10","slug":"klicktipp-raw-anmeldeformular","status":"publish","type":"post","link":"https:\/\/profi-tutorials.de\/e-business\/loesungen\/klicktipp-raw-anmeldeformular\/","title":{"rendered":"KlickTipp &#8211; RAW Anmeldeformular"},"content":{"rendered":"<p>In diesem Beitrag lernen Sie, wie Sie bei dem E-Mail-Marketing Anbieter KlickTipp ein RAW-Anmeldeformular erstellen und dieses anschlie&szlig;end auf Ihrer Website einbetten.<\/p>\n<p>RAW-Anmeldeformulare k&ouml;nnen Sie mithilfe grundlegender HTML-Kenntnisse v&ouml;llig frei individualisieren. Der Formular-Typ unterscheidet sich in dieser Hinsicht von den sogenannten <a href=\"https:\/\/profi-tutorials.de\/e-business\/email-marketing\/klicktipp-inline-anmeldeformular\/\" target=\"_blank\" rel=\"noopener noreferrer\">Inline-Formularen<\/a> und den Widget-Formularen, welche weitestgehend f&uuml;r den direkten Einsatz auf Ihrer Website vorbereitet sind.<\/p>\n<h2 id=\"t-1594632375629\">RAW-Anmeldeformular erstellen<\/h2>\n<p>Wenn Sie ein neues <strong>RAW-Anmeldeformular<\/strong> erstellen m&ouml;chten, klicken Sie zun&auml;chst auf den Men&uuml;punkt <strong>&ldquo;Listbuilding&rdquo; (1)<\/strong> der oberen Navigationsleiste &ndash; gefolgt von der Option <strong>&ldquo;Neues Listbuilding&rdquo; (2)<\/strong>.<\/p>\n<p><span><img decoding=\"async\" alt=\"klicktipp-listbuilding-neu\" data-id=\"3224\" width=\"697\" data-init-width=\"1300\" height=\"166\" data-init-height=\"310\" title=\"klicktipp-listbuilding-neu\" loading=\"lazy\" src=\"https:\/\/profi-tutorials.de\/e-business\/wp-content\/uploads\/sites\/6\/2020\/07\/01-07-_2020_12-44-58.jpg\" data-width=\"697\" data-height=\"166\"\/><\/span><\/p>\n<p>Sie werden direkt auf eine <strong>&Uuml;bersichtsseite <\/strong>aller in KlickTipp verf&uuml;gbaren <strong>Listbuilding-Tools<\/strong> weitergeleitet. Hier klicken Sie nun auf den Button <strong>&ldquo;RAW Code&rdquo;<\/strong> im Abschnitt <strong>&ldquo;Klick-Tipp&rdquo;<\/strong>.<\/p>\n<p><span><img decoding=\"async\" alt=\"klicktipp-raw-form-menu\" data-id=\"3556\" width=\"697\" data-init-width=\"1576\" height=\"348\" data-init-height=\"788\" title=\"klicktipp-raw-form-menu\" loading=\"lazy\" src=\"https:\/\/profi-tutorials.de\/e-business\/wp-content\/uploads\/sites\/6\/2020\/07\/13-07-_2020_11-01-46.jpg\" data-width=\"697\" data-height=\"348\"\/><\/span><\/p>\n<p>Nun m&uuml;ssen Sie einen <strong>Namen (1)<\/strong> f&uuml;r Ihr neues RAW-Anmeldeformular festlegen. Es handelt sich um eine interne Bezeichnung, welche lediglich der Organisation in KlickTipp dient, f&uuml;r Ihre Besucher jedoch nicht sichtbar ist. Haben Sie einen geeigneten Namen gefunden und in das Eingabefeld eingetragen, klicken Sie auf den Button <strong>&ldquo;Anmeldeformular anlegen&rdquo; (2)<\/strong>, um Ihr neues Anmeldeformular zu erstellen.<\/p>\n<p><span><img decoding=\"async\" alt=\"klicktipp-raw-form-anlegen\" data-id=\"3557\" width=\"697\" data-init-width=\"1553\" height=\"165\" data-init-height=\"367\" title=\"klicktipp-raw-form-anlegen\" loading=\"lazy\" src=\"https:\/\/profi-tutorials.de\/e-business\/wp-content\/uploads\/sites\/6\/2020\/07\/13-07-_2020_11-03-11.jpg\" data-width=\"697\" data-height=\"165\"\/><\/span><\/p>\n<h3 id=\"t-1594632375630\">Konfiguration<\/h3>\n<p>Nach Erstellung des Anmeldeformulars werden Sie auf die Seite <strong>&ldquo;Anmeldeformular bearbeiten&rdquo;<\/strong> weitergeleitet, auf welcher Sie die weitergehenden Einstellungen festlegen k&ouml;nnen. An erster Stelle sehen Sie auch hier wieder Ihren zuvor festgelegten <strong>Namen (1)<\/strong> &ndash; diesen k&ouml;nnen Sie hier jederzeit beliebig bearbeiten.<\/p>\n<p>Weiterhin k&ouml;nnen Sie einen <strong>Double-Opt-In-Prozess<\/strong> f&uuml;r die Verwendung mit dem Anmeldeformular festlegen. W&auml;hlen Sie dazu &uuml;ber das Dropdown-Men&uuml; <strong>&ldquo;Double-Opt-In-Prozess&rdquo; (2)<\/strong> einen Ihrer eigenen Prozesse aus, oder belassen Sie die Einstellung bei dem <strong>vordefinierten Double-Opt-In-Prozess<\/strong>, welcher hier standardm&auml;&szlig;ig ausgew&auml;hlt ist. Wenn Sie noch keinen eigenen Double-Opt-In-Prozess erstellt haben, dann erfahren Sie in <a href=\"https:\/\/profi-tutorials.de\/e-business\/email-marketing\/klicktipp-double-opt-in-erstellen\/\" target=\"_blank\" rel=\"noopener noreferrer\">in diesem Beitrag<\/a>, wie dies in KlickTipp funktioniert.<\/p>\n<p>Unter <strong>&ldquo;Zus&auml;tzliches Tagging&rdquo; (3)<\/strong> k&ouml;nnen Sie nun au&szlig;erdem einige <strong>manuelle Tags<\/strong> ausw&auml;hlen, welche Ihren Kontakten zugeordnet werden sollen, wenn diese sich mit diesem Formular anmelden. Unabh&auml;ngig von der hier getroffenen Auswahl wird Ihren Kontakten stets ein <strong>SmartTag<\/strong> mit dem <strong>Namen des Anmeldeformulars<\/strong> zugeordnet. Wenn Sie n&auml;heres zu Tagging in KlickTipp erfahren m&ouml;chten, dann lesen Sie auch <a href=\"https:\/\/profi-tutorials.de\/e-business\/email-marketing\/klicktipp-tags\/\" target=\"_blank\" rel=\"noopener noreferrer\">unseren Beitrag zum Thema Tags<\/a>.<\/p>\n<p>Schlie&szlig;lich k&ouml;nnen Sie konfigurieren, welche <strong>Eingabefelder <\/strong>in Ihrem Anmeldeformular enthalten sein sollen und in welcher <strong>Reihenfolge <\/strong>diese angezeigt werden. &Uuml;ber das Dropdown-Men&uuml; <strong>&ldquo;Felder einf&uuml;gen&rdquo; (4)<\/strong> k&ouml;nnen Sie weitere Felder hinzuf&uuml;gen, welche dann in der darunterliegenden <strong>Tabelle (5)<\/strong> aufgelistet werden. Ein <strong>kleines Kreuz<\/strong><strong>&nbsp;<\/strong>auf der linken Seite jedes eingef&uuml;gten Feldes bietet Ihnen die M&ouml;glichkeit, mittels <strong>Drag&amp;Drop-Verfahren<\/strong>, die Reihenfolge der Felder zu ver&auml;ndern.<\/p>\n<p><span><img decoding=\"async\" alt=\"klicktipp-raw-form-bearbeiten\" data-id=\"3559\" width=\"697\" data-init-width=\"1537\" height=\"350\" data-init-height=\"774\" title=\"klicktipp-raw-form-bearbeiten\" loading=\"lazy\" src=\"https:\/\/profi-tutorials.de\/e-business\/wp-content\/uploads\/sites\/6\/2020\/07\/13-07-_2020_11-04-41.jpg\" data-width=\"697\" data-height=\"350\"\/><\/span><\/p>\n<p>Im unteren Bereich sehen Sie zudem eine <strong>Vorschau <\/strong>Ihres RAW-Anmeldeformulars: Es f&auml;llt auf, dass das Formular noch nicht mit <strong><a class=\"glossaryLink cmtt_Informatik\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;CSS [Cascading Style Sheets]&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;span&amp;gt;&amp;lt;\/span&amp;gt;CSS steht f&uuml;r Cascading Style Sheets und ist eine Stylesheet Sprache f&uuml;r elektronische Dokumente. Publiziert wurde CSS durch das World Wide Web(...)&lt;\/div&gt;\"  href=\"https:\/\/profi-tutorials.de\/e-business\/glossar\/css\/\"  target=\"_blank\"  data-mobile-support=\"0\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex='0' role='link'>CSS<\/a> &ldquo;gestylt&rdquo;<\/strong> wurde &ndash; diese Aufgabe &uuml;bernehmen Sie sp&auml;ter direkt auf Ihrer Website.<\/p>\n<p><span><img decoding=\"async\" alt=\"klicktipp-raw-form-vorschau\" data-id=\"3561\" width=\"697\" data-init-width=\"1584\" height=\"97\" data-init-height=\"220\" title=\"klicktipp-raw-form-vorschau\" loading=\"lazy\" src=\"https:\/\/profi-tutorials.de\/e-business\/wp-content\/uploads\/sites\/6\/2020\/07\/13-07-_2020_11-09-31.jpg\" data-width=\"697\" data-height=\"97\"\/><\/span><\/p>\n<p>Sind Sie mit der Konfiguration Ihres Anmeldeformulars zufrieden, klicken Sie auf den Button <strong>&ldquo;Speichern&rdquo;<\/strong>.<\/p>\n<p><span><img decoding=\"async\" alt=\"klicktipp-raw-form-speichern\" data-id=\"3562\" width=\"697\" data-init-width=\"1536\" height=\"147\" data-init-height=\"324\" title=\"klicktipp-raw-form-speichern\" loading=\"lazy\" src=\"https:\/\/profi-tutorials.de\/e-business\/wp-content\/uploads\/sites\/6\/2020\/07\/13-07-_2020_12-08-26.jpg\" data-width=\"697\" data-height=\"147\"\/><\/span><\/p>\n<h2 id=\"t-1594632375631\">Anmeldeformular einbetten<\/h2>\n<p>Den f&uuml;r die Einbettung auf Ihrer Website ben&ouml;tigten <strong>HTML-Quellcode<\/strong> finden Sie ebenfalls auf der Seite <strong>&ldquo;Anmeldeformular bearbeiten&rdquo;:<\/strong> Klicken Sie direkt neben <strong>&ldquo;Speichern&rdquo;<\/strong> einfach auf den Button <strong>&ldquo;Einbettungscode&rdquo;<\/strong>.<\/p>\n<p><span><img decoding=\"async\" alt=\"klicktipp-raw-form-einbettungscode\" data-id=\"3563\" width=\"697\" data-init-width=\"1536\" height=\"147\" data-init-height=\"324\" title=\"klicktipp-raw-form-einbettungscode\" loading=\"lazy\" src=\"https:\/\/profi-tutorials.de\/e-business\/wp-content\/uploads\/sites\/6\/2020\/07\/13-07-_2020_11-11-50.jpg\" data-width=\"697\" data-height=\"147\"\/><\/span><\/p>\n<p>Im anschlie&szlig;end ge&ouml;ffneten Fenster <strong>&ldquo;Einbettungscode&rdquo;&nbsp;<\/strong>k&ouml;nnen Sie nun Ihren <strong>HTML-Quellcode<\/strong> <strong>kopieren <\/strong>und diesen anschlie&szlig;end <strong>auf Ihrer Website einf&uuml;gen<\/strong>.<\/p>\n<p><span><img decoding=\"async\" alt=\"klicktipp-raw-form-fenster-einbettungscode\" data-id=\"3565\" width=\"697\" data-init-width=\"1095\" height=\"255\" data-init-height=\"401\" title=\"klicktipp-raw-form-fenster-einbettungscode\" loading=\"lazy\" src=\"https:\/\/profi-tutorials.de\/e-business\/wp-content\/uploads\/sites\/6\/2020\/07\/13-07-_2020_11-13-12.jpg\" data-width=\"697\" data-height=\"255\"\/><\/span><\/p>\n<p style=\"text-align: center;\">Abonniere JETZT unseren Newsletter!<\/p>\n<p style=\"text-align: center;\">Verpasse nie wieder&nbsp;<strong>neue<\/strong>&nbsp;Beitr&auml;ge und&nbsp;<strong>exklusive Insider-Only-Inhalte!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In diesem Beitrag lernen Sie, wie Sie bei dem E-Mail-Marketing Anbieter KlickTipp ein RAW-Anmeldeformular erstellen und dieses anschlie\u00dfend auf Ihrer Website einbetten. RAW-Anmeldeformulare k\u00f6nnen Sie mithilfe grundlegender HTML-Kenntnisse v\u00f6llig frei individualisieren. Der Formular-Typ unterscheidet sich in dieser Hinsicht von den sogenannten Inline-Formularen und den Widget-Formularen, welche weitestgehend f\u00fcr den direkten Einsatz auf Ihrer Website vorbereitet [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":3577,"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 in KlickTipp ein RAW-Anmeldeformular erstellen - diese k\u00f6nnen Sie frei individualisieren und anschlie\u00dfend auf Ihrer Website einbetten.","_seopress_robots_index":"","_seopress_analysis_target_kw":"KlickTipp,Raw,Anmeldeformular,Anmeldeformulare,Lisbuilding,HTML,Double-Opt-In,Formular,Formulare,Einbettung,einbetten","footnotes":""},"categories":[4,7],"tags":[],"class_list":["post-3523","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\/3523","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=3523"}],"version-history":[{"count":42,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/posts\/3523\/revisions"}],"predecessor-version":[{"id":3578,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/posts\/3523\/revisions\/3578"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/media\/3577"}],"wp:attachment":[{"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/media?parent=3523"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/categories?post=3523"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/tags?post=3523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}