Wie integriere ich den Webshop in meine Homepage-Baukasten-Seite?

Wenn Sie einen Online-Shop haben, ist es wichtig, dass Sie Ihre Produkte nicht nur anzeigen, sondern auch promoten. Der Checkdomain-Webshop integriert sich nicht nur nahtlos in den Homepage-Baukasten, sondern verfügt auch über verschiedene Optionen zur Darstellung und Hervorhebung von Produkten.

In diesem Artikel finden Sie eine kurze Einführung in die verschiedenen Webshop-Komponenten und wie Sie diese in Ihre Homepage-Baukasten-Seite einfügen können.


Die Webshop Komponenten

Im Homepage-Baukasten gibt es drei Arten von Webshop-Komponenten:

Das Raster für alle Produkte

Dies ist die Hauptkomponente des Webshops. Wenn Sie diese Komponente auf einer Seite Ihrer Homepage einfügen, werden alle Ihre Produkte so angezeigt, wie Sie sie normalerweise mit einem Webshop in Verbindung bringen würden. Beachten Sie bitte, dass Sie diese Komponente nur einmal auf Ihrer Website verwenden können.

wsb_insertshop1.png

Empfohlene Produkte und das Produkt-Widget

Mit der Komponente Weitere Produkte können Sie eine kleine Auswahl bestimmter Produkte anzeigen, während Sie mit dem Produkt-Widget ein einzelnes Produkt aus Ihrem Webshop hervorheben können.

wsb_insertshop2.png

Sie können jede dieser Komponenten so oft und auf so vielen Seiten verwenden, wie Sie möchten. Beide Widget-Optionen sind ideal, um Produkte hervorzuheben, deren Verkauf Sie ankurbeln möchten. Setzen Sie sie auf Ihrer Startseite ein, um die Aufmerksamkeit schnell auf Ihre Produkte zu lenken, oder vielleicht auf einer Unterseite, um eine ausführliche Produktbeschreibung zu ergänzen.

Tipp: Es ist auch möglich, in der Tabelle "Alle Produkte" auf bestimmte Kategorien zu verlinken. Auf diese Weise müssen Ihre Kunden nicht erst den Shop auf Ihrer Website finden und die Produkte sortieren, um etwas Bestimmtes zu finden, sondern Sie können sie von jeder Seite Ihrer Website direkt zu dieser Kategorie verlinken. Dazu müssen Sie den Shop veröffentlichen, ihn in einem Browser öffnen, die Kategorie auswählen und die URL kopieren. Diese kann dann als Link in einen Button, ein Bild oder einen Text im Homepage-Baukasten eingefügt werden.

Komponenten im Homepage-Baukasten hinzufügen

  1. Ziehen Sie die Webshop-Komponente vom Menü links auf die gewünschte Stelle auf Ihrer Seite
  2. Passen Sie die Größe und Platzierung der Webshop-Komponente nach Belieben an.
  3. Klicken Sie auf Webshop bearbeiten, um die Darstellung des Webshops innerhalb Ihrer Homepage-Baukasten-Seite anzupassen.
  4. Klicken Sie auf Speichern und Veröffentlichen, damit Ihr Webshop online verfügbar ist.

2022-02-17_15h26_45.png


Darstellung des Webshops anpassen

Sie können unter anderem einstellen, wie viele Produkte innerhalb einer Zeile angezeigt werden sollen, an welcher Position Werbebanner in welcher Farbe sichtbar sein sollen und wo der Warenkorb angezeigt werden soll.

Im Menü ober-/unterhalb der Webshop-Komponente

  • Bildverhältnis: Stellen Sie das Bildverhältnis für Ihre Produkte ein, z.B. im Hoch- oder Querformat.
  • Zuschneiden: Wird diese Option aktiviert, werden Bilder auf dieselbe Größe zugeschnitten.
  • Karte: Wird diese Option aktiviert, werden alle Produkte auf einzelnen, abgetrennten Karten dargestellt.
  • Produkte pro Reihe: Pro Zeile lassen sich 2 bis 8 Produkte anzeigen.

Im frei schwebenden Menü mit der orangenen Überschrift

  • Stil: Sie können unter anderem die Schriftart, Text- und Akzentfarbe für Ihren Webshop einstellen oder auch den Text innerhalb des „Kaufen“-Buttons setzen.
  • Bild-Stil: Sie können auch hier das Bildverhältnis einstellen und Produktbilder zuschneiden. Weiterhin können Sie eine Hover-Farbe setzen, die sichtbar wird, wenn Sie mit dem Mauszeiger über ein Bild fahren.
  • Navigation: Hier lässt sich einstellen, ob die Kategorieauswahl und die „Sortieren nach“-Auswahl angezeigt werden soll. Mit diesen Funktionen können Ihre Besucher Ihre Produkte sortieren und filtern.
  • Werbebanner - Legen Sie die Position und Farbe von Werbebanner für Ihre Produkte fest. Gehen Sie zur Webshop-Verwaltung, um ein Werbebanner zu einem bestimmten Produkt hinzuzufügen
  • Warenkorb: Positionieren Sie Ihren Warenkorb.

Die empfohlenen Produkte und das Produkt-Widget haben fast dieselben Anpassungsoptionen wie das Raster Alle Produkte. Eine nennenswerte Ausnahme ist die Option Produktbutton, mit der Sie das Aussehen und die Position der Buttons in den Widget-Komponenten ändern können.