Angebotsseite erstellen

Dieser Leitfaden erklärt, wie Sie in BOGOS eine Angebotsseite erstellen, um Ihre aktiven Angebote effektiv zu bewerben, indem Sie sie an einem zentralen Ort präsentieren.

Die BOGOS-Angebotsseite ist ein leistungsstarkes Tool, um Ihre Angebote auf einer zentralen Seite zu präsentieren, sodass Kunden leicht entdecken können, welche Aktionen verfügbar sind.

Von hier aus werden Kunden dann zu den entsprechenden Seiten weitergeleitet, auf denen sie Ihre Angebote einlösen können.

Bei einigen Angeboten können Kunden diese direkt über die Angebotsseite mit der Schaltfläche „Hinzufügen“ einlösen:

• Geschenkangebote: Fügen Sie Geschenke direkt zum Warenkorb hinzu, sobald die Bedingungen erfüllt sind.

• Mengenrabatt & Rabatt auf günstigstes/teuerstes Produkt: Fügen Sie Produkte direkt zum Warenkorb hinzu, um den Rabatt anzuwenden.

Die Einrichtung einer BOGOS-Angebotsseite umfasst 6 Schritte:

1. Navigieren Sie zur Booster-Seite > Angebotsseite erstellen.

2. Geben Sie den Booster-Namen ein (nur für interne Zwecke).

3. Richten Sie den Kopfbereich ein.

4. Richten Sie den Spotlight-Bereich ein (optional).

5. Richten Sie die Hauptbereiche ein.

6. Klicken Sie auf Veröffentlichen und testen Sie die Angebotsseite.

7. Holen Sie sich den Link zur Angebotsseite und binden Sie ihn in Ihre Website ein.

Kopfbereich einrichten

Der Kopfbereich erscheint oben auf Ihrer Angebotsseite und dient dazu, die Aufmerksamkeit der Kunden zu gewinnen.

So richten Sie ihn ein:

1. Füllen Sie die Seitenüberschrift aus oder bearbeiten Sie sie.

2. Füllen Sie die Seitenbeschreibung aus oder bearbeiten Sie sie (optional).

3. Passen Sie die Anzeige des Kopfbereichs an.

Anzeige des Kopfbereichs anpassen

1. Klicken Sie auf Anpassen, um den Editor zu öffnen.

2. Wählen Sie ein Layout aus den 3 verfügbaren Optionen:

1. Inhalt anpassen:

• Ein Banner-Bild hochladen (Empfohlene Größe: 1200 x 800 px. Akzeptiert werden .gif-, .jpg- und .png-Dateien)

• Bannergröße wählen: Wählen Sie zwischen voller Breite (erstreckt sich über die gesamte Seite) oder fester Breite (begrenzt auf einen festgelegten Bereich).

• Eine Weiterleitungsschaltfläche hinzufügen (optional): Fügen Sie eine Schaltfläche mit individuellem Text und einem Link hinzu, um Kunden dorthin weiterzuleiten, wo sie Ihr Angebot einlösen können.

Das Layout „Bild nebeneinander“ unterstützt die Option „Bannergröße wählen“ nicht.

1. Anzeige anpassen: Passen Sie die Farben für verfügbare Optionen an, indem Sie einen Farbcode eingeben oder aus der Farbauswahl wählen.

2. Klicken Sie auf Speichern.

Spotlight-Bereich einrichten (optional)

Der Spotlight-Bereich hebt ein Angebot oben auf der Angebotsseite hervor und hilft Ihnen, dessen Wert klar zu kommunizieren und die Aufmerksamkeit auf Ihre prioritäre Aktion zu lenken.

• Sie können nur einen Spotlight-Bereich erstellen und nur EIN Angebot präsentieren.

• Wenn Sie ein deaktiviertes Angebot auswählen, wird es erst auf der Seite angezeigt, wenn Sie es aktivieren.

So richten Sie ihn ein:

1. Aktivieren Sie „Spotlight-Bereich festlegen“.

2. Wählen Sie ein Angebot aus, das Sie hervorheben möchten.

3. Passen Sie das Layout an.

Layout anpassen

1. Klicken Sie auf Anpassen, um den Editor zu öffnen.

1. Inhalt anpassen:

— Passen Sie jedes Element der Angebotsinformationen an, die Kunden angezeigt werden:

• Titel: Die Hauptüberschrift für Ihr Angebot.

• Beschreibung (optional): Zusätzlicher Text, der das Angebot erklärt.

• Produktlisten-Etikett: Anleitungstext, der oberhalb der Produktliste angezeigt wird.

• Schaltflächentext hinzufügen (falls verfügbar): Der Text der Schaltfläche „Zum Warenkorb hinzufügen“, die angezeigt wird, wenn Kunden Produkte oder Geschenke schnell zum Warenkorb hinzufügen können.

Standardmäßig synchronisiert BOGOS die Angebotsinformationen aus Ihrem ursprünglichen Angebotsinhalt.

— Element hinzufügen (optional). Sie können beliebige oder alle der folgenden 4 Elemente hinzufügen:

• Weiterleitungsschaltfläche: Fügen Sie einen individuellen CTA hinzu, der Kunden dorthin verlinkt, wo sie das Angebot einlösen können.

• Rabattlabel: Geben Sie ein individuelles Rabattlabel ein, um Ihre Deals hervorzuheben.

