Wie gestalte ich eine Übersicht für meine Angebote?

Um deine Angebote am besten auf deiner Spreadmind Plattform deinen Besucher zeigen zu können, empfehlen wir, auf der Startseite eine Übersicht mit Hilfe von ein paar Divi Modulen aufzubauen. 

Ziel dabei ist es, einen Vorgeschmack auf deine Angebotspalette zu geben. Der Besucher soll dann bei weiterem Interesse auf die Verkaufseite weitergeleitet werden. 

So könnte der Abschnitt deiner Angebote ohne Bilder auf der Startseite aussehen:

So könnte der Abschnitt deiner Angebote mit Bilder auf der Startseite aussehen:

Logge dich zunächst ins Backend deiner Spreadmind Plattform ein. Wie das geht, erfährst du in dieser Anleitung. Aktiviere dann auf der Startseite (oder einer anderen Seite) den visuellen Builder von Divi. 

1. Übersicht Angebote ohne Bilder

Für diese Ansicht nutzen wir ein einziges Divi Modul – Der Handlungsaufruf. Auch "Call-To-Action" (CTA) genannt, bringt das Modul bereits alle wichtigen Inhalte mit sich: Titel, Text und einen Button. Die Hintergrundfarbe lässt sich jederzeit anpassen.

Füge als nächstes eine neue reguläre Sektion mit einem 3-spaltigen Zeilenaufbau sowie das Modul "Handlungsaufruf" hinzu: 

In dessen Modul-Einstellungen können wir die Überschrift, einen Beschreibungstext und einen Button darstellen:

Der Button-Text wird erst dann angezeigt, wenn du einen Button-Link hinterlegt hast. Hinterlege unter "Link" > "Link-URL des Buttons" daher die Verkaufsseite deines Angebots. Du kannst in das Feld direkt die URL deiner Zielseite eintragen oder die Option "Dynamischen Inhalt verwenden" nutzen. Deine veröffentlichten Produkte findest du in der Drop-Down-Liste unter "Download Link":

Hast du deine Verkaufsseite als Seite angelegt (Backend "Webseite" > "Seiten") wählst du anstelle von "Download-Link" im Drop-Down einfach die Option Seiten-Link aus.

In den Modul-Einstellung kannst du nun noch die Hintergrundfarbe bei der Option "Hintergrund" entsprechend auf dein Corporate Design anpassen:

Dupliziere das Modul und verschiebe es in die 2. Spalte:

Öffne über das Zahnrad-Icon die Modul-Einstellungen und ändere deine Inhalte auf dein 2. Angebot ab. 

Wiederhole diesen Vorgang für dein 3. Angebot. 

2. Übersicht Angebote mit Bilder

Möchtest du oberhalb des Titels ein Bild deines Angebots darstellen, empfehlen wir, auf ein anderes Modul auszuweichen: Das Informationstext-Modul in Kombination mit einem Button-Modul:

Füge in einer 3-spaltigen Zeile als erstes das Informationstext-Modul hinzu. In dessen Modul-Einstellungen kannst du einen Titel und den Beschreibungstext unter der Option "Text" einfügen:

Unter der Option "Bild/Icon" kannst du ein eigenes Bild aus deiner Mediathek einbinden, welches automatisch oberhalb des Titels ausgegeben wird: 

In den Modul-Einstellungen unter dem Reiter "Design" kannst bei der Option "Text" deinen Text zentriert ausrichten:

Füge nun ein Button-Modul hinzu und trage unter der Option "Text" den Button-Text ein und bei der Option "Link" hinterlegst du die Ziel-URL:

Auch beim Button-Link kannst du in das Link-Ziel Feld direkt die URL deiner Zielseite eintragen oder die Option "Dynamischen Inhalt verwenden" nutzen, wie weiter oben in dieser Anleitung beschrieben:

3. Headline "Meine Angebote" hinzufügen

Du kannst optional auch noch weitere Inhalte hinzufügen, wie bspw. eine Headline mit "Meine Angebote". 

Dazu fügst du einfach eine neue 1-spaltige Zeile mit einem Text-Modul hinzu. Per Drag&Drop kannst du die neue Zeile oberhalb deiner Angebote platzieren:

4. Eine fertige Layout Vorlage von Divi nutzen

Eine weitere Möglichkeit ist, deine Seite mit einer Divi Layout-Vorlage zu gesalten und dann einfach nur die Inhalte zu verwenden, welche du benötigst. 

Schau dir dazu einfach das Video in dieser Anleitung an: Wie nutze ich fertige Layout-Vorlagen auf einer Landingpage?