Erfolgreich
Icon mit Text
Heben Sie ein Merkmal, einen Vorteil oder ein Vertrauenssignal mit einem Symbol, kurzem Text und optionalem Link hervor.
Verwenden Sie diesen Block, um ein einzelnes Merkmal, einen Vorteil oder ein Vertrauenssignal mit einem kleinen Symbol und einer kurzen Textzeile hervorzuheben. Er eignet sich besonders für schnelle, leicht scanbare Botschaften wie Versandvorteile, Produktvorteile, Garantien oder Materialdetails.
Für mehr Kontext dazu, wie sich diese Art von Inhalt in ein Theme einfügt, siehe Shopify-Dokumentation zu Abschnitten und Blöcken
Grundeinstellungen
Abschnitt betitelt „Grundeinstellungen“Beginnen Sie mit dem Symbol und dem Text. Sie können entweder ein Emoji oder einen Symbolnamen verwenden, was es einfach macht, den Stil an den Rest Ihrer Inhalte anzupassen. Wenn Sie das Symbol leer lassen, zeigt der Block nur Text an.
Halten Sie den Text kurz und konkret. Kurze Formulierungen funktionieren in der Regel besser als ganze Sätze, besonders wenn Sie möchten, dass Kund:innen die Botschaft auf einen Blick erfassen.
Sie können auch einen Link hinzufügen, wenn die Hervorhebung zu weiteren Details führen soll, etwa zu einer Richtlinie, einem Leitfaden oder einer unterstützenden Seite. Das Öffnen dieses Links in einem neuen Tab kann hilfreich sein, wenn Sie nicht möchten, dass Kund:innen ihre Position verlieren.
Ausrichtungseinstellungen
Abschnitt betitelt „Ausrichtungseinstellungen“Diese Einstellungen steuern die horizontale Ausrichtung getrennt für Desktop und Mobilgeräte. Sie sind nützlich, wenn der Block in unterschiedlichen Layouts über verschiedene Bildschirmgrößen hinweg angezeigt wird oder wenn Sie ein benutzerdefiniertes mobiles Layout feinabstimmen.
Wählen Sie die Ausrichtung passend zum umliegenden Inhalt. Zentrierte Ausrichtung eignet sich für eigenständige Hervorhebungen, während linke Ausrichtung in gestapelten Layouts oder textlastigen Bereichen meist natürlicher wirkt.
Prüfen Sie die Ausrichtung sowohl auf Desktop als auch auf Mobilgeräten. Eine Position, die auf einem breiten Bildschirm ausgewogen wirkt, kann auf kleineren Bildschirmen unpassend erscheinen.
Standard-Block-Einstellungen
Abschnitt betitelt „Standard-Block-Einstellungen“Farbeinstellungen
Abschnitt betitelt „Farbeinstellungen“Diese Einstellungen ermöglichen es diesem Block, übergeordnete Theme-Farben für das Symbol und den Text zu überschreiben. Verwenden Sie sie, wenn die Hervorhebung mehr Gewicht braucht oder wenn Sie innerhalb eines bestimmten Layouts besseren Kontrast benötigen.
Vermeiden Sie es, auf derselben Seite zu viele unterschiedliche Hervorhebungsfarben zu verwenden. Eine konsistente Farbnutzung macht Verkaufsargumente leichter scanbar und verhindert, dass das Design unruhig wirkt. Mehr zum gemeinsamen Farbverhalten finden Sie unter Farbeinstellungen.
Stellen Sie sicher, dass sowohl das Symbol als auch der Text vor dem Hintergrund gut lesbar bleiben.
Sichtbarkeitseinstellungen
Abschnitt betitelt „Sichtbarkeitseinstellungen“Verwenden Sie Sichtbarkeitssteuerungen, um diesen Block auf Desktop oder Mobilgeräten ein- oder auszublenden. Das ist hilfreich, wenn Sie je nach Gerätegröße unterschiedliche unterstützende Inhalte anzeigen möchten oder wenn eine kurze Hervorhebung in ein Layout besser passt als in ein anderes.
Setzen Sie das Ausblenden gezielt ein. Es eignet sich am besten für bewusste Layoutentscheidungen und nicht als Ersatz dafür, den Inhalt zu straffen. Mehr zum gemeinsamen Sichtbarkeitsverhalten finden Sie unter Sichtbarkeitseinstellungen.
Nutzungshinweise
Abschnitt betitelt „Nutzungshinweise“- Halten Sie den Text knapp. Verwenden Sie eine kurze, nutzenorientierte Formulierung, damit die Botschaft schnell erfassbar bleibt.
- Wählen Sie klare Symbole. Entscheiden Sie sich für Symbole, die den Text sofort unterstützen, statt nur ohne Bedeutung dekorativ zu sein.
- Verlinken Sie mit Absicht. Fügen Sie einen Link nur hinzu, wenn Kund:innen wirklich weitere Details zur Hervorhebung benötigen.
- Prüfen Sie beide Bildschirmgrößen. Kontrollieren Sie Ausrichtung und Abstände auf Desktop und Mobilgeräten vor der Veröffentlichung.
- Setzen Sie Hervorhebung sparsam ein. Reservieren Sie eigene Farben für Hervorhebungen, die besondere Aufmerksamkeit verdienen.
- Lassen Sie Standardwerte wirken, wenn möglich. Lassen Sie Farb- und Stiloptionen ungesetzt, wenn der Block das umgebende Design übernehmen soll, und verwenden Sie Überschreibungen nur dann, wenn sich die Hervorhebung abheben muss.