{"id":3164,"date":"2020-07-09T11:59:33","date_gmt":"2020-07-09T11:59:33","guid":{"rendered":"https:\/\/profi-tutorials.de\/e-business\/?p=3164"},"modified":"2020-07-09T11:59:34","modified_gmt":"2020-07-09T11:59:34","slug":"klicktipp-combo-box-erstellen","status":"publish","type":"post","link":"https:\/\/profi-tutorials.de\/e-business\/loesungen\/klicktipp-combo-box-erstellen\/","title":{"rendered":"KlickTipp &#8211; Combo-Box erstellen"},"content":{"rendered":"<p>In diesem Beitrag lernen Sie, wie Sie eine Combo-Box bei dem E-Mail-Marketing Anbieter KlickTipp erstellen. Die Combo-Box k&ouml;nnen Sie auf Ihrer Website oder Facebook-Fan-Page einsetzen &ndash; sie verbindet Ihren Facebook-Button mit einem Anmeldeformular.<\/p>\n<h2 id=\"t-1593593889060\">Combo-Box erstellen<\/h2>\n<p>Zur Erstellung einer neuen Combo-Box klicken Sie zun&auml;chst in der oberen Navigationsleiste auf <strong>&ldquo;Listbuilding&rdquo; (1)<\/strong> und anschlie&szlig;end auf die 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 befinden sich nun auf einer &Uuml;bersichtsseite aller verf&uuml;gbaren <strong>Listbuilding-Tools<\/strong>. Scrollen Sie bis zu dem Bereich <strong>&ldquo;Integrationen&rdquo;<\/strong> herunter und w&auml;hlen dann den Button <strong>&ldquo;Combo-Box&rdquo;<\/strong>.<\/p>\n<p><span><img decoding=\"async\" alt=\"klicktipp-combo-box-integration\" data-id=\"3226\" width=\"697\" data-init-width=\"1361\" height=\"326\" data-init-height=\"637\" title=\"klicktipp-combo-box-integration\" loading=\"lazy\" src=\"https:\/\/profi-tutorials.de\/e-business\/wp-content\/uploads\/sites\/6\/2020\/07\/01-07-_2020_12-45-20.jpg\" data-width=\"697\" data-height=\"326\"\/><\/span><\/p>\n<p>Auf der Seite <strong>&ldquo;Anmeldeformular anlegen (Combo-Box)&rdquo;<\/strong> m&uuml;ssen Sie nun einen internen <strong>Namen (1)<\/strong> f&uuml;r Ihre neue Combo-Box festlegen. Dieser ist lediglich f&uuml;r Sie &uuml;ber das KlickTipp-Dashboard sichtbar und dient der Organisation.<\/p>\n<p>Haben Sie einen geeigneten Namen gew&auml;hlt, klicken Sie auf den Button <strong>&ldquo;Combo-Box anlegen&rdquo; (2)<\/strong> um fortzufahren.<\/p>\n<p><span><img decoding=\"async\" alt=\"klicktipp-combo-box-anlegen\" data-id=\"3227\" width=\"697\" data-init-width=\"1207\" height=\"154\" data-init-height=\"268\" title=\"klicktipp-combo-box-anlegen\" loading=\"lazy\" src=\"https:\/\/profi-tutorials.de\/e-business\/wp-content\/uploads\/sites\/6\/2020\/07\/01-07-_2020_12-45-36.jpg\" data-width=\"697\" data-height=\"154\"\/><\/span><\/p>\n<h3 id=\"t-1593593889061\">Konfiguration der Combo-Box<\/h3>\n<p>Sie werden anschlie&szlig;end auf die Seite &ldquo;Combo-Box bearbeiten&rdquo; weitergeleitet, auf welcher Sie weitere Einstellungen f&uuml;r Ihre neue Combo-Box treffen k&ouml;nnen. An erster Stelle finden Sie Ihren zuvor festgelegten <strong>Namen (1)<\/strong> wieder, welchen Sie hier jederzeit bearbeiten k&ouml;nnen.<\/p>\n<p>Unter <strong>&ldquo;<\/strong><strong><a class=\"glossaryLink cmtt_Informatik cmtt_E-Business\" aria-describedby=\"tt\" data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Double-Opt-In-Verfahren&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;Double-Opt-In ist ein Verfahren aus dem Online-Marketing, welches f&uuml;r Werbe-Kontaktaufnahmen eine ausdr&uuml;ckliche Zustimmung durch den Nutzer erfordert.&lt;\/div&gt;\" href=\"https:\/\/profi-tutorials.de\/e-business\/glossar\/double-opt-in-verfahren\/\" target=\"_blank\" data-mobile-support=\"0\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Double-Opt-In<\/a> Prozess&rdquo; (2)<\/strong> k&ouml;nnen Sie einen eigenen Double-Opt-In Prozess ausw&auml;hlen, oder aber den von KlickTipp vordefinierten Double-Opt-In-Prozess verwenden. Wenn Sie noch keinen Double-Opt-In Prozess erstellt haben, dann k&ouml;nnen Sie in <a href=\"https:\/\/profi-tutorials.de\/e-business\/email-marketing\/klicktipp-double-opt-in-erstellen\/\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener noreferrer\">unserem Beitrag zum Double-Opt-In<\/a> nachlesen, wie dies in KlickTipp funktioniert.<\/p>\n<p>Schlie&szlig;lich k&ouml;nnen Sie unter <strong>&ldquo;Zus&auml;tzliches Tagging (optional)&rdquo; (3)<\/strong> noch weitere Tags ausw&auml;hlen, welche Kontakten, die sich mit der Combo-Box anmelden, zugeordnet werden. Jeder Kontakt erh&auml;lt jedoch grunds&auml;tzlich auch immer einen <a href=\"https:\/\/profi-tutorials.de\/e-business\/email-marketing\/klicktipp-tags\/\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener noreferrer\">SmartTag<\/a> mit dem Namen Ihrer Combo-Box.<\/p>\n<p><span><img decoding=\"async\" alt=\"klicktipp-combo-box-bearbeiten-1\" data-id=\"3230\" width=\"697\" data-init-width=\"1348\" height=\"206\" data-init-height=\"398\" title=\"klicktipp-combo-box-bearbeiten-1\" loading=\"lazy\" src=\"https:\/\/profi-tutorials.de\/e-business\/wp-content\/uploads\/sites\/6\/2020\/07\/01-07-_2020_12-47-00.jpg\" data-width=\"697\" data-height=\"206\"\/><\/span><\/p>\n<p>Im n&auml;chsten Schritt k&ouml;nnen Sie das Erscheinungsbild Ihrer Combo-Box bearbeiten. Dabei sehen Sie unter <strong>&ldquo;Vorschau&rdquo; (1)<\/strong> zun&auml;chst eine Vorschau Ihrer Combo-Box. Direkt darunter &ndash; unter <strong>&ldquo;Darstellung&rdquo; (2)<\/strong> &ndash; k&ouml;nnen Sie einstellen, ob die Combo-Box einen <strong>Farbverlauf <\/strong>enthalten soll oder nicht. Unter <strong>&ldquo;Farbvorlagen&rdquo; (3)<\/strong> finden Sie au&szlig;erdem eine Reihe verschiedener <strong>Vorlagen<\/strong>, welche durch sogenannte <a href=\"https:\/\/profi-tutorials.de\/e-business\/email-marketing\/klicktipp-website-splittests\/\" style=\"outline: none;\" target=\"_blank\" rel=\"noopener noreferrer\">Splittests<\/a> bereits auf hohe Performance bez&uuml;glich <strong>Leads und Conversion<\/strong> &uuml;berpr&uuml;ft wurden.<\/p>\n<p>Wenn Sie eine Farbe verwenden m&ouml;chten, welche von den Farbvorlagen nicht abgedeckt wird, dann k&ouml;nnen Sie unter <strong>&ldquo;Hintergrundfarbe&rdquo; (4)<\/strong> stattdessen auch eine <strong>beliebige Farbe<\/strong> &uuml;ber die <strong>Farbpalette <\/strong>ausw&auml;hlen, oder einen entsprechenden <strong>Farbcode <\/strong>eintragen. Bei der Ausrichtung der Combo-Box k&ouml;nnen Sie &uuml;ber das Dropdown-Men&uuml; <strong>&ldquo;Ausrichtung&rdquo; (5)<\/strong> zwischen den beiden Optionen <strong>&ldquo;Ausrichtung: Horizontal&rdquo;<\/strong> und <strong>&ldquo;Ausrichtung: Vertikal&rdquo;<\/strong> w&auml;hlen. Auch die Gr&ouml;&szlig;e k&ouml;nnen Sie beeinflussen &ndash; w&auml;hlen Sie hierzu unter <strong>&ldquo;Gr&ouml;&szlig;e&rdquo;<\/strong><strong>&nbsp;(6)<\/strong> eine der verf&uuml;gbaren Optionen <strong>&ldquo;Klein&rdquo;<\/strong>, <strong>&ldquo;Normal&rdquo;<\/strong> oder <strong>&ldquo;Gro&szlig;&rdquo;<\/strong> aus.<\/p>\n<p>Durch Aktivierung der Option <strong>&ldquo;Kontaktz&auml;hler anzeigen&rdquo; (7)<\/strong> k&ouml;nnen Sie einen Z&auml;hler im unteren Bereich der Combo-Box anzeigen, welcher die Anzahl der bereits erfolgten Eintragungen zeigt. Ist die Option aktiv k&ouml;nnen Sie auch hier wieder &uuml;ber <strong>&ldquo;Farbe des Kontaktz&auml;hlers&rdquo; (8)<\/strong> eine beliebige Farbe ausw&auml;hlen und &uuml;ber <strong>&ldquo;Text des Kontaktz&auml;hlers&rdquo; (9)<\/strong> den gezeigten Text formatieren. Die <a class=\"glossaryLink cmtt_Allgemein cmtt_Informatik\" aria-describedby=\"tt\" data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;String&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;Ein String ist in der Informatik eine Zeichenkette - stellt also eine endliche Folge von Zeichen aus einem bestimmten Zeichensatz,(...)&lt;\/div&gt;&lt;div class=cmtt_synonyms_wrapper&gt;&lt;div class=cmtt_synonyms_title&gt;Synonyms: &lt;\/div&gt;&lt;div class=cmtt_synonyms&gt;Zeichenkette&lt;\/div&gt;&lt;\/div&gt;\" href=\"https:\/\/profi-tutorials.de\/e-business\/glossar\/string\/\" target=\"_blank\" data-mobile-support=\"0\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Zeichenkette<\/a> <strong>&ldquo;%chicklet%&rdquo;<\/strong> stellt dabei den Parameter f&uuml;r die Anzahl der Eintragungen dar.<\/p>\n<p>Zuletzt k&ouml;nnen Sie unter <strong>&ldquo;<a class=\"glossaryLink cmtt_Informatik\" aria-describedby=\"tt\" data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Wildcard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;Eine Wildcard, auch Joker genannt, ist in der Informatik ein Platzhalter f&uuml;r andere Zeichen bzw. Zeichenketten.&lt;\/div&gt;&lt;div class=cmtt_synonyms_wrapper&gt;&lt;div class=cmtt_synonyms_title&gt;Synonyms: &lt;\/div&gt;&lt;div class=cmtt_synonyms&gt;Platzhalter, Joker&lt;\/div&gt;&lt;\/div&gt;\" href=\"https:\/\/profi-tutorials.de\/e-business\/glossar\/wildcard\/\" target=\"_blank\" data-mobile-support=\"0\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Platzhalter<\/a> f&uuml;r E-Mail-Adresse&rdquo; (10)<\/strong> einen Text festlegen, welcher als Platzhalter im E-Mail-Feld der Combo-Box angezeigt wird. Beispielsweise k&ouml;nnten Sie anstelle von <strong>&ldquo;Ihre E-Mail-Adresse&rdquo;<\/strong> auch den Text <strong>&ldquo;Deine E-Mail-Adresse&rdquo;<\/strong> eintragen.<\/p>\n<p><span><img decoding=\"async\" alt=\"klicktipp-combo-box-bearbeiten-2\" data-id=\"3231\" width=\"697\" data-init-width=\"1216\" height=\"570\" data-init-height=\"995\" title=\"klicktipp-combo-box-bearbeiten-2\" loading=\"lazy\" src=\"https:\/\/profi-tutorials.de\/e-business\/wp-content\/uploads\/sites\/6\/2020\/07\/01-07-_2020_13-12-35.jpg\" data-width=\"697\" data-height=\"570\"\/><\/span><\/p>\n<p>Sind Sie mit der Konfiguration Ihrer neuen Combo-Box zufrieden, klicken Sie auf den Button <strong>&ldquo;Speichern&rdquo;<\/strong>.<\/p>\n<p><span><img decoding=\"async\" alt=\"klicktipp-combo-box-speichern\" data-id=\"3232\" width=\"697\" data-init-width=\"1155\" height=\"179\" data-init-height=\"297\" title=\"klicktipp-combo-box-speichern\" loading=\"lazy\" src=\"https:\/\/profi-tutorials.de\/e-business\/wp-content\/uploads\/sites\/6\/2020\/07\/01-07-_2020_13-05-42.jpg\" data-width=\"697\" data-height=\"179\"\/><\/span><\/p>\n<h2 id=\"t-1593593889062\">Einbettungscode<\/h2>\n<p>Klicken Sie f&uuml;r die Einbettung Ihrer Combo-Box nun auf den Button <strong>&ldquo;Einbettungscode&rdquo;<\/strong> im unteren Bereich der Bearbeitungsseite. Sie finden die f&uuml;r die Einbettung ben&ouml;tigten Quellcodes anschlie&szlig;end in dem neu ge&ouml;ffneten Fenster <strong>&ldquo;Einbettungscode&rdquo;<\/strong>. Neben einem <strong>&ldquo;Javascript-Quellcode&rdquo; (1)<\/strong>, welcher den Vorteil bietet, dass &Auml;nderungen in KlickTipp sofort auf der Website aktualisiert werden, steht Ihnen auch ein <strong>&ldquo;iFrame-Quellcode&rdquo; (2)<\/strong> bereit, welcher optimal in CMS-Systemen wie <strong>WordPress<\/strong>, <strong>Joomla!<\/strong> oder <strong>Drupal <\/strong>eingesetzt werden kann.<\/p>\n<p>Mithilfe von dem Button <strong>&ldquo;Vorschau&rdquo; (3)<\/strong> k&ouml;nnen Sie zudem auch eine funktionierende Vorschau Ihrer Combo-Box anzeigen und testen.<\/p>\n<p>Kopieren Sie einfach einen der Quellcodes und f&uuml;gen ihn im Body Ihrer Website ein um die Combo-Box an der gew&uuml;nschten Stelle einzubinden.<\/p>\n<p><span><img decoding=\"async\" alt=\"klicktipp-combo-box-einbettungscode\" data-id=\"3233\" width=\"697\" data-init-width=\"1258\" height=\"230\" data-init-height=\"415\" title=\"klicktipp-combo-box-einbettungscode\" loading=\"lazy\" src=\"https:\/\/profi-tutorials.de\/e-business\/wp-content\/uploads\/sites\/6\/2020\/07\/01-07-_2020_13-06-39.jpg\" data-width=\"697\" data-height=\"230\"\/><\/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 eine Combo-Box bei dem E-Mail-Marketing Anbieter KlickTipp erstellen. Die Combo-Box k\u00f6nnen Sie auf Ihrer Website oder Facebook-Fan-Page einsetzen &#8211; sie verbindet Ihren Facebook-Button mit einem Anmeldeformular. Combo-Box erstellen Zur Erstellung einer neuen Combo-Box klicken Sie zun\u00e4chst in der oberen Navigationsleiste auf &#8220;Listbuilding&#8221; (1) und anschlie\u00dfend auf die Option [&hellip;]<\/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":"7","_seopress_titles_title":" %%post_title%% %%sep%% %%sitetitle%%","_seopress_titles_desc":"Lernen Sie, wie Sie eine neue Combo-Box bei dem E-Mail-Marketing Anbieter KlickTipp erstellen und so Ihren Facebook Button mit einem Anmeldeformular verbinden.","_seopress_robots_index":"","footnotes":""},"categories":[4,7],"tags":[],"class_list":["post-3164","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\/3164","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=3164"}],"version-history":[{"count":67,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/posts\/3164\/revisions"}],"predecessor-version":[{"id":3245,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/posts\/3164\/revisions\/3245"}],"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=3164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/categories?post=3164"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/tags?post=3164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}