Design anpassen

7 Artikel

Von Manfred

7 Artikel

Von Manfred

Typografie

Klicken Sie Schriften in der Symbolleiste, um Schriftarten und Größen für verschiedene Textelemente zu ändern: - Shopify-Überschrift — die Haupt-E-Mail-Überschrift (z. B. "Bestellung bestätigt") - Überschriften — Abschnittsüberschriften - Untertitel — Etiketten und kleinere Nebenüberschriften - Fließtext — Haupttext des Inhalts - Footer — Text des Footer-Textes Je nach Textebene können Sie die Schriftfamilie, Größe, Gewicht, Kursivstil, Großbuchstabenstil oder Zeilenhöhe anpassen. Die verfügbaren Schriftarten werden auf breite E-Mail-Client-Kompatibilität ausgewählt, aber ein E-Mail-Client kann trotzdem auf eine sichere Systemschriftart zurückgreifen, wenn er die gewählte Schriftart nicht unterstützt. Globale Einstellung: Typografie gilt für alle 52 E-Mail-Vorlagen. Änderungen werden sofort aktiviert.

Anpassen von Buttons

Wählen Sie Buttons in der Symbolleiste aus, um alle Buttons in Ihren E-Mails gleichzeitig anzupassen. Die Icon-Auswahl in jeder Zeile ist von links nach rechts geordnet: - Button-Stil — Solid-Fill, nur Rahmen oder Textlink - Button-Größe — Klein, mittel oder groß - Button-Breite — Automatisch oder breit - Ecken-Stil — Quadratisch, abgerundete Ecken oder pillenförmig - Eckenradius — Abgerundete Ecken feinjustieren, wenn der mittlere Eckstil ausgewählt wird - Button-Schrift — Wählen Sie eine Schriftart, Größe, Gewicht und optionales Großbuchstaben-Styling - Farben — Stellen Sie Text-, Hintergrund- und Randfarben für die verfügbaren Stile ein Die Einstellungen unter Buttons sind global. Sie steuern das visuelle Design der unterstützten Button-Abschnitte in allen 52 Vorlagen, einschließlich Bestellstatus-Button, Tracking-Button, Jetzt bezahlen-Button und Button. Ein Abschnitt kann weiterhin ein anderes Label, eine URL, Ausrichtung oder Sichtbarkeit für einen einzelnen Button definieren. Muss ich jeden Button einzeln konfigurieren? Nein. Verwenden Sie das globale Buttons-Panel einmal für ein einheitliches visuelles Design. Bearbeiten Sie einen bestimmten Button nur, wenn Label, URL, Ausrichtung oder Sichtbarkeit unterschiedlich sein sollten. Globale Einstellung: Das unter Buttons ausgewählte Design gilt für alle 52 E-Mail-Vorlagen. Änderungen werden sofort aktiviert.

Logo

Klicken Sie in der Werkzeugleiste auf Logo oder klicken Sie auf den Logobereich auf der Leinwand. Logo-Bild Laden Sie Ihr eigenes Logo hoch oder wählen Sie eines aus Ihren Shopify-Dateien aus. Sie können das Logo auch entfernen und mit Ihrer Shop-URL verknüpfen. Größe und Ausrichtung - Logo-Größe — die Breite mit einem Prozentregler anpassen - Ausrichtungs-Desktop — Links, Mitte oder Rechts - Alignment Mobile — separate Ausrichtung für Mobilgeräte Header-Layout - Begrenzt — Logo innerhalb der Breite des E-Mail-Textes - Voll — das Logo erstreckt sich über die gesamte E-Mail-Breite Abstand & Farben - Vertikale Dichte — steuert den Abstand über und unter dem Logo - Hintergrundfarbe — der Hintergrund hinter dem Logo - Akzentleiste — optionaler farbiger Streifen über dem Logo (Ein-/Ausschalter, Höhe und Farbe verstellbar) Globale Einstellung: Das Logo gilt für alle 52 E-Mail-Vorlagen. Änderungen werden sofort aktiviert.

Hintergründe & Stile

Klicken Sie Farben in der Werkzeugleiste, um das globale Farbpanel zu öffnen. Hintergründe - Äußerer Hintergrund — der Bereich um Ihre E-Mail herum - Innerer Hintergrund — der Haupttext der E-Mail - Fußer-Hintergrund — der Footer-Bereich - Logo-Hintergrund — der Bereich hinter dem Header-Logo - Container-Hintergrund — der Hintergrund von Abschnittscontainern Text und Links Separate Farbsteuerungen stehen für die Hauptüberschrift, Abschnittsüberschriften, Untertitel, Fließtext, Links, Fußtexte und Footer-Links zur Verfügung. Halten Sie stets ausreichend Kontrast zwischen Text und Hintergrund aufrecht. Grenze & Trenner - Farbe — gemeinsame Farbe für Ränder und Trennwände - Divider Style — kein, durchgehend, gestrichelt oder punktiert - Teilerdicke Sektionsbehälter - Container-Hintergrund — Hintergrundfarbe für Inhaltsbereiche - Eckenradius — abgerundete oder scharfe Ecken Globale Einstellung: Farben gelten für alle 52 unterstützten Vorlagen. Smart Emails erklärt ein reines Licht-Farbschema, um die vom Händler ausgewählte Palette zu erhalten und zu verhindern, dass eine teilweise Dunkelmodus-Konvertierung unlesbare Text-/Hintergrundkombinationen erzeugt.

Vollständiger Leitfaden zu den E-Mail-Abschnitten

