{"id":8125,"date":"2016-10-11T15:55:24","date_gmt":"2016-10-11T15:55:24","guid":{"rendered":"http:\/\/blog.equinux.com\/?p=8125"},"modified":"2016-10-11T15:55:24","modified_gmt":"2016-10-11T15:55:24","slug":"tipps-wie-deine-newsletter-besser-performen","status":"publish","type":"post","link":"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/","title":{"rendered":"Vermarkten, verkaufen, verzaubern: Tipps wie du Newsletter mit Hero-Images und \u00fcberzeugenden Call-To-Action-Buttons gestaltest"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8161\" src=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/schreibtisch-macbook-1.jpg\" alt=\"schreibtisch-macbook\" width=\"2000\" height=\"1019\" srcset=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/schreibtisch-macbook-1.jpg 2000w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/schreibtisch-macbook-1-300x153.jpg 300w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/schreibtisch-macbook-1-1024x522.jpg 1024w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/schreibtisch-macbook-1-768x391.jpg 768w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/schreibtisch-macbook-1-1536x783.jpg 1536w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/schreibtisch-macbook-1-1568x799.jpg 1568w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/p>\n<p>Perfektes Newsletter-Design\u00a0mit\u00a0<a href=\"http:\/\/www.equinux.com\/de\/products\/maildesigner2\/mail-designer-pro-3\/\" target=\"_blank\" rel=\"noopener\">Mail Designer Pro<\/a>: Tipps f\u00fcr echte \u201eHero-Newsletter\u201c (mehr Mail Designer Tipps findest du hier auf unserer <a href=\"http:\/\/www.equinux.com\/de\/products\/maildesigner2\/pro-tutorials\/\" target=\"_blank\" rel=\"noopener\">Mail Designer Pro Tutorial Page<\/a>.)<\/p>\n<p><strong>Worum geht es bei Newslettern? Du m\u00f6chtest so schnell wie m\u00f6glich Herzen, Klicks, Follower und Fans gewinnen. Bei nur 8 Sekunden Aufmerksamkeitsspanne deiner Empf\u00e4nger kann ein intelligent aufgebauter, bildlastiger Newsletter also den Quick-Link schaffen, um erfolgreich deine Verk\u00e4ufe und Aktionen zu triggern.<\/strong><\/p>\n<p>Und ab Herbst sind Zielgruppen sicher besonders empf\u00e4nglich und kauffreudig. Dann, wenn sie am Wochenende wohlig auf der Couch sitzen und sich im Night-Shift-Schein von lumineszierenden iPhone-Screens aufhalten und sich nicht vom Sonnenuntergang am Badesee blenden lassen.<\/p>\n<p>Jetzt ist die beste Gelegenheit, deine E-Mail-Aktionen hochzufahren \u2013 Halloween, Thanksgiving, Black Friday, Weihnachten und Neujahr warten schon.<\/p>\n<p>Mit cleveren Design-Moves l\u00e4sst sich mit Mail Designer Pro das Erfolgspotential erh\u00f6hen. Wir zeigen dir wie\u2026<br \/>\n<a name=\"hintergrund\"><\/a><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8131\" src=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background_Fit.jpg\" alt=\"background_fit\" width=\"2880\" height=\"1800\" \/><\/p>\n<h2>Den Wallpaper-Modus in Mails hochfahren \u2013 Backgrounds mit Bang!<\/h2>\n<p>Bilder verkaufen, das ist klar. Sie versetzen deine Empf\u00e4nger in den gew\u00fcnschten Mood und du\u00a0kannst Produkte sowie\u00a0Aktionen emotional st\u00e4rker aufladen.<br \/>\nMit der verbesserten Hintergrund-Funktion von Mail Designer Pro kannst du atemberaubende Effekte mit vollfl\u00e4chigen Hero-Images erzeugen.<\/p>\n<p>Sei kreativ, stretche Mood-Pictures \u00fcber dein gesamtes Mail und stimme die Layout-Komposition genau auf dieses Image auf. Coole gro\u00dfe Fonts geben deiner Aktion meist einen zus\u00e4tzlichen Impact \u2013 wenn der Slogan performt.<\/p>\n<p><strong>Tipp:<\/strong> Beim Ausprobieren ist wichtiger ein Image zu finden, dass perfekt im Mobil-Modus funktioniert, denn gerade am Smartphone musst du bedenken, dass deine Empf\u00e4nger auch scrollen. In dieser Zeit m\u00fcssen sie: in den Mood kommen, den Style erkennen, den Preisvorteil erfassen und sowie Aktionszeitraum verstehen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8136\" src=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background_Lunch_2.jpg\" alt=\"background_lunch_2\" width=\"2880\" height=\"1800\" \/><\/p>\n<p><strong>Bilder werten deinen Newsletter mit Style auf:<\/strong> Eine spezielles Herbst-Men\u00fc f\u00fcrs Restaurant, eine Einladung zum \u201eTag der offen T\u00fcr\u201c, Blitzdeals zum Wochenende \u2013 die Intention l\u00e4sst sich durch richtige Backgrounds subtil verst\u00e4rken. F\u00fcr das Newsletter-Layout musst du nur ein wenig Geschick mitbringen. Wir zeigen dir, wie Hintergrund-Artworks in der Desktop- und Mobil-Version Ihre Wirkung entfachen.<\/p>\n<h2>Das passende Background-Motiv finden<\/h2>\n<p><strong>Je gr\u00f6\u00dfer, desto besser:<\/strong> Idealer Weise suchst du dir Hintergrundbilder mit mindestens 4000px Breite aus. So hast du noch Spielraum beim Positionieren und das Bild bleibt selbst bei einer Retina-Anzeige scharf.<\/p>\n<p><strong>Extra Spielraum:<\/strong> Denk daran, dass du h\u00f6chstwahrscheinlich Textk\u00e4sten auf deinem Bild positionieren wirst, deswegen sollte das Bild nicht an allen Stellen extrem kleinteilig sein, sondern auch ruhige Bildpassagen enthalten (ggf. durch etwas Tiefenunsch\u00e4rfe). So findest du Spots, \u00fcber die du besser Headlines und Texte schreiben kannst.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8149\" src=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Unsplash.png\" alt=\"unsplash\" width=\"1856\" height=\"1311\" srcset=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Unsplash.png 1856w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Unsplash-300x212.png 300w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Unsplash-1024x723.png 1024w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Unsplash-768x542.png 768w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Unsplash-1536x1085.png 1536w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Unsplash-1568x1108.png 1568w\" sizes=\"auto, (max-width: 1856px) 100vw, 1856px\" \/><\/p>\n<p><strong>Bilddatenbanken als Inspiration:<\/strong> Wer im Netz etwas sucht, findet einige gute Image-Datenbanken, \u00fcber die man lizenzfreie Bilder downloaden: beispielsweise diese\u2026<\/p>\n<ul>\n<li><a href=\"https:\/\/unsplash.com\" target=\"_blank\" rel=\"noopener\">https:\/\/unsplash.com<\/a><\/li>\n<li><a href=\"https:\/\/www.pexels.com\" target=\"_blank\" rel=\"noopener\">https:\/\/www.pexels.com<\/a><\/li>\n<li><a href=\"https:\/\/stocksnap.io\" target=\"_blank\" rel=\"noopener\">https:\/\/stocksnap.io<\/a><\/li>\n<li><a href=\"https:\/\/picjumbo.com\" target=\"_blank\" rel=\"noopener\">https:\/\/picjumbo.com<\/a><\/li>\n<\/ul>\n<p>Das Browsen durch die vielen Bilder gibt einem oft au\u00dfergew\u00f6hnliche Newsletter-Ideen. Am Besten ist es nat\u00fcrlich, man hat selbst gute Bilder.<\/p>\n<h2>Layout-Cheet-Sheets: Mails mit Hintergr\u00fcnden gestalten<\/h2>\n<p><strong>Viel oder wenig Text:<\/strong> Im Vorfeld solltest du dich entscheiden, ob du mit transparenten Text-K\u00e4sten arbeitet m\u00f6chtest oder mit Text-Layoutbl\u00f6cken, die nicht durchscheinen. Letztere Variante bietet sich an, wenn du eher l\u00e4ngere Text-Inhalte einf\u00fcgst.<\/p>\n<p><strong>Deinem Hintergrund Platz geben:<\/strong> Versuche, den Kopf und das erste Drittel deines Newsletter frei zu halten. Hier soll dein Hintergrund-Bild besonders zur Geltung kommen. F\u00fcr Texte verwendest du dann beispielsweise einen Text\/-Bild-Layoutblock und verkleinerst ihn entsprechend wie im folgenden Beispiel. Texte sollten mindestens 16px gro\u00df sein, so funktionieren sie auch gut in der Mobil-Version.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8140\" src=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background_Wild.png\" alt=\"background_wild\" width=\"2015\" height=\"1184\" srcset=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background_Wild.png 2015w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background_Wild-300x176.png 300w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background_Wild-1024x602.png 1024w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background_Wild-768x451.png 768w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background_Wild-1536x903.png 1536w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background_Wild-1568x921.png 1568w\" sizes=\"auto, (max-width: 2015px) 100vw, 2015px\" \/><\/p>\n<p><strong>Style durch transparente Layer:<\/strong> Verwendest du nur wenig Text, also bei kurzen Infos, Aktionen, Transaction-Mails \u2013 kannst du deinem Newsletter-Hintergrund mehr Raum geben. Hier kannst du mit Bildlayout-Bl\u00f6cken arbeiten, auf die du Layer f\u00fcr deine Texte legst.<\/p>\n<p><strong>Wie unterschiedlich das Mooding durch ein Hintergrundbild wirken kann, siehst du in diesen 3 Varianten\u2026<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8133\" src=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background_Hero_02.jpg\" alt=\"background_hero_02\" width=\"2880\" height=\"1800\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8134\" src=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background_Hero_03.jpg\" alt=\"background_hero_03\" width=\"2880\" height=\"1800\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8132\" src=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background_Hero_01.jpg\" alt=\"background_hero_01\" width=\"2880\" height=\"1800\" \/><\/p>\n<p>F\u00fcr die Layer, ziehst du\u00a0dir Rechtecke oder Kreise aus den Grafik-Tools auf deine Bild-Layout-Bl\u00f6cke. Regle die Deckkraft auf etwa 80% herunter, sodass sie leicht durchscheinen. Bei dieser Methode musst du allerdings etwas aufwendiger die Mobil-Version anpassen.<\/p>\n<p><strong>Tipp: Klickrate erh\u00f6hen:<\/strong> Diese Variante kannst du ebenfalls einsetzen, um deine Call-to-Action zu forcieren. Verschiebe das Bild so, dass ein Element des Hintergrunds die Aufmerksamkeit auf einen deiner Links lenkt.<\/p>\n<h2>Einsetzen, Positionieren, Optimieren des Hintergrunds f\u00fcr die Desktop-Version<\/h2>\n<p>Um einen Hintergrund zu positionieren klickst du auf das Hintergrund-Icon links unten. Jetzt kannst du ein Bild auf den \u00e4u\u00dfern Rand des Hintergrunds ziehen. Mit dem Zoom-Regler passt du die Gr\u00f6\u00dfe des Bilds an deinen Newsletter an. Mit festgehaltener Maustaste kannst du im Inneren Bereich dein Hintergrund-Bild verschieben.<\/p>\n<p><strong>Tipps:<\/strong> Durch die Hintergrund-Bilder kann dein Newsletter von der Datenmenge her sehr gro\u00df werden. \u00dcber Hintergrund optimieren ist es m\u00f6glich, das Artwork st\u00e4rker zu komprimieren.<\/p>\n<h2>Entkoppeln und Anpassen des Hintergrunds f\u00fcr die Mobilversion deines Newsletters<\/h2>\n<p>F\u00fcr deine Mobil-Version musst du einen alternativen Ausschnitt deines Hintergrunds w\u00e4hlen. Wechsle in die Mobile-Layout-Ansicht f\u00fcr Smartphones und hier in den Hintergrund-Modus.<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8137\" src=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background_Lunch_03.png\" alt=\"background_lunch_03\" width=\"1550\" height=\"1009\" srcset=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background_Lunch_03.png 1550w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background_Lunch_03-300x195.png 300w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background_Lunch_03-1024x667.png 1024w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background_Lunch_03-768x500.png 768w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background_Lunch_03-1536x1000.png 1536w\" sizes=\"auto, (max-width: 1550px) 100vw, 1550px\" \/>Durch leichtes verschieben des Hintergrunds fragt dich Mail Designer Pro, ob du den Hintergrund vom Desktop-Design entkoppeln m\u00f6chtest. Nach dem Entkopplen kannst du nun den geeigneten Hintergrund an die schmale Smartphone-Breite anpassen.<br \/>\n<a name=\"CTA\"><\/a><\/p>\n<h2>5 Tipps f\u00fcr catchy CTAs f\u00fcr eine gute Konversion<\/h2>\n<p>Bei deinem Aktionslink beziehungsweise der \u201eCall to Action\u201c (CTA) solltest du dich von modernen Webtrends inspirieren lassen. Auch hier gilt wieder: die CTA muss zuerst mobil perfekt funktionieren und dann solltest du dieses Konzept auf die Desktop-Variante \u00fcbertragen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8148\" src=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Style.png\" alt=\"cta_style\" width=\"318\" height=\"242\" srcset=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Style.png 318w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Style-300x228.png 300w\" sizes=\"auto, (max-width: 318px) 100vw, 318px\" \/><\/p>\n<p>\u00dcbrigens, der Text macht den Klick \u2013 motivierende Aufforderungen oder eine L\u00f6sung f\u00fcr ein Problem sind besser, als plumpe Floskeln wie \u201ehier laden\u201c.<\/p>\n<p>Eine einzige CTA ist immer st\u00e4rker als f\u00fcnf in einem Newsletter. Je weniger Auswahlm\u00f6glichkeiten deine Empf\u00e4nger haben, desto st\u00e4rker ist sie.<\/p>\n<p>Wir haben hier <strong>5 Design-Tipps<\/strong> f\u00fcr CTA-Design zusammengestellt\u2026<\/p>\n<p><strong>\u2022 Slogan\u00a0<\/strong><b>Boost:\u00a0<\/b>Arbeite mit einer modernen Typo, die du dir aus unseren Web-Fonts ausw\u00e4hlst.\u00a0Positioniere deinen Text prominent auf dein Aufmacher-Bild und highlighte ein einzelnes, motivierendes Wort, dass du zu deiner Main-CTA ausbaust.\u00a0<strong>Tipp:<\/strong> Sonderzeichen wie \u201e&gt;\u201c k\u00f6nnen dem Text-Link Nachdruck verleihen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8146\" src=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Headline.png\" alt=\"cta_headline\" width=\"1272\" height=\"510\" srcset=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Headline.png 1272w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Headline-300x120.png 300w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Headline-1024x411.png 1024w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Headline-768x308.png 768w\" sizes=\"auto, (max-width: 1272px) 100vw, 1272px\" \/><\/p>\n<p><strong>\u2022 Transparente Fl\u00e4chen<\/strong><strong>:<\/strong>\u00a0Um deiner CTA einen modernen Look zu geben, kannst du mit transparenten Button-Grafiken arbeiten, auf die du einen Text in gefetteter, wei\u00dfer Schrift setzt.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8141\" src=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Blur.png\" alt=\"cta_blur\" width=\"1302\" height=\"350\" srcset=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Blur.png 1302w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Blur-300x81.png 300w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Blur-1024x275.png 1024w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Blur-768x206.png 768w\" sizes=\"auto, (max-width: 1302px) 100vw, 1302px\" \/><\/p>\n<p><strong>Alternative:<\/strong> du kannst auch einen einen gr\u00f6\u00dferen, transparenten, farbigen Textblock in den Aufmacher nehmen. Innerhalb dieser Fl\u00e4che setzt du einen kontrastreichen Button mit wei\u00dfer Schrift ein.<\/p>\n<p><strong>\u2022Leichte Linien:\u00a0<\/strong>Eine sehr moderne, stylische Methode: verwende eine einfache (1pt), leicht abgerundetes Outline in Kombination mit einem d\u00fcnnen Thin-Schriftschnitt (z.B. Open Sans) positioniert auf einem unscharfen Aufmacher-Bild<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8142\" src=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Blur_02.png\" alt=\"cta_blur_02\" width=\"787\" height=\"389\" srcset=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Blur_02.png 787w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Blur_02-300x148.png 300w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Blur_02-768x380.png 768w\" sizes=\"auto, (max-width: 787px) 100vw, 787px\" \/><\/p>\n<p><strong>\u2022 Vollkontakt \u2013 Hoher Kontrast:<\/strong>\u00a0\u00dcbrigens \u2013 nicht die Farbe ist bei einer CTA entscheidend, sondern der Kontrast. Laut einer Studie steigerte ein Online-Shop seine Konversionsrate um \u00fcber 30%, nur durch einen Wechsel des Buttons auf Gr\u00fcn. So wurden sie sichtbarer und haben sich st\u00e4rker vom Hintergrund abgehoben.\u00a0Interessante Farbverl\u00e4ufe oder Signalfarbe auf einem Designer-Grau sind also immer einen Versuch wert<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8145\" src=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Contrast.png\" alt=\"cta_contrast\" width=\"1052\" height=\"483\" srcset=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Contrast.png 1052w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Contrast-300x138.png 300w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Contrast-1024x470.png 1024w, https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Contrast-768x353.png 768w\" sizes=\"auto, (max-width: 1052px) 100vw, 1052px\" \/><\/p>\n<p><strong>\u2022 Bestplatz-Garantie: \u00dcberraschende Platzierung<\/strong>:\u00a0\u00dcberrasche mit untypischen Button-Formen und Positionen. Wer sagt, dass man nicht auch mal einen runden Button verwenden kann, den du perfekt mit deinem Aufmacher-Bild abstimmst.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8150\" src=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/CTA_Fashion.jpg\" alt=\"cta_fashion\" width=\"2754\" height=\"1680\" \/><\/p>\n<p>\u00dcberpr\u00fcfe dein Hero-Image: gibt es Positionen auf deinem Bild, die als Eye-Catcher funktionieren? Passt der Lesefluss des Empf\u00e4ngers dazu? Hier w\u00e4re ein guter Platz f\u00fcr eine effektive CTA.<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8130\" src=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/Background-Mixer_03.jpg\" alt=\"background-mixer_03\" width=\"2870\" height=\"1814\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Perfektes Newsletter-Design\u00a0mit\u00a0Mail Designer Pro: Tipps f\u00fcr echte \u201eHero-Newsletter\u201c (mehr Mail Designer Tipps findest du hier auf unserer Mail Designer Pro Tutorial Page.) Worum geht es bei Newslettern? Du m\u00f6chtest so schnell wie m\u00f6glich Herzen, Klicks, Follower und Fans gewinnen. Bei nur 8 Sekunden Aufmerksamkeitsspanne deiner Empf\u00e4nger kann ein intelligent aufgebauter, bildlastiger Newsletter also den Quick-Link [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","apple_news_api_created_at":"","apple_news_api_id":"","apple_news_api_modified_at":"","apple_news_api_revision":"","apple_news_api_share_url":"","apple_news_cover_media_provider":"image","apple_news_coverimage":0,"apple_news_coverimage_caption":"","apple_news_cover_video_id":0,"apple_news_cover_video_url":"","apple_news_cover_embedwebvideo_url":"","apple_news_is_hidden":"","apple_news_is_paid":"","apple_news_is_preview":"","apple_news_is_sponsored":"","apple_news_maturity_rating":"","apple_news_metadata":"\"\"","apple_news_pullquote":"","apple_news_pullquote_position":"","apple_news_slug":"","apple_news_sections":[],"apple_news_suppress_video_url":false,"apple_news_use_image_component":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[713],"tags":[],"class_list":["post-8125","post","type-post","status-publish","format-standard","hentry","category-maildesigner"],"apple_news_notices":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Vermarkten, verkaufen, verzaubern: Tipps wie du Newsletter mit Hero-Images und \u00fcberzeugenden Call-To-Action-Buttons gestaltest - equinux Blog<\/title>\n<meta name=\"description\" content=\"Newsletter-Design mit Mail Designer Pro 3 \u2013 so baust du Wallpaper-Images als Hintergrund in Newsletter ein und erstellst super-stylische Buttons und Links.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vermarkten, verkaufen, verzaubern: Tipps wie du Newsletter mit Hero-Images und \u00fcberzeugenden Call-to-Action-Buttons gestaltest\" \/>\n<meta property=\"og:description\" content=\"Worum geht&#039;s bei Newslettern? Du m\u00f6chtest Herzen, Klicks, Follower &amp; Fans gewinnen. Mit diesen Mail Designer Pro Tipps kannst du erfolgreich Verk\u00e4ufe und Aktionen triggern.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/\" \/>\n<meta property=\"og:site_name\" content=\"equinux Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-11T15:55:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/schreibtisch-macbook-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1019\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"6\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Vermarkten, verkaufen, verzaubern: Tipps wie du Newsletter mit Hero-Images und \u00fcberzeugenden Call-To-Action-Buttons gestaltest\",\"datePublished\":\"2016-10-11T15:55:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/\"},\"wordCount\":1222,\"image\":{\"@id\":\"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/schreibtisch-macbook-1.jpg\",\"articleSection\":[\"Mail Designer @de\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/\",\"url\":\"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/\",\"name\":\"Vermarkten, verkaufen, verzaubern: Tipps wie du Newsletter mit Hero-Images und \u00fcberzeugenden Call-To-Action-Buttons gestaltest - equinux Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.equinux.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/schreibtisch-macbook-1.jpg\",\"datePublished\":\"2016-10-11T15:55:24+00:00\",\"author\":{\"@id\":\"\"},\"description\":\"Newsletter-Design mit Mail Designer Pro 3 \u2013 so baust du Wallpaper-Images als Hintergrund in Newsletter ein und erstellst super-stylische Buttons und Links.\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/#primaryimage\",\"url\":\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/schreibtisch-macbook-1.jpg\",\"contentUrl\":\"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/schreibtisch-macbook-1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.equinux.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vermarkten, verkaufen, verzaubern: Tipps wie du Newsletter mit Hero-Images und \u00fcberzeugenden Call-To-Action-Buttons gestaltest\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.equinux.com\/de\/#website\",\"url\":\"https:\/\/blog.equinux.com\/de\/\",\"name\":\"equinux Blog\",\"description\":\"Blog about our latest Apps, Updates and cool Gadgets\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.equinux.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"\",\"url\":\"#\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vermarkten, verkaufen, verzaubern: Tipps wie du Newsletter mit Hero-Images und \u00fcberzeugenden Call-To-Action-Buttons gestaltest - equinux Blog","description":"Newsletter-Design mit Mail Designer Pro 3 \u2013 so baust du Wallpaper-Images als Hintergrund in Newsletter ein und erstellst super-stylische Buttons und Links.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/","og_locale":"de_DE","og_type":"article","og_title":"Vermarkten, verkaufen, verzaubern: Tipps wie du Newsletter mit Hero-Images und \u00fcberzeugenden Call-to-Action-Buttons gestaltest","og_description":"Worum geht's bei Newslettern? Du m\u00f6chtest Herzen, Klicks, Follower & Fans gewinnen. Mit diesen Mail Designer Pro Tipps kannst du erfolgreich Verk\u00e4ufe und Aktionen triggern.","og_url":"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/","og_site_name":"equinux Blog","article_published_time":"2016-10-11T15:55:24+00:00","og_image":[{"width":2000,"height":1019,"url":"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/schreibtisch-macbook-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"","Gesch\u00e4tzte Lesezeit":"6\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/#article","isPartOf":{"@id":"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/"},"author":{"name":"","@id":""},"headline":"Vermarkten, verkaufen, verzaubern: Tipps wie du Newsletter mit Hero-Images und \u00fcberzeugenden Call-To-Action-Buttons gestaltest","datePublished":"2016-10-11T15:55:24+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/"},"wordCount":1222,"image":{"@id":"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/schreibtisch-macbook-1.jpg","articleSection":["Mail Designer @de"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/","url":"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/","name":"Vermarkten, verkaufen, verzaubern: Tipps wie du Newsletter mit Hero-Images und \u00fcberzeugenden Call-To-Action-Buttons gestaltest - equinux Blog","isPartOf":{"@id":"https:\/\/blog.equinux.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/#primaryimage"},"image":{"@id":"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/schreibtisch-macbook-1.jpg","datePublished":"2016-10-11T15:55:24+00:00","author":{"@id":""},"description":"Newsletter-Design mit Mail Designer Pro 3 \u2013 so baust du Wallpaper-Images als Hintergrund in Newsletter ein und erstellst super-stylische Buttons und Links.","breadcrumb":{"@id":"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/#primaryimage","url":"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/schreibtisch-macbook-1.jpg","contentUrl":"https:\/\/blog.equinux.com\/wp-content\/uploads\/sites\/2\/2016\/10\/schreibtisch-macbook-1.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.equinux.com\/de\/2016\/10\/tipps-wie-deine-newsletter-besser-performen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.equinux.com\/de\/"},{"@type":"ListItem","position":2,"name":"Vermarkten, verkaufen, verzaubern: Tipps wie du Newsletter mit Hero-Images und \u00fcberzeugenden Call-To-Action-Buttons gestaltest"}]},{"@type":"WebSite","@id":"https:\/\/blog.equinux.com\/de\/#website","url":"https:\/\/blog.equinux.com\/de\/","name":"equinux Blog","description":"Blog about our latest Apps, Updates and cool Gadgets","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.equinux.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"","url":"#"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blog.equinux.com\/de\/wp-json\/wp\/v2\/posts\/8125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.equinux.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.equinux.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.equinux.com\/de\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.equinux.com\/de\/wp-json\/wp\/v2\/comments?post=8125"}],"version-history":[{"count":0,"href":"https:\/\/blog.equinux.com\/de\/wp-json\/wp\/v2\/posts\/8125\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.equinux.com\/de\/wp-json\/wp\/v2\/media?parent=8125"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.equinux.com\/de\/wp-json\/wp\/v2\/categories?post=8125"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.equinux.com\/de\/wp-json\/wp\/v2\/tags?post=8125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}