Gestaltung deiner Produktseite
Es gibt 2 Arten von Landing Page Elementen, die du für deine Produktseite verwenden kannst:
-
Product Grid (für bereits angelegte Produkte):
- Wenn ein Produkt aus der Liste der verfügbaren Produkte ausgewählt wird, werden automatisch die Produktbeschreibung, der Titel und der Preis aus den Angaben des Produkts übernommen und auf der Produktkarte angezeigt.
- Beispielprodukte: 1 Job- Credit, 5 Premium-Job-Credits, 10 Job-Credits
-
CTA-Product:
- Diese Karte kann verwendet werden, um einen benutzerdefinierten Text und eine URL deiner Wahl anzuzeigen.
Zusätzliche Tipp: Stelle sicher, dass bei deinen Produkten das "Self-Service"-Kontrollkästchen ausgewählt ist. Du kannst dies überprüfen, indem du zu /admin/commerce/products navigierst und das bevorzugte Produkt auswählst.
1) Präsentation deiner Produkte mit der Product Grid
Folge diesen Schritten, um eine neue Landing Page einzurichten:
- Klicke auf 'Landing Page Rows' und wähle 'Add Products Grid' aus dem Dropdown-Menü.
- Scrolle nach unten zu 'Items' und wähle 'Add Products'.
- Suche nach deinem bevorzugten Produkt und wähle es aus.
- Stelle sicher, dass du auch andere relevante Landing Page Elemente einfügst, die du in der Übersicht hier findest.
- Speichere deine Änderungen.
2) Präsentation von Produkten über die CTA-Funktion
Folge den hier genannten Schritten, um eine neue Landing Page einzurichten:
- Klicke auf 'Landing Page Rows' und wähle 'Add Products Grid' aus dem Dropdown-Menü.
- Scrolle nach unten zu 'Items' und wähle 'Add CTA - Product'.
- Hier kannst du:
1. Ein Teaser-Bild hochladen
2. Einen Titel und Untertitel (Intro) festlegen
3. Den Inhalt (Produktbeschreibung) hinzufügen
4. Einen Preis angeben
5. Einen CTA-Text festlegen und eine URL hinzufügen - Stelle sicher, dass du auch andere relevante Landing Page Elemente einfügst, die du in der Übersicht hier findest.
- Speichere deine Änderungen.
Zusätzliche Tipps:
- Halte das Layout einfach, insbesondere die Verwendung von Bildern und Text. Das Hauptziel der Produktseite sollte es sein, die Besucher dazu zu bringen, deine Produkte zu kaufen.
- Hast du ein großes Produktportfolio? Teile deine Produktseite in Unterseiten auf.
- Überlege dir die Platzierung der Produktseite. Wir empfehlen, die Landing Page im Hauptmenü zu verlinken.
- Stelle sicher, dass du deine Produkte in Gruppen präsentierst (z.B. 1 Jobcredit, 5 Jobcredits, 10 Jobcredits sollten innerhalb desselben Landing Page Elements präsentiert werden).
- Du kannst die Anzeigeoptionen ändern indem du die "Gridd display options" anpasst:
- Option "Expand": Wenn diese Option aktiviert ist, werden die Elemente in mehreren Reihen angezeigt, wenn nicht genug Platz für alle in einer Reihe ist.
- Option "Scroll horizontally":
Wenn diese Option aktiviert ist, kann man innerhalb der Produktansicht nach links und rechts scrollen.
Tipp: Verwende "horizontal scrollen" nur, wenn du mehr als 3 Produkte anzeigen möchtest.