Du möchtest möglicherweise aus verschiedenen Gründen ein Banner auf deiner Website anzeigen:
- Um für ein spezielles Ereignis wie einen Verkauf oder eine Neuankunft im Online-Shop zu werben.
- Um eine von dir unterstützte gute Sache zu fördern, zum Beispiel eine gemeinnützige Organisation.
- Um den Verkauf deines Produkts auf Plattformen von Drittanbietern zu steigern, zum Beispiel, um zu einem Produkt im Amazon-Shop zu führen.
- Um deiner Seite mehr Farbe zu verleihen und das neue Benutzererlebnis hervorzuheben.
Es gibt zwei Möglichkeiten, ein Banner auf deiner Website hinzuzufügen:
- Das Bild als Hintergrundblock für den Call-to-Action-Block hinzufügen.
- Einen Banner-HTML-Code direkt auf der Seite über einen HTML-Embed-Block hinzufügen.
Welche Methode du wählst, hängt von deinen Prioritäten ab.
- Brauchst du einen klickbaren Button, damit deine Besucher auf eine andere Seite oder Website weitergeleitet werden oder eine Datei herunterladen können? Wähle den Call-to-Action-Block.
- Hast du bereits einen vorgefertigten Banner von einem Drittanbieter? Wähle einen HTML-Embed-Block.
Hinzufügen eines Banners mit dem Call-to-Action-Block
Um deinen Call-to-Action-Block in einen Vollbild-Banner zu verwandeln, benötigst du ein Hintergrundbild, das die Banner-Botschaft unterstützt. So fügst du auf diese Weise einen Banner hinzu:
- Klicke auf das Pluszeichen (+), um die Blockbibliothek zu öffnen.
- Gehe zum Call-to-Action-Block und wähle ein Layout mit einem Hintergrundbild aus.
- Füge den ausgewählten Block der Seite hinzu und öffne das Blockeinstellungsmenü.
- Stelle sicher, dass die primäre Schaltfläche in den Blockeinstellungen aktiviert ist.
- Bearbeite den Titel nach Bedarf.
- Passe den Button an.
- Ändere den Blockhintergrund in dein Bannerbild.
Dein Banner ist fertig. Vergiss nicht, deine Website zu veröffentlichen, damit die Änderungen online angezeigt werden.
Hinzufügen eines Banners mit dem HTML-Embed-Block
Wenn du bereits einen Code von einem Drittanbieter für deinen Banner hast, kannst du ihn über den HTML-Embed-Block hinzufügen. Auf diese Weise musst du den Banner nicht selbst gestalten. So gehst du vor:
- Klicke auf das Pluszeichen (+), um die Blockbibliothek zu öffnen.
- Wähle den HTML-Embed-Block aus, um ihn der Seite hinzuzufügen.
- Klicke auf das Symbol für benutzerdefinierten HTML-Code, um den Code hinzuzufügen.
- Füge deinen HTML-Bannercode in das entsprechende Feld ein und bestätige die Änderungen.
Dein benutzerdefinierter Banner wird online sichtbar sein, sobald du deine Website veröffentlichst.