Geschenkkarte

Ausgewählte Links

1. Shopify-Dokumentation zum Theme-Editor
2. Shopify-Dokumentation zu Abschnitten und Blöcken
3. Company XYZ-Dokumentation zu Abschnittshintergrund-Einstellungen
4. Company XYZ-Dokumentation zu Abschnitts-Padding-Einstellungen
5. Company XYZ-Dokumentation zu Trennlinien-Einstellungen
6. Company XYZ-Dokumentation zu Layout-Breiten-Einstellungen

Hilfreiche Videos

Shopify Academy-Video: Ihren Shop anpassen

Shopify Academy-Video: Ihren Shop anpassen

Dieser Abschnitt steuert die Hauptseite der Geschenkkarte, die Empfänger verwenden, um ihre Geschenkkarte anzusehen und einzulösen. Sie können die Nachricht personalisieren, eigene Markengrafiken einsetzen und das Layout anpassen, damit die Seite klar, hochwertig und konsistent mit dem Rest Ihres Shops wirkt. Einen umfassenderen Überblick darüber, wie diese Steuerungen im Editor funktionieren, finden Sie in Shopify-Dokumentation zum Theme-Editor

Grundeinstellungen

Verwenden Sie die Überschrift und die Unterüberschrift, um die Geschenkkarte einzuführen und den Empfängern einen kurzen, hilfreichen Hinweis darauf zu geben, was sie als Nächstes tun können. Wenn Sie diese Felder leer lassen, kann der Abschnitt auf Standard-Theme-Inhalte zurückgreifen, was hilfreich ist, wenn Sie ein einfacheres Setup wünschen.

Mit der Bildeinstellung können Sie die integrierte Geschenkkarten-Grafik durch Ihr eigenes Markenbild ersetzen. Dies funktioniert am besten, wenn das Bild die Seite unterstützt, ohne mit den Geschenkkartendetails zu konkurrieren.

Bildausschnitt und Seitenverhältnis steuern, wie die Grafik gerahmt wird. Verwenden Sie das Standardverhältnis, wenn Ihr Bild bereits für den verfügbaren Platz gestaltet ist, oder wählen Sie ein festes Verhältnis, wenn Sie eine einheitlichere Darstellung über verschiedene Bilder hinweg wünschen.

Für Mobilgeräte gibt es eine eigene Seitenverhältnis-Option. Wenn der Desktop-Zuschnitt auf kleineren Bildschirmen zu breit oder zu hoch wirkt, passen Sie das mobile Verhältnis an, statt das Bild zu ersetzen.

Die Desktop-Layout-Einstellungen bestimmen, wie sich Bild und Geschenkkartendetails den Platz teilen. Die Spaltenbreite beeinflusst, welche Seite präsenter wirkt, und die Galerienposition steuert, ob das Bild links oder rechts angezeigt wird; auf Mobilgeräten wird das Layout immer in eine einzelne Spalte gestapelt. Weitere Informationen zum Verhalten von Abschnitten und Blöcken finden Sie in Shopify-Dokumentation zu Abschnitten und Blöcken

Prüfen Sie eigene Grafiken sowohl auf dem Desktop als auch auf Mobilgeräten, bevor Sie veröffentlichen. Ein Zuschnitt, der auf dem Desktop ausgewogen wirkt, kann wichtige Teile des Bildes auf kleineren Bildschirmen verdecken.

Farbeinstellungen

Mit dieser Gruppe können Sie die standardmäßigen Text- und Unterüberschriftenfarben für diesen Abschnitt überschreiben. Das ist besonders nützlich, wenn Sie einen benutzerdefinierten Hintergrund hinzufügen und mehr Kontrast oder eine klarere visuelle Hierarchie benötigen.

Lesbarkeit hat Priorität. Wenn Sie einen helleren Hintergrund aus Bild, Verlauf oder Video verwenden, stellen Sie sicher, dass sowohl die Hauptnachricht als auch der unterstützende Text auf einen Blick leicht erfasst werden können.

Standard-Abschnittseinstellungen

Abschnittshintergrund-Einstellungen

Abschnittshintergrund-Einstellungen steuern die visuelle Fläche hinter dem Geschenkkarteninhalt. Sie können eine Farbe, einen Verlauf, ein Bild oder ein Video verwenden und dann eine Überlagerung hinzufügen, damit der Text und die Geschenkkartendetails besser hervortreten.

Diese Seite funktioniert in der Regel am besten mit zurückhaltenden Hintergründen. Wenn Sie dekorative Medien wählen, passen Sie die Stärke der Überlagerung und die Textfarben gemeinsam an, damit die Seite weiterhin in erster Linie funktional bleibt.

Padding-Einstellungen

Padding-Einstellungen steuern den Platz ober- und unterhalb des Inhalts. Verwenden Sie sie, um die Seite kompakter und stärker auf den Nutzen ausgerichtet wirken zu lassen oder großzügiger, wenn Sie eine weichere Markenpräsentation wünschen.

Weniger Padding kann dazu beitragen, dass wichtige Details schneller sichtbar werden, insbesondere auf Mobilgeräten. Mehr Padding funktioniert besser, wenn der Abschnitt eine stärkere Hintergrundgestaltung verwendet und mehr Freiraum benötigt.

Trennlinien-Einstellungen

Trennlinien-Einstellungen fügen ober- oder unterhalb des Abschnitts eine optionale Linie hinzu. Das kann helfen, den Bereich für Geschenkkarten klarer abzugrenzen, wenn die Seite weitere Inhalte darum herum enthält.

Halten Sie Trennlinien hier dezent. Eine leichte Trennlinie reicht in der Regel aus, um die Seite visuell zu gliedern, ohne von der Geschenkkarte selbst abzulenken.

Breiten-Einstellungen

Breiten-Einstellungen steuern die maximale Breite des Inhalts und die Breite des Abschnitts-Containers. Diese Einstellungen sind nützlich, wenn die Seite schmaler und leichter lesbar wirken soll, oder breiter, wenn Sie sie mit einem immersiveren Hintergrund kombinieren.

Für die meisten Shops hält eine moderate Inhaltsbreite das Erlebnis fokussiert. Wenn Sie einen breiteren Abschnittshintergrund verwenden, sehen Sie sich die Live-Seite an, um sicherzustellen, dass das Layout weiterhin ausgewogen und leicht lesbar wirkt.

Hinweis

Breitenänderungen können im Editor anders aussehen als auf der Live-Seite, insbesondere wenn Hintergründe verwendet werden.

Nutzungshinweise

1. Halten Sie den Text kurz. Verwenden Sie eine kurze Überschrift und Unterüberschrift, die bestätigen, was der Empfänger sieht und was er als Nächstes tun soll.
   1. Verwenden Sie leere Felder, wenn die Standardgestaltung und der Fallback-Inhalt mehr von der Seite tragen sollen.
   2. Halten Sie die Nachricht sowohl im ausgestellten als auch im eingelösten Zustand gut lesbar.
2. Wählen Sie Grafiken, die sich gut zuschneiden lassen. Einfache Markenbilder funktionieren in der Regel besser als detaillierte Grafiken, die auf kleineren Bildschirmen an Wirkung verlieren können.
   1. Prüfen Sie Desktop und Mobilgeräte separat, da sich Zuschnitte und Layout zwischen den Ansichten ändern können.
   2. Betrachten Sie separate mobile Grafiken als Möglichkeit, die Lesbarkeit zu erhalten, nicht nur als Möglichkeit, dasselbe Bild zu skalieren.
3. Priorisieren Sie Kontrast. Wenn Sie benutzerdefinierte Farben oder Hintergründe verwenden, stellen Sie sicher, dass der Inhalt der Geschenkkarte sofort gut lesbar bleibt.
   1. Kräftigere lokale Farben, Verläufe oder Medien können dazu führen, dass sich der Abschnitt unabhängiger von der umgebenden Gestaltung anfühlt.
   2. Wenn Sie die Standard- oder Leerformatierung beibehalten, wird mehr von der Fallback-Darstellung des Themes sichtbar.
4. Verwenden Sie das Desktop-Layout bewusst. Geben Sie der größeren Spalte die Seite, die mehr visuelles Gewicht tragen soll, und beachten Sie dabei, dass die Seite auf Mobilgeräten gestapelt wird.
   1. Prüfen Sie Ausrichtung und Sichtbarkeit auf kleineren Bildschirmen erneut, da das mobile Layout beeinflussen kann, wie die Seite gelesen wird.
   2. Passen Sie das Layout an, wenn die Aufteilung auf dem Desktop richtig wirkt, auf Mobilgeräten aber zu eng ist.
5. Sehen Sie sich die gesamte Seite in der Vorschau an. Prüfen Sie Abstände, Breite und Hintergrundoptionen im Live-Storefront, bevor Sie das Design abschließen.
   1. Achten Sie besonders auf alle Formular- oder Einlösehinweise, damit übermittelte, leere und Fehlzustände leicht erfasst werden können.
   2. Bestätigen Sie, dass die endgültige Seite weiterhin klar wirkt, wenn Inhalte, Steuerungen und Grafiken zusammen angezeigt werden.