{"id":36420,"date":"2021-10-29T16:35:25","date_gmt":"2021-10-29T14:35:25","guid":{"rendered":"https:\/\/www.maildesigner365.com\/?page_id=36420"},"modified":"2021-10-29T17:03:20","modified_gmt":"2021-10-29T15:03:20","slug":"custom-e-mail-templates-fuer-shopify-erstellen","status":"publish","type":"page","link":"https:\/\/www.maildesigner365.com\/de\/custom-e-mail-templates-fuer-shopify-erstellen\/","title":{"rendered":"Custom E-Mail-Templates f\u00fcr Shopify erstellen"},"content":{"rendered":"[vc_row type=\"full_width_background\" full_screen_row_position=\"middle\" column_margin=\"default\" column_direction=\"default\" column_direction_tablet=\"default\" column_direction_phone=\"default\" bg_color=\"#ffffff\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" row_border_radius=\"none\" row_border_radius_applies=\"bg\" overlay_strength=\"0.3\" gradient_direction=\"left_to_right\" enable_shape_divider=\"true\" shape_divider_color=\"#3d4ab4\" shape_divider_position=\"bottom\" bg_image_animation=\"none\" shape_type=\"curve_opacity\"][vc_column column_padding=\"no-extra-padding\" column_padding_tablet=\"inherit\" column_padding_phone=\"inherit\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_shadow=\"none\" column_border_radius=\"none\" column_link_target=\"_self\" gradient_direction=\"left_to_right\" overlay_strength=\"0.3\" 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 Shopify<\/h2>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"30\"][vc_column_text]\n

Erstelle benutzerdefinierte HTML E-Mail-Newsletter f\u00fcr die Shopify E-Commerce-Plattform.<\/p>\n[\/vc_column_text][vc_column_text]\"\"[\/vc_column_text][vc_column_text]\n

Mail Designer 365 als custom\u00a0HTML E-Mail-Editor f\u00fcr Shopify<\/strong> nutzen:<\/p>\n

Erstelle ein beeindruckendes HTML E-Mail-Design per Drag & Drop und exportiere es zu E-goi \u2013 mit nur ein paar Klicks. Nutze dein Mail Designer 365 Template f\u00fcr E-Mail-Benachrichtigungen, automatisierte E-Mails und noch vieles mehr.<\/p>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"25\"][vc_column_text]\n

Kostenlose Demo starten<\/a><\/p>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"65\"][\/vc_column][\/vc_row][vc_row type=\"in_container\" full_screen_row_position=\"middle\" column_margin=\"default\" column_direction=\"default\" column_direction_tablet=\"default\" column_direction_phone=\"default\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" row_border_radius=\"none\" row_border_radius_applies=\"bg\" overlay_strength=\"0.3\" gradient_direction=\"left_to_right\" shape_divider_position=\"bottom\" bg_image_animation=\"none\"][vc_column column_padding=\"no-extra-padding\" column_padding_tablet=\"inherit\" column_padding_phone=\"inherit\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_shadow=\"none\" column_border_radius=\"none\" column_link_target=\"_self\" gradient_direction=\"left_to_right\" overlay_strength=\"0.3\" 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

SO FUNKTIONIERT ES<\/strong><\/p>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"30\"][vc_column_text]\n

HTML E-Mails f\u00fcr Shopify erstellen<\/h2>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"30\"][vc_column_text]Sobald du dein E-Mail-Template in Mail Designer 365 fertig aufgebaut hast, kannst du diesen Schritten folgen, um das Design mit Shopify zu verwenden:<\/strong><\/p>\n
    \n
  1. Gehe zu Bereitstellen > Website \/ HTML<\/li>\n
  2. In dem Export-Fenster kannst du die Export-Einstellungen f\u00fcr dein Template eingeben. Gib den URL Pfad f\u00fcr den Online-Server ein, auf welchen du deine Bilder hochladen wirst (z. B. https:\/\/cdn.shopify.com\/s\/files\/...) Dies ist wichtig, damit deine Bilder sp\u00e4ter richtig in deinem Design angezeigt werden.\u00a0(Mehr erfahren<\/a>.)<\/li>\n
  3. Stelle einen Ort f\u00fcr das Export fest, gib die Datei einen Namen (falls erw\u00fcnscht) und exportiere dein Design<\/li>\n
  4. Jetzt kannst du alle Bilder von dem Export-Ordner auf deinen Online-Server hochladen (z. B. deine Shopify Dateien-Library)<\/li>\n
  5. Finde als n\u00e4chstes die content.html Datei in dem Export-Ordner. Mach einen Rechtsklick und \u00f6ffne die Datei in einem beliebigen HTML-Editor (z. B. XCode) dann kannst du gleich den gesamten HTML-Code kopieren<\/li>\n
  6. \u00d6ffne Shopify, gehe zu Einstellungen > Benachrichtigungen und selektiere das Ereignis oder die Aktion, die du bearbeiten m\u00f6chtest (z. B. Bestellbest\u00e4tigung). L\u00f6sche den HTML-Code von dem aktuellen Template und f\u00fcge den neuen Code von deiner exportierten Mail Designer 365 Vorlage ein<\/li>\n
  7. Klicke auf Speichern, um deine \u00c4nderungen zu sichern<\/li>\n<\/ol>\n

    \"\"[\/vc_column_text][divider line_type=\"No Line\"][vc_column_text]Um deine Vorlage anzusehen, klicke oben rechts auf Vorschau. Hier kannst du auch eine Test-E-Mail an dich versenden.<\/p>\n

    \"\"[\/vc_column_text][divider line_type=\"No Line\"][vc_column_text]\n

    Mit Shopify Liquid-Variablen arbeiten<\/strong><\/h3>\n

    Shopify bietet eine gro\u00dfe Auswahl an Platzhalter-Tags - auch Liquid-Variablen genannt -, die du in deinen E-Mail-Benachrichtigungen verwenden kannst.<\/p>\n

    Du kannst regul\u00e4re Variablen, wie z. B. Store-Name, Kunden-E.Mail-Adresse, Bestellnummer, usw. in einen Mail Designer 365 Text-Layoutblock einf\u00fcgen, um deine Templates speziell f\u00fcr Shopify anzupassen.<\/p>\n

    Hier findest du eine \u00dcbersicht aller Benachrichtigungsvariablen von Shopify.<\/strong><\/a><\/p>\n

    Achte jedoch darauf, dass einige l\u00e4ngere, komplexere Variablen, wie z. B. Rabatt-Eigenschaften, die \u00fcber mehreren Zeilen gehen, zu Layoutproblemen f\u00fchren k\u00f6nnten.<\/p>\n

    Aus diesem Grund raten wir davon ab, komplexere Platzhalter in deinen Mail Designer 365 Templates einzubauen. Wenn du bereits \u00fcber fortgeschrittene HTML-Kenntnisse verf\u00fcgst, k\u00f6nntest du versuchen, den exportierten Code selbst zu bearbeiten. F\u00fcr E-Mail-Designs, die au\u00dferhalb von Mail Designer 365 bearbeitet werden, k\u00f6nnen wir aber aktuell keinen Support anbieten.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=\"in_container\" full_screen_row_position=\"middle\" column_margin=\"default\" column_direction=\"default\" column_direction_tablet=\"default\" column_direction_phone=\"default\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" row_border_radius=\"none\" row_border_radius_applies=\"bg\" overlay_strength=\"0.3\" gradient_direction=\"left_to_right\" shape_divider_position=\"bottom\" bg_image_animation=\"none\" shape_type=\"\"][vc_column column_padding=\"no-extra-padding\" column_padding_tablet=\"inherit\" column_padding_phone=\"inherit\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_shadow=\"none\" column_border_radius=\"none\" column_link_target=\"_self\" gradient_direction=\"left_to_right\" overlay_strength=\"0.3\" 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=\"50\"][vc_column_text]\n

    Support<\/h2>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"20\"][vc_column_text]Du brauchst Hilfe? Wir stehen dir gerne zur Verf\u00fcgung! Bei spezifischen Fragen bez\u00fcglich des HTML-Exports zu Shopify, sowie bei allgemeinen Anfragen, kannst du unser Support-Team jederzeit per E-Mail<\/a> kontaktieren.<\/p>\n

    Mail Designer 365 funktioniert mit allen f\u00fchrenden E-Mail-Marketing-Diensten. Weitere Anleitungen findest du auf unserer Integration-Seite.<\/p>\n

    Alle Guides ansehen<\/a><\/p>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"50\"][\/vc_column][\/vc_row][vc_row type=\"in_container\" full_screen_row_position=\"middle\" column_margin=\"default\" column_direction=\"default\" column_direction_tablet=\"default\" column_direction_phone=\"default\" bg_color=\"#3d4ab4\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" row_border_radius=\"none\" row_border_radius_applies=\"bg\" enable_gradient=\"true\" color_overlay=\"#ffffff\" color_overlay_2=\"#3d4ab4\" overlay_strength=\"0.5\" gradient_direction=\"left_t_to_right_b\" enable_shape_divider=\"true\" shape_divider_position=\"both\" shape_divider_bring_to_front=\"true\" bg_image_animation=\"none\" shape_type=\"mountains\"][vc_column column_padding=\"no-extra-padding\" column_padding_tablet=\"inherit\" column_padding_phone=\"inherit\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_shadow=\"none\" column_border_radius=\"none\" column_link_target=\"_self\" gradient_direction=\"left_to_right\" overlay_strength=\"0.3\" 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_row_inner column_margin=\"default\" column_direction=\"default\" column_direction_tablet=\"default\" column_direction_phone=\"default\" text_align=\"left\"][vc_column_inner column_padding=\"no-extra-padding\" column_padding_tablet=\"inherit\" column_padding_phone=\"inherit\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_shadow=\"none\" column_border_radius=\"none\" column_link_target=\"_self\" gradient_direction=\"left_to_right\" overlay_strength=\"0.3\" width=\"1\/1\" tablet_width_inherit=\"default\" column_border_width=\"none\" column_border_style=\"solid\" bg_image_animation=\"none\"][divider line_type=\"No Line\" custom_height=\"60\"][\/vc_column_inner][\/vc_row_inner][vc_column_text]\n

    Du kennst Mail Designer 365 noch nicht?<\/span><\/strong><\/h1>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"20\"][vc_column_text]\n
    Mail Designer 365 hilft dir, zusammen mit deinem Team stylische, professionelle HTML E-Mail-Newsletter zu gestalten.
    \nStarte deine kostenlose Demo und werde zum Designer!<\/strong><\/div>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"20\"][vc_column_text]\n

    Kostenlose Demo starten<\/a><\/p>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"10\"][vc_column_text]\n

    Keine Kreditkarte erforderlich<\/strong><\/div>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"20\"][vc_column_text]\n
    Kompatibel ab Mac OS X 10.11<\/div>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"30\"][divider line_type=\"No Line\" custom_height=\"30\"][divider line_type=\"No Line\" custom_height=\"30\"][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"

    [vc_row type=”full_width_background” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bg_color=”#ffffff” scene_position=”center” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overlay_strength=”0.3″ gradient_direction=”left_to_right” enable_shape_divider=”true” shape_divider_color=”#3d4ab4″ shape_divider_position=”bottom” bg_image_animation=”none” shape_type=”curve_opacity”][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” gradient_direction=”left_to_right”…<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-36420","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/pages\/36420","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\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/comments?post=36420"}],"version-history":[{"count":0,"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/pages\/36420\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/media?parent=36420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}