{"id":29889,"date":"2020-05-05T16:27:47","date_gmt":"2020-05-05T14:27:47","guid":{"rendered":"https:\/\/www.maildesigner365.com\/how-to-create-html-newsletters-for-customer-io\/"},"modified":"2020-05-07T15:54:04","modified_gmt":"2020-05-07T13:54:04","slug":"how-to-create-html-newsletters-for-customer-io","status":"publish","type":"page","link":"https:\/\/www.maildesigner365.com\/de\/how-to-create-html-newsletters-for-customer-io\/","title":{"rendered":"HTML Newsletter zu Customer.io exportieren"},"content":{"rendered":"[vc_row type=\"in_container\" full_screen_row_position=\"middle\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" overlay_strength=\"0.3\" shape_divider_position=\"bottom\" bg_image_animation=\"none\"][vc_column column_padding=\"no-extra-padding\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_link_target=\"_self\" column_shadow=\"none\" column_border_radius=\"none\" width=\"1\/1\" tablet_width_inherit=\"default\" tablet_text_alignment=\"default\" phone_text_alignment=\"default\" column_border_width=\"none\" column_border_style=\"solid\" bg_image_animation=\"none\"][divider line_type=\"No Line\" custom_height=\"30\"][divider line_type=\"No Line\" custom_height=\"30\"][vc_column_text]\n

Mail Designer 365 und Customer.io<\/h2>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"30\"][vc_column_text]\n

Versende benutzerdefinierte HTML E-Mail-Newsletter \u00fcber die Customer.io Marketing-Automation-Plattform.<\/p>\n

<\/h2>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"5\"][vc_column_text]\"\"<\/a>[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"5\"][vc_column_text]<\/a>[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"30\"][\/vc_column][\/vc_row][vc_row type=\"in_container\" full_screen_row_position=\"middle\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" overlay_strength=\"0.3\" shape_divider_position=\"bottom\" bg_image_animation=\"none\"][vc_column column_padding=\"no-extra-padding\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_link_target=\"_self\" column_shadow=\"none\" column_border_radius=\"none\" width=\"1\/1\" tablet_width_inherit=\"default\" tablet_text_alignment=\"default\" phone_text_alignment=\"default\" column_border_width=\"none\" column_border_style=\"solid\" bg_image_animation=\"none\"][divider line_type=\"No Line\" custom_height=\"30\"][vc_column_text]\n

Exportiere deine HTML E-Mail zu Customer.io<\/h2>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"30\"][vc_column_text]\n
    \n
  1. Baue dein HTML E-Mail-Design in Mail Designer 365 auf und klicke auf \"Bereitstellen\u201d > \u201cWebsite \/ HTML\u2026\"<\/li>\n
  2. Gib den URL Pfad f\u00fcr den Online-Server ein, auf welchen du deine Bilder hochladen wirst. Das ist wichtig, damit deine Bilder sp\u00e4ter richtig in deinem Design angezeigt werden.\u00a0(Mehr erfahren<\/a>)<\/li>\n
  3. Nachdem du dein Design exportiert hast, l\u00e4dst du die Bilder in den entsprechenden Ordner auf den Server hoch, den du beim Export angegeben hast.<\/li>\n
  4. Logge dich in deinen Customer.io Account ein und erstelle einen neuen Broadcast.<\/li>\n
  5. Unter dem Reiter \"Content\" klickst du auf \"Message\" und w\u00e4hlst \"Code\" aus den Optionen aus.<\/li>\n
  6. Suche die content.html Datei in dem HTML Export-Ordner und \u00f6ffne sie mit einem Text-Editor. Kopiere den kompletten Code und f\u00fcge ihn in den HTML-Editor ein, um deinen Newsletter hochzuladen.<\/li>\n
  7. Selektiere die Option \u201cDisable CSS Pre-Processing\u201d, damit Customer.io den Template-Code nicht anpasst. So vermeidest du eventuelle Layout-Probleme im Design. Mehr erfahren<\/a>.<\/li>\n
  8. Wenn du mit der Vorschau zufrieden bist, kannst du unten rechts abspeichern. Jetzt kannst du dein Mail Designer 365 HTML E-Mail-Design mit den Automation-Tools von Customer.io versenden.<\/li>\n<\/ol>\n

    Tipp:<\/strong> Diese Methode funktioniert auch, wenn du eine Mail Designer 365 Vorlage als Teil einer automatisierten Kampagne<\/strong>\u00a0verwenden willst. Gehe daf\u00fcr zu \"Campaigns\". Sobald du mit dem Aufbau deines Workflows angefangen hast, kannst du in\u00a0den Sidebar-Optionen \"E-Mail\" ausw\u00e4hlen und bei Schritt 5 weitermachen.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=\"in_container\" full_screen_row_position=\"middle\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" overlay_strength=\"0.3\" shape_divider_position=\"bottom\" bg_image_animation=\"none\"][vc_column column_padding=\"no-extra-padding\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_link_target=\"_self\" column_shadow=\"none\" column_border_radius=\"none\" width=\"1\/1\" tablet_width_inherit=\"default\" tablet_text_alignment=\"default\" phone_text_alignment=\"default\" column_border_width=\"none\" column_border_style=\"solid\" bg_image_animation=\"none\"][vc_column_text]\n

    \"\"

    Nutze dein Mail Designer 365 E-Mail-Template mit der Customer.io Plattform.<\/p><\/div>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=\"in_container\" full_screen_row_position=\"middle\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" overlay_strength=\"0.3\" shape_divider_position=\"bottom\" bg_image_animation=\"none\"][vc_column column_padding=\"no-extra-padding\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_link_target=\"_self\" column_shadow=\"none\" column_border_radius=\"none\" width=\"1\/1\" tablet_width_inherit=\"default\" tablet_text_alignment=\"default\" phone_text_alignment=\"default\" column_border_width=\"none\" column_border_style=\"solid\" bg_image_animation=\"none\"][divider line_type=\"No Line\" custom_height=\"30\"][vc_column_text]\n

    Support<\/h2>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"30\"][vc_column_text]Du brauchst Hilfe? Wir stehen dir gerne zur Verf\u00fcgung! Bei spezifischen Fragen bez\u00fcglich des HTML-Exports zu Customer.io sowie bei allgemeinen Anfragen, kannst du unser Support-Team jederzeit per E-Mail<\/a> kontaktieren.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=\"in_container\" full_screen_row_position=\"middle\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" overlay_strength=\"0.3\" shape_divider_position=\"bottom\" bg_image_animation=\"none\"][vc_column column_padding=\"no-extra-padding\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_link_target=\"_self\" column_shadow=\"none\" column_border_radius=\"none\" width=\"1\/1\" tablet_width_inherit=\"default\" tablet_text_alignment=\"default\" phone_text_alignment=\"default\" column_border_width=\"none\" column_border_style=\"solid\" bg_image_animation=\"none\"][divider line_type=\"No Line\" custom_height=\"30\"][vc_column_text]\n

    Weitere Guides ...<\/h2>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"30\"][vc_column_text]Mail Designer 365 funktioniert mit allen f\u00fchrenden E-Mail-Marketing-Diensten. Weitere Anleitungen findest du auf unserer Integration-Seite<\/a>.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=\"full_width_background\" full_screen_row_position=\"middle\" bg_color=\"#6a8dea\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" overlay_strength=\"0.3\" shape_divider_position=\"bottom\" bg_image_animation=\"none\"][vc_column column_padding=\"no-extra-padding\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_link_target=\"_self\" column_shadow=\"none\" column_border_radius=\"none\" width=\"1\/1\" tablet_width_inherit=\"default\" tablet_text_alignment=\"default\" phone_text_alignment=\"default\" column_border_width=\"none\" column_border_style=\"solid\" bg_image_animation=\"none\"][divider line_type=\"No Line\" custom_height=\"30\"][vc_column_text]\n

    Mail Designer 365 mit Customer.io ausprobieren...<\/h2>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"30\"][vc_column_text]\n
    Mit Mail Designer 365 gestaltest du m\u00fchelos stylische, professionelle HTML-Mails auf deinem Mac f\u00fcr Customer.io \u2013 ohne eine Zeile Code. Jetzt kostenlos ausprobieren und zum Designer werden!<\/div>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"30\"][vc_column_text]\n
    \n

     <\/p>\n

    \"Try<\/a><\/div>\n<\/div>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"30\"][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"

    [vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1\/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line” custom_height=”30″][divider line_type=”No Line” custom_height=”30″][vc_column_text] Mail…<\/p>\n","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-29889","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/pages\/29889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/comments?post=29889"}],"version-history":[{"count":0,"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/pages\/29889\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/media?parent=29889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}