Erfolgreich
Kontaktinformationen
Zeigen Sie Telefon, E-Mail, Adresse, Zeiten und Social-Links in einem klaren, flexiblen Kontaktblock an.
Verwenden Sie diesen Block, um wichtige Kontaktdaten an einem leicht zu erfassenden Ort darzustellen. Er ist eine praktische Möglichkeit, die besten Kontaktwege hervorzuheben – egal, ob Kundinnen und Kunden Support, Store-Details, Informationen zur Abholung oder Öffnungszeiten benötigen. Einen umfassenderen Überblick darüber, wie Blöcke im Theme-Editor organisiert sind, finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken
Header-Einstellungen
Abschnitt betitelt „Header-Einstellungen“Verwenden Sie den Header-Bereich, um die Kontaktdaten einzuleiten und dem Block eine klarere Struktur zu geben. Eine kurze Beschriftung, Überschrift und optionaler Begleittext können Kundinnen und Kunden helfen zu verstehen, ob sich die Angaben auf Support, einen Store-Standort, Termine oder einen anderen Kontaktzweck beziehen.
Sie können auch ein Icon für eine schnelle visuelle Wiedererkennung hinzufügen. Lassen Sie das Icon-Feld leer, wenn Sie eine klarere Darstellung nur mit Text wünschen, oder verwenden Sie ein Emoji oder einen unterstützten Icon-Namen, um den Block hervorzuheben.
Wählen Sie den Überschriftstyp anhand der Seitenstruktur aus, nicht nur anhand der visuellen Größe. Wenn die Seite bereits einen Haupttitel hat, sorgt eine niedrigere Überschriftenebene in der Regel für eine sauberere Inhaltshierarchie.
Kontaktdetails
Abschnitt betitelt „Kontaktdetails“Mit den Feldern für den Hauptinhalt können Sie nur die Kontaktmethoden anzeigen, die für diese Seite relevant sind. Sie müssen nicht jedes Feld ausfüllen, was es einfacher macht, den Block fokussiert und nützlich zu halten.
Telefon und E-Mail eignen sich am besten für schnelle Aktionen, während Adresse und Zeiten gut für Besuche vor Ort und zeitkritische Fragen funktionieren. Die Felder für Rich Text sind besonders nützlich für mehrzeilige Adressen, Hinweise zu Feiertagszeiten oder kurze Anweisungen.
Sie können hier auch Social-Media-Icons anzeigen, diese hängen jedoch von Ihrer Einrichtung der Social-Profile in der Shopify-Dokumentation zum Anpassen der Theme-Einstellungen ab. Wenn diese Profile unvollständig sind oder nicht für den Kundenkontakt gedacht sind, ist es in der Regel besser, die Icons nicht anzuzeigen.
Zeigen Sie nur Kanäle an, die Sie aktiv überwachen. Eine sichtbare Telefonnummer, E-Mail-Adresse oder ein Social-Profil erzeugt die Erwartung, dass Kundinnen und Kunden diese nutzen können.
Standard-Block-Einstellungen
Abschnitt betitelt „Standard-Block-Einstellungen“Blockhintergrund-Einstellungen
Abschnitt betitelt „Blockhintergrund-Einstellungen“Mit diesen Einstellungen können Sie den Block auf einem Hintergrund aus Farbe, Verlauf, Bild oder Video platzieren. Sie sind nützlich, wenn die Kontaktdaten als eigener Bereich hervorstechen sollen, stärkere Hintergründe können jedoch auch die Lesbarkeit und den Abstand beeinflussen. Siehe die von der Quelle bereitgestellte Referenz zu Hintergrundeinstellungen.
Wenn Sie Bild- oder Video-Hintergründe verwenden, prüfen Sie, wie der Inhalt über die gesamte Blockfläche hinweg lesbar ist. Hintergrundmedien speziell für Mobilgeräte können helfen, ungünstige Zuschnitte oder schlechten Kontrast auf kleineren Bildschirmen zu vermeiden.
Farbeinstellungen
Abschnitt betitelt „Farbeinstellungen“Diese Einstellungen überschreiben nur für diesen Block die übergeordneten Theme-Farben. Sie sind hilfreich, wenn der Kontaktbereich einen stärkeren Kontrast oder eine andere visuelle Betonung als der umliegende Inhalt benötigt. Siehe die von der Quelle bereitgestellte Referenz zu Farbeinstellungen.
Passen Sie die Farben von Icon, Fließtext und Zwischenüberschrift gemeinsam an, damit der Block stimmig wirkt. Wenn Sie einen benutzerdefinierten Hintergrund verwenden, prüfen Sie noch einmal, ob jedes Textelement gut lesbar bleibt.
Sichtbarkeitseinstellungen
Abschnitt betitelt „Sichtbarkeitseinstellungen“Verwenden Sie Sichtbarkeitssteuerungen, wenn dieser Block nur auf dem Desktop oder nur auf Mobilgeräten erscheinen soll. Das ist besonders nützlich, wenn Kontaktdaten je nach Bildschirmgröße an unterschiedlicher Stelle platziert werden müssen. Siehe die von der Quelle bereitgestellte Referenz zu Sichtbarkeitseinstellungen.
Eine nur auf Mobilgeräten sichtbare Version kann gut funktionieren, wenn Sie kontaktfreundliche Details nahe dem oberen Bereich eines kleineren Layouts platzieren möchten. Eine nur auf dem Desktop sichtbare Version kann sinnvoll sein, wenn dieselben Informationen auf Mobilgeräten bereits an anderer Stelle erscheinen.
Nutzungshinweise
Abschnitt betitelt „Nutzungshinweise“- Halten Sie die Angaben aktuell. Prüfen Sie Telefonnummern, E-Mail-Adressen, Öffnungszeiten und Adressen regelmäßig, damit Kundinnen und Kunden nie zu veralteten Kontaktkanälen geleitet werden.
- Passen Sie die Seite an die Absicht an. Verwenden Sie eine klare Überschrift und fügen Sie nur die Kontaktmethoden hinzu, die zum Zweck dieser Seite passen.
- Priorisieren Sie die Lesbarkeit. Wenn Sie benutzerdefinierte Farben oder Hintergrundmedien verwenden, stellen Sie sicher, dass sich jede Angabe auf Desktop und Mobilgeräten leicht erfassen lässt.
- Verwenden Sie Fallback-Styling bewusst. Wenn Sie Farb- oder Medienfelder leer lassen, kann das die übergeordnete Seitengestaltung bewahren, während explizite Überschreibungen den Kontaktblock eigenständiger wirken lassen.
- Prüfen Sie beide Ansichten. Desktop- und Mobilgeräte-Steuerungen können Layout, Ausrichtung, Sichtbarkeit und Medienverhalten ändern. Prüfen Sie daher vor dem Veröffentlichen beide Größen.
- Verwenden Sie Social-Links gezielt. Zeigen Sie Social-Icons nur an, wenn diese Profile vollständig eingerichtet und für den Kundenkontakt wirklich nützlich sind.
- Planen Sie die Platzierung auf Mobilgeräten. Verwenden Sie Sichtbarkeitssteuerungen, wenn der Kontaktblock auf kleineren Bildschirmen an einer einfacheren oder prominenteren Position erscheinen soll.