Abschnitte sind die Bausteine einer Smart Emails-Vorlage. Der Editor bietet nur Abschnitte an, die mit der ausgewählten Shopify-Benachrichtigung kompatibel sind, und einige benachrichtigungsspezifische Abschnitte können nicht manuell hinzugefügt werden. Struktur und Text - Shopify-Header — die Hauptbenachrichtigungsüberschrift - Einleitungstext, Mitarbeiter-Einleitungstext und Versand-Einleitungstext — kontextspezifische Einleitungsinhalt - Text, Eigene Nachricht und Abschlusstext — bearbeitbare Textbereiche - Textspalten — mehrere Textblöcke in Spalten - Abstand und Trennlinie — visuelle Abstände und Trennung - FAQ — eine Liste individueller Fragen und Antworten Bestellungen, Produkte und Gesamtsummen - Produkt und Produkte — grundlegende Produktinformationen - Produkte mit Preisen — Posten, Rabatte, Steuern, Versand und Gesamtsummen - Produkte mit Erstattung und Produkte mit Umtausch — Rückerstattungs- und Umtauschdetails - Bestellnummer, Bestellnotizen, Zahlungsinformationen, Zahlungsbedingungen, Zahlungserinnerung und Gesamtbetrag - Adressdetails, Versanddetails und Abholort Diese Abschnitte zeigen Shopify-Daten nur an, wenn die Benachrichtigung sie bereitstellt. Beispieldaten können in unterstützten Panels zur Vorschau aktiviert werden. Buttons und Aktionen - Bestellstatus-Button, Tracking-Button und Jetzt bezahlen-Button - Button — ein benutzerdefinierter Call-to-Action mit Label und URL - Apple Wallet Button - Shop-Links — Navigationslinks zu Shop-Seiten Bilder und Layouts - Bild - Bild mit Text - Zwei Bilder nebeneinander - Bild mit Overlay - App-Download Marketing-Abschnitte - Nachrichten-Banner - Rabatte - Hervorgehobenes Produkt - Empfohlene Produkte - Geschenkkarte - Nachbestellen Marketing-Abschnitte können ausgewählten Vorlagen zugewiesen und nach der Installation der Hauptvorlage über Live-Einstellungen verwaltet werden. Geschenkkarten, Rückgaben und Kontobenachrichtigungen - Geschenkkarten-Code, Geschenkkarten-Details und Nachricht an Empfänger - Rücksendeetikett-Anleitung und Rückgabe-Ablehnungsgründe - Guthabendetails - E-Mail-Adressänderung und Verkaufszuordnung-Änderungen - Umfrage Globale Abschnitte Das Header-Logo, das Nachrichtenbanner, Shop-Links und der Footer verwenden gemeinsame Einstellungen. Ihr visuelles Design wird vom Haupteditor verwaltet, während unterstützter Text für jede Sprache separat gespeichert wird. Wichtig: Das Hinzufügen, Löschen oder Umordnen eines Abschnitts ist eine strukturelle Änderung und erfordert einen neuen Export in der primären Sprache.

Shop-Links

Shop Links bieten einen kompakten Navigationsbereich in Ihren Benachrichtigungs-E-Mails. Nutzen Sie sie für Ziele wie Ihre Startseite, neue Produkte, Sale-Collection, Kontaktseite oder Rückgabeinformationen. Open Shop Links Klicken Sie in der Editor-Toolbar auf Shop-Links oder wählen Sie den Bereich Shop Links in der Leinwand. Konfigurieren Sie den Inhalt Sie können: - Shop-Links aktivieren oder deaktivieren - Bearbeiten Sie die optionale Überschrift - Konfigurieren Sie die verfügbaren Linklabels und URLs - Kontrollieren Sie das Link-Styling über die globalen Farb- und Typografie-Einstellungen Verwenden Sie vollständige https://-URLs und testen Sie jeden Link in einer echten Test-E-Mail. Sprachen und Synchronisation Das Link-Layout und Design stammen vom primären Editor. Link-Labels können pro Sprache übersetzt werden. URLs werden als funktionale Werte kopiert und nicht übersetzt. Wenn verschiedene Sprachen unterschiedliche Ziel-URLs benötigen, öffnen Sie den entsprechenden Sekundärspracheditor und überprüfen Sie die aktuellen sprachspezifischen Einstellungen vor der Veröffentlichung. Shop-Links werden in ortsspezifischen Shopify-Metafeldern gespeichert und gelten für alle 52 unterstützten Vorlagen, die den Shop Links-Block enthalten.

Design Speicherplätze

Smart Emails bietet vier Kundendesign-Slots. Sie sind nützlich, um saisonale Variationen, Kampagnenstile oder eine sichere Kopie zu speichern, bevor ein weiteres Preset angewendet wird. Was für ein Spielautomatenladen Ein Design-Snapshot umfasst globale visuelle Einstellungen wie Farben, Typografie, Buttons, Fußzeile, Shop-Links, Nachrichtenbanner, Marketingeinstellungen, Abstand und andere voreingestellt gesteuerte Designwerte. Speichern Sie ein Design 1. Öffnen Sie das Preset- und Saved-Design-Kontrollelement im Editor. 2. Wähle einen freien Slot. 3. Geben Sie einen beschreibenden Namen ein. 4. Bewahren Sie das aktuelle Design auf. Gespeicherte Designs verwalten Für einen besetzten Slot können Sie: - Laden Sie das gespeicherte Design - überschreiben Sie es mit dem aktuellen Design - Umbenennung - Löschen Sie es nach der Bestätigung Das Laden eines Slots ersetzt die aktuellen globalen Designeinstellungen. Speichere zuerst den aktuellen Zustand in einem anderen Slot, falls du ihn zurückkehren möchtest. Wichtig: Ein Design-Slot ist keine separate Shopify-Installation. Wenn das Laden die Vorlagenstruktur oder das Basis-Preset verändert, generiere und installiere einen frischen primären Export.