• Maximaler Rabattbetrag: Geben Sie einen maximalen Rabattwert ein, den Kunden aus dem Angebot erhalten können.

• Gesamtpreiszeile: Geben Sie einen individuellen Gesamt- und Originalpreis ein, um Ersparnisse besser hervorzuheben.

1. Anzeige anpassen:

• Produkte pro Reihe wählen: Steuern Sie, wie viele Produkte pro Reihe auf Desktop und Mobilgeräten angezeigt werden.

• Vergleichspreis anzeigen (optional): Zeigt den Originalpreis Ihrer Produkte an, um Ersparnisse hervorzuheben

• Anzeige anpassen: Passen Sie die Farben für verfügbare Optionen an, indem Sie einen Farbcode eingeben oder aus der Farbauswahl wählen.

1. Klicken Sie auf Speichern.

Hauptbereiche einrichten

Mit den Hauptbereichen können Sie mehrere Angebote in verschiedenen Layouts präsentieren, sodass Kunden jedes Angebot leicht durchsuchen, vergleichen und dessen Wert verstehen können.

• Sie können mehrere Hauptbereichs-Layouts zu einer Angebotsseite hinzufügen.

• Jeder Bereichstyp kann mehrere Angebote anzeigen.

• Wenn Sie ein deaktiviertes Angebot auswählen, wird es erst auf der Seite angezeigt, wenn Sie es aktivieren.

So richten Sie einen neuen Bereich ein:

1. Klicken Sie auf Abschnitt hinzufügen > Wählen Sie einen Bereichstyp.

2. Füllen Sie den Bereichstitel und die Beschreibung aus oder bearbeiten Sie sie (optional).

3. Wählen Sie ein oder mehrere Angebote aus, die unter dem ausgewählten Bereichstyp präsentiert werden sollen.

4. Klicken Sie auf Anpassen, um den Editor zu öffnen.

5. Passen Sie den Layout-Inhalt an.

6. Passen Sie die Layout-Anzeige an.

7. Klicken Sie auf Speichern.

Bereichstyp wählen

Es gibt 6 Bereichstypen, jeder für unterschiedliche Werbeziele und Anzeigebedürfnisse konzipiert.

— Exklusiv für geschenkbasierte Kampagnen:

• Geschenkkollektion: Zeigt alle Geschenke in einem kompakten Raster an. Sobald Kunden qualifiziert sind, erscheint die Schaltfläche „Hinzufügen“, mit der sie Geschenke direkt auf der Angebotsseite zum Warenkorb hinzufügen können.

— Zur gleichzeitigen Präsentation mehrerer Aktionen:

• Angebotskollektion – Stil 1: Einfaches Listenlayout für eine übersichtliche, textorientierte Ansicht, Kunden können Angebote schnell überfliegen.

• Angebotskollektion – Stil 2: Ein visuelles Rasterlayout für eine bildorientiertere Ansicht, Kunden können Angebote wie in einer Galerie durchsuchen.

— Zur Fokussierung auf ein Angebot mit Produktpräsentation:

• Angebotsblock: Schnelle Hervorhebung für 1–2 Produkte im Angebot (Bild optional).

• Angebots-Detailblock: Zeigt mehrere Produkte zusammen mit den Angebotsdetails an.

• Angebots-Detailblock mit Bild: Verwendet ein großes Hauptbild zusammen mit mehreren Produkten.

Layout-Inhalt anpassen

Die verfügbaren Optionen können je nach ausgewähltem Bereichstyp variieren.

1. Wählen Sie das Angebot, das Sie anpassen möchten, aus der Angebotsliste (links).

2. Passen Sie die Angebotsinformationen an (rechts). Die Einrichtung erfolgt genauso wie im Spotlight-Bereich.

3. Laden Sie ein Angebotsbild hoch (falls verfügbar), akzeptiert werden .gif-, .jpg- oder .png-Dateien, mit einer empfohlenen Größe von 100 KB für schnelles Laden.

Erforderlich für die meisten bildunterstützten Layouts, optional für den Angebotsblock.

1. Element hinzufügen (optional). Die Einrichtung erfolgt genauso wie im Spotlight-Bereich.

2. Wählen Sie ein Symbol aus oder laden Sie Ihr eigenes hoch (falls verfügbar). Wir empfehlen .jpg- oder .png-Dateien mit 100 KB für schnelles Laden.

3. Spaltenreihenfolge umkehren: Aktivieren Sie diese Option, um die Position von Inhalt und Bildern zu vertauschen.

Layout-Anzeige anpassen

Die verfügbaren Optionen können je nach ausgewähltem Bereichstyp variieren.

1. Wählen Sie das Angebot, das Sie anpassen möchten, aus der Angebotsliste (links).

2. Öffnen Sie den Tab Anzeige (rechts).

3. Wählen Sie Angebotsbild-Seitenverhältnis: Stellen Sie sicher, dass das Bild richtig in das Layout passt.

4. Wählen Sie Produkte pro Reihe: Steuern Sie, wie viele Produkte pro Reihe auf Desktop und Mobilgeräten angezeigt werden, um für unterschiedliche Bildschirmgrößen zu optimieren.

5. Vergleichspreis anzeigen (optional): Zeigt den Originalpreis Ihrer Produkte an, um Ersparnisse hervorzuheben

6. Anzeige anpassen: Passen Sie die Farben für verfügbare Optionen an, indem Sie einen Farbcode eingeben oder aus der Farbauswahl wählen.