Egal, ob du im Umgang mit CTAs bereits ein alter Hase bist, oder ob du von CTAs erst in unserem Artikel "Ermutige deine Kunden zum Kauf mit effektiven Call-To-Actions" erfahren hast.
In diesem Artikel erklären wir dir, wie du einen CTA auf einem Bild platzierst.
Springe zu:
Eindrücke
Schau mal, was du mit CTAs alles machen kannst! Toll, oder?
Farbfelder kombiniert mit CTAs auf Bildern, dreispaltig
Einzelnes Bild kombiniert mit Text sowie Farbfelder mit CTAs
Was du wissen solltest
Für die Erstellung von CTAs kannst du im Editor folgende Inhaltselemente verwenden:
- Image Slider
- Bild, einspaltig
- Bild, zweispaltig
- Bild, dreispaltig
- Bild und Text, zweispaltig
- Text und Bild, zweispaltig
- Bild und Text, dreispaltig
CTAs können nicht auf Produktbildern platziert werden.
Je nachdem, welche Design-Vorlage du verwendest, kann der CTA auf dem Bild in Position und Stil variieren. Keine Sorge, das ist nur zu deinem Besten. Unsere Designer haben für jede Design-Vorlage die perfekte Lösung gestaltet.
Füge Text auf einem Bild hinzu
Überschrift und Text
- In der Seitenleiste deines Cockpits, navigiere zu Website > Editor.
- Navigiere zu der Inhaltsseite, die du bearbeiten möchtest.
- Stelle sicher, dass du dem gewählten Inhaltselement ein Bild hinzugefügt hast (siehe auch Was du wissen solltest).
- Navigiere in der Vorschau-Ansicht zum Bild und wähle
. - Wähle den Tab
. - Trage im Eingabefeld Überschrift eine aussagekräftige Überschrift ein. Sobald du anfängst zu tippen, siehst du das Ergebnis unmittelbar als Vorschau auf dem Bild.
- Trage im Eingabefeld Text einen Text deiner Wahl ein.
- Wähle Speichern.
Hier eine Ansicht aus unserer Beispiel-Geschäftswelt:
Links und Buttons
Überschrift und Text sind nicht alles. Du möchtest Besucher ermutigen, auf eine bestimmte Seite zu gehen? Füge einen Link zu deinem CTA hinzu:
- Wiederhole die Schritte 1 bis 5 aus dem Abschnitt Text auf einem Bild hinzufügen > Überschrift und Text.
- Trage im Eingabefeld Link einen Link deiner Wahl ein.
- Durch Aktivieren der Checkbox Link in neuem Fenster öffnen wird, sobald ein Besucher das Bild oder den Button auswählt, die referenzierte Seite in einem neuen Browserfenster geöffnet.
- Wähle Speichern.
Wir empfehlen, die Checkbox Link in neuem Fenster öffnen zu aktivieren, wenn du einen Link zu einer externen Seite, z.B. einem YouTube-Video, eingegeben hast.
Du kannst den Link auch als Button anzeigen:
- Aktiviere die Checkbox Button auf Bild anzeigen.
- Fülle das Eingabefeld Button-Text aus.
- Wähle Speichern.
Damit du einen Eindruck bekommst, wie das funktioniert und aussehen kann, hier ein weiteres Beispiel:
Passe Farben an
Du kannst Farben nur dann anpassen, wenn du Eingaben auf dem Tab
gemacht hast.
Textfarbe und Button-Farbe
Du kannst die Farben deines Call-To-Actions ganz leicht ändern. Die Software bietet schon eine Vorauswahl an Farben. Das ist komfortabel für dich, da diese Auswahl perfekt zu deiner ausgewählten Design-Vorlage passt, oder zu den Farben, die du selbst ausgewählt hast, siehe unseren Artikel Ändere Farben.
Wähle den Tab 
und probier's aus: Spiele ein bißchen mit Textfarbe und Button-Farbe, und schau, welche Kombination am besten passt. Du siehst das Ergebnis unmittelbar als Vorschau auf dem Bild. Wenn du mit dem Ergebnis zufrieden bist, wähle Speichern.
Farbüberlagerung
Neben der Textfarbe und Button-Farbe kannst du auch die Farbüberlagerung und deren Transparenz mit dem Schieberegler anpassen. Wenn du mit dem Ergebnis zufrieden bist, wähle Speichern.
So sieht das in Aktion aus:
Wenn du eine Farbüberlagerung mit einer Transparenz von 100% wählst, kannst du ganz einfach Farbfelder erstellen, wie du sie in unseren Beispielen im Abschnitt Eindrücke sehen kannst.