Text/Links zu Bildern hinzufügen

In den meisten Inhaltselementen können Sie zu Bildern auch Text hinzufügen. Dies ist optional, kann aber das Erscheinungsbild Ihres Shops verbessern und ihn professioneller wirken lassen. Zusätzlich zum Text können Sie auch Links zu Ihren Bildern hinzufügen. Auf diese Weise können Sie z. B. eine bestimmte Produktkategorie bewerben oder auf einen laufenden Sale aufmerksam machen und Ihre Kunden einfach auf die entsprechende Seite weiterleiten.

Wenn das Inhaltselement mehrere Bilder enthält, wie etwa der Image-Slider, werden die Einstellungen für den Text in der Regel nur auf das während der Bearbeitung ausgewählte Bild angewendet. Wenn Sie Text zu mehreren Bildern in einem Inhaltselement hinzufügen möchten, müssen Sie den Text zu jedem Bild einzeln hinzufügen.

Navigieren Sie zu Editor, um loszulegen. Wählen Sie das Bildelement oder bewegen Sie Ihre Maus darüber und wählen Sie EditCircleIcon.png in der oberen rechten Ecke.

Die Texteinstellungen sind nicht für jedes Inhaltselement mit Bildern verfügbar.

So fügen Sie Text zu einem Bild hinzu

Alle der folgenden Optionen sind auf dem zweiten Tab AddTextOnImage.png verfügbar.

Add text to an image_DE.png

Option Beschreibung
Überschrift Diese wird in der ersten Textzeile angezeigt. Die Überschrift hat die größte Schriftgröße.
Text Dieser wird unterhalb der Überschrift angezeigt. Im Vergleich zur Überschrift ist die Schriftgröße des Texts deutlich kleiner.
Link

Wenn Sie einen Link zu Ihrem Bild hinzufügen möchten, fügen Sie ihn hier ein. Der Link ist auf dem Bild nicht sichtbar.

Link in neuem Tab öffnen

Wenn Sie einen Link eingefügt haben, können Sie diese Checkbox aktivieren, um den Link in einem neuen Tab öffnen zu lassen. Dies kann zum Beispiel nützlich sein, wenn Sie auf eine externe Seite verlinken. Dadurch können Ihre Kunden später leichter zu Ihrem Shop zurückkehren.

Button auf Bild anzeigen

Wenn Sie einen Link eingefügt haben, können Sie diese Checkbox aktivieren, um einen separaten Button anzuzeigen. Dadurch wird Ihren Kunden klar signalisiert, dass das Bild eigentlich ein Link ist.

Selbst wenn Sie sich für die Anzeige eines Buttons entschieden haben, können Ihre Kunden trotzdem einen beliebigen Teil des Bildes auswählen, um den Link zu öffnen.

Button-Text

Wenn Sie sich für die Anzeige eines Buttons entschieden haben, können Sie diesen auch mit einem Text versehen. Sie können jeden Text Ihrer Wahl hinzufügen. Achten Sie darauf, dass Sie eine klare Formulierung verwenden, die Ihre Kunden dazu motiviert, den Button tatsächlich zu verwenden. Die Verwendung von "Kaufen" zum Beispiel könnte Kunden davon abhalten, da sie möglicherweise befürchten, versehentlich einen Kauf zu tätigen.

Anstelle von "Jetzt kaufen" bietet sich eine Formulierung wie "Jetzt entdecken" oder "Produkte ansehen" an.

So passen Sie Farben an

Alle der folgenden Optionen sind auf dem dritten Tab ModifyColours.png verfügbar, sobald Sie Text zu einem Bild hinzugefügt haben.

Change colour overlay_DE.png

Option Beschreibung
Textfarbe

Verwenden Sie das Dropdown-Menü, um zwischen den von Ihnen ausgewählten Shop-Farben sowie Schwarz oder Weiß zu wählen. Achten Sie darauf, eine Farbe zu wählen, die einen guten Kontrast zur Farbüberlagerung bietet, damit der Text gut lesbar ist.

Button-Farbe

Verwenden Sie das Dropdown-Menü, um zwischen den von Ihnen ausgewählten Shop-Farben sowie Schwarz oder Weiß zu wählen. Wenn Sie sich gegen die Anzeige eines Buttons entschieden haben, ist diese Option nicht verfügbar.

Farbüberlagerung

Verwenden Sie das Dropdown-Menü, um zwischen den von Ihnen ausgewählten Shop-Farben sowie Schwarz oder Weiß zu wählen. Achten Sie darauf, eine Farbe zu wählen, die einen guten Kontrast zur Textfarbe bietet, damit der Text gut lesbar ist.

In einigen Design-Vorlagen und je nach Art des Inhaltselements hängt die Breite der Farbüberlagerung von der Länge des hinzugefügten Textes ab. Allerdings reicht die Überlagerung nur bis zu einem bestimmten Punkt, bevor der Text in eine neue Zeile umbricht.

Transparenz der Farbüberlagerung

Legen Sie die Transparenz der Farbüberlagerung fest, indem Sie den Schieberegler bewegen oder die Zahl auf der rechten Seite ändern. Beachten Sie, dass Sie eine Transparenzstufe wählen sollten, die einen guten Kontrast zwischen dem hinzugefügten Bild und dem Text bietet, damit der Text gut lesbar ist.

Wenn Sie keine Farbüberlagerung verwenden möchten, setzen Sie die Transparenz auf 0.

War dieser Beitrag hilfreich?

1 von 3 fanden dies hilfreich