Onlineshop erstellen mit dem Baukasten
Warenkorb und Artikelübersicht einfügen
Über die Designvorlage:
Wenn Sie ein neues Webseitenprojekt über den Baukasten erstellen, können Sie zu Beginn eine Designvorlage für die verschiedensten Branchen auswählen. Wenn Sie auf der linken Seite eine Vorlage aus dem Bereich „Elektronischer Handel“ wählen, sind der Warenkorb und die Artikelübersicht bereits enthalten.

Auf bestehende Webseite einfügen
Wenn Sie für ein bestehendes Projekt den Warenkorb und die Artikelübersicht für Ihren Onlineshop einfügen möchten, ist dies über die Tool-Bar mit dem Schaltfläche „E-Commerce“ möglich.

Klicken Sie auf die Schaltfläche und ziehen Sie die jeweiligen Module per Drag&Drop (ziehen und fallen lassen) auf die gewünschte Position auf Ihrer Webseite.

Onlineshop Artikel anlegen und verwalten
Klicken Sie einmal auf das „Shopmodul“ und anschließend auf „Artikel bearbeiten„.

Im linken Bereich sehen Sie die Übersicht aller angelegten Artikel. Neue Artikel können mit „+ Objekt hinzufügen“ angelegt werden. Durch einen Klick auf das „x“ neben dem Artikel, kann das Produkt gelöscht werden. Die Anordnung der einzelnen Artikel können Sie per Drag & Drop ändern, ziehen Sie den Artikel einfach auf die gewünschte Position.
Im rechten Bereich sehen Sie die Artikeldetails.


Erklärung der einzelnen Felder
| Bilder | Ein oder mehrere Artikelbilder festlegen |
| Benennung | Eindeutiger Name für das Produkt |
| Preis | Produktpreis |
| Rabatt (%) | Preisnachlass in Prozenten |
| Artikel-Typ | Bei unserem Beispiel sind bereits Produktvarianten (zum Beispiel Schale) angelegt. Sie können diese bearbeiten, in dem Sie beim Drop-Down für die Produktvarianten „Bearbeiten“ auswählen. Sie können so Varianten der Artikel wie zum Beispiel Größe, Gewicht oder Farben anlegen |
| Beschreibung | Produktbeschreibung festlegen |
| SKU (Artikelnummer) | Bei diesem Feld können Sie eine eindeutige Artikelnummer festlegen |
| Menge | In diesem Feld können Sie Ihren Lagerbestand angeben. Diese Angabe ist nicht öffentlich sichtbar und dient nur für Sie als Übersicht des Lagerbestandes. Dieser Wert muss immer manuell angepasst werden |
| Gewicht | Optional kann das Gewicht des Produkts angegeben werden |
| Kategorien | Die verschiedenen Kategorien können Sie mit einem „klick auf dem Stift“ ändern bzw. anlegen |
| Versteckt | Wenn Sie hier das Häkchen setzen wird der Artikel nicht im Onlineshop angezeigt |
| SEO Title | Bei diesem Feld können Sie einen Seitentitel für das jeweilige Produkt festlegen. Diese Angabe ist ein wichtiger Punkt in Hinsicht auch Suchmaschinen. Der Seitentitel wird dann bei den Suchergebnissen bei den diversen Suchmaschinen angezeigt. Der Titel sollte eine Länge von ca. 55 Zeichen haben |
| SEO Beschreibung | So wie der Seitentitel, ist auch die SEO Beschreibung ein wichtiger Punkt für Suchmaschinen. Diese Beschreibung wird bei den Suchergebnissen unter dem Link angezeigt und sollte eine Länge von ca. 160 Zeichen haben |
| Benutzerfreundliche URL | Eine individuelle URL für die Artikeldetailseite. Wenn Sie beispielsweise den Wert „schale“ angeben, hat die Produktseite die URL „yourwebsite.com/store/schale“ |
Einstellungen für Währung, Artikelbilder, E-Mail Versand (Bestellbestätigung) und Kontaktformular
Währung festlegen
Klicken Sie links auf das „Shopmodul“ und im Rechten Reiter anschließend auf „Einstellungen„.
Hier können Sie alle nötigen Anpassungen zur Preisdarstellung vornehmen.

Erklärung der einzelnen Felder
| Währungen | Hier legen Sie die Standardwährung fest |
| Preis Präfix | (Währungszeichen Ihrer Wahl vor dem Preis) |
| Preis Suffix | (Text nach dem Preis wie zum Beispiel eine MwSt Angabe etc.) |
| Preisoptionen | Sie können bei Bedarf Tausender Trennzeichen, den Dezimalpunkt und die Anzahl der Dezimalstellen festlegen |
Einstellungen für Artikelbilder
Im Reiter „Bilder“ legen Sie die Größe und Erscheinung der Artikelbilder und Vorschaubilder fest.
Einstellungen für E-Mail Versand und Kontaktformular
Damit Sie bei einer neuen Bestellung eine E-Mail Benachrichtigung erhalten und die Bestellbestätigung sowie eine Rechnung an den Kunden per E-Mail gesendet werden können, müssen die E-Mail Einstellungen konfiguriert werden. Diese finden Sie rechts unter dem Reiter „Speichern“.

Felder für das Kontaktformular festlegen
Im Reiter „Felder“ legen Sie die angezeigten Formularfelder für das Kontaktformular fest.

E-Mail Einstellungen
Im Reiter „E-Mail“ legen Sie die grundlegenden E-Mail Einstellungen fest:
- Formular wird an diese E-Mail Adresse gesendet: Hier tragen Sie die gewünschte Empfängeradresse ein. Sie können auch mehrere E-Mail Empfänger festlegen. Wenn Sie mehrere Empfänger festlegen, müssen die einzelnen E-Mail Adressen durch einen Strichpunkt getrennt werden.
- Formular wird von dieser E-Mail-Adresse verwendet: Von dieser Adresse aus wird das Formular an die Empfängeradresse gesendet. Diese E-Mail Adresse erscheint auch als Absender wenn der Kunde die Bestellbestätigung, weitere Informationen oder die Rechnung erhält.
- Mit Betreff: E-Mail Betreff festlegen
- Nachricht gesendet: Hier legen Sie den Bestätigungstext fest der erscheint wenn das Formular abgesendet wird.

Zahlungsarten & Rechnung
Klicken Sie auf den „Warenkorb“ und wählen Sie anschließend im rechten Seitenmenü „Speichern“.

Zahlungsarten festlegen
Unter Zahlungsgateways können Sie die Zahlungsanbieter aktivieren/deaktivieren. Bei manchen Anbietern ist ein Testmodus verfügbar. Das heißt Sie können den gesamten Bestellvorgang inklusive Zahlung testen ohne das eine echte Zahlung durchgeführt wird.
Folgende Zahlungsarten sind möglich:
| Aamarpay | führendes Online-Zahlungs-Gateway und eine Fintech-Firma in Bangladesch |
| Alipay | chinesische Online-Zahlungsplattform der Alibaba Group |
| Artpay | Zahlungsplattform für Künstler, die Ratenzahlungen anbietet |
| Banküberweisung | Im Feld „Informationen, die angezeigt werden sollen, wenn die Bestellung aufgegeben wird“ können Sie einen beliebigen Text festlegen der erscheint wenn die Bestellung aufgegeben wird. Damit die Bestellbestätigung an den Kunden zugestellt werden kann, muss die E-Mail-Einstellung des Shop Kontaktformulars festgelegt werden. Zur Anleitung E-Mail Einstellungen für Onlineshop. |
| BaoKim | vietnamesisches Unternehmen, das sich auf elektronische Zahlungsdienste spezialisiert hat |
| Braintree | Zahlungsdienstleister, der Unternehmen ermöglicht, Online-Zahlungen abzuwickeln |
| CMI | marokkanische Zahlungsanbieter Centre Monétique Interbancaire |
| CoinPayments | globaler Kryptowährungs-Zahlungsdienstleister |
| Klarna | schwedischer Zahlungsanbieter mit Hauptsitz in Stockholm |
| M-Pesa | mobiles Bezahlsystem, das es Nutzern ermöglicht, Geld per Mobiltelefon zu senden, zu empfangen und zu speichern |
| Mollie | Zahlungsdienstleister, der Online-Zahlungen für Unternehmen, insbesondere für Online-Shops, abwickelt |
| Nachnahme | Auch hier können Sie einen individuellen Text für die Bestätigung nach der aufgegebenen Bestellung festlegen. |
| Pagopar | paraguayischer Zahlungsdienstleister |
| PayFast | südafrikanischer Online-Zahlungsdienstleister |
| PayPal | Online-Zahlungsdienst, mit dem man online einkaufen, bezahlen, Geld senden und empfangen kann |
| Paymentez | Zahlungsplattform für digitale Güter und Finanzdienstleistungen in Lateinamerika |
| Paysera | internationaler Finanzdienstleister, der eine breite Palette an Finanzlösungen anbietet, darunter eine mobile App zur Geldverwaltung, Zahlungsabwicklung für E-Shops, Geldüberweisungen und Währungsumtausch |
| Robokassa | russisches Online-Zahlungs-Gateway, das Unternehmen die Annahme und Verarbeitung von Online-Zahlungen ermöglicht |
| Skrill | digitaler Zahlungsdienstleister mit Sitz in London, der als Online-Geldbörse dient, um Geld online zu senden, zu empfangen und zu bezahlen |
| Stripe | Technologieunternehmen, das eine wirtschaftliche Infrastruktur für das Internet bereitstellt und Unternehmen die Abwicklung von Online-Zahlungen ermöglicht |
| Verifone | einer der weltweit größten Anbieter von Point of Sale Kasssenterminals und ein führender Anbieter von Zahlungs- und Handelslösungen |
| WebMoney | internationales Online-Zahlungssystem, das 1998 in Russland gegründet wurde. Es ermöglicht Nutzern, Geld online zu überweisen, Waren und Dienstleistungen zu kaufen und verschiedene Währungen zu halten |
| bePaid | Anbieter von Online-Zahlungsdiensten (Payment Service Provider), der es Unternehmen ermöglicht, verschiedene Zahlungsmethoden in ihre Websites oder mobilen Anwendungen zu integrieren. |
| ePayco | kolumbianisches Unternehmen, das eine umfassende Zahlungs- und Inkasso-Lösung für Unternehmen und Privatpersonen anbietet |
| expresspay | Zahlungsdienstleister und E-Commerce-Abwickler in Ghana |
Rechnung
| Verkäuferangaben auf Rechnung | Firmenname, Firmenadresse, UID, IBAN |
| Text am Rechnungsanfang | beliebiger Text |
| Text an Rechnungsende | beliebiger Text |
| Titelphrase | |
| Rechnungs-Logo | |
| Datumsformat | Deutsches-Format: {DD}-{MM}-{YYYY} |
| Rechnungsnummer | „Einfach“ dort können Sie das Prefix sowie die Länge der Rechnungsnummer festlegen |
| „Erweitert“ wählen, können Sie diverse Optionen für die Rechnungsnummer festlegen und so die Rechnungsnummer ganz Ihren Bedürfnissen anpassen |
Versandländer und Versandkosten
Versandländer
Klicken Sie auf den „Warenkorb“ und im rechten Seitenmenü anschließend auf „Versandländer„.

Neues Objekt erstellen
Erstellen Sie ein neues Versandland in dem Sie anschließend „+ Objekt hinzufügen“ wählen.

Neues Element
Vergeben Sie einen eindeutigen Namen unter „Benennung“ für das Versandland und wählen Sie anschließend das gewünschte Land aus dem Drop down Menü „Länder“. Jetzt können Sie entweder mit „Objekt hinzufügen“ ein neues Versandland anlegen oder Sie bestätigen die Eingaben mit „Anwenden„.

Versandkosten und Versandarten festlegen
Wählen Sie bei den Eigenschaften des Warenkorbs den Button „Versandarten„.

Versandarten Objekt hinzufügen
Füllen Sie rechts das Formular aus und drücken Sie anschließend auf „Objekt hinzufügen„.

Versandart anlegen
- Vergeben Sie unter „Benennung“ einen eindeutigen Namen für die Versandart.
- Wählen Sie die Zielzone (Versandland) für die Versandart. Dieses Feld bezieht sich auf die Versandländer. Wenn Sie noch keine Versandländer angelegt haben, klicken Sie beim Drop-Down Feld einfach auf das Stift Symbol und legen Sie die gewünschten Versandländer an.
- Beim Drop-Down Feld „Typ“ wählen Sie nun nach welchem Kriterium sich die Versandkosten richten. Es stehen die Werte kostenlos, Pauschale, nach Gewicht und nach Zwischensumme zur Auswahl. Je nach gewähltem Wert können Sie nun unterschiedliche Versandkosten festlegen.
- Sie können bei diesem Feld noch die voraussichtliche Lieferzeit für die erstellte Versandart bzw. das Versandland angeben.
Bestellübersicht ansehen
Um alle Bestellungen anzusehen, klicken Sie auf den „Warenkorb“ im rechten Seitenmenü nun anschließend auf „Bestellungen prüfen„.

Bestellprotokoll
Beim Bestellprotokoll sehen Sie eine detaillierte Übersicht aller Bestellungen mit Bestellnummer, Rechnungsnummer, Datum/Zeit, Namen des Käufers, E-Mail Adresse des Käufers, Summe und dem Status. Mit Hilfe des Filters können Sie die Bestellungen sortieren.

Steuerregeln festlegen
Klicken auf den „Warenkorb“ und anschließend im rechten Seitenmenü auf „Steuerregeln.

Neues Element erstellen
- Vergeben Sie beim Feld „Benennung“ einen eindeutigen Namen für die Steuerregel und wählen Sie anschließend „Steuersatz hinzufügen„.
- Im Drop-Down Feld wählen Sie das gewünschte Versandland aus, für das der Steuersatz gelten soll. Dieses Feld bezieht sich auf die Versandländer. Wenn Sie noch keine Versandländer angelegt haben, wählen Sie beim Drop-Down Feld einfach „den Stift“ und legen Sie die gewünschten Versandländer an.
- Im Feld Steuersatz legen Sie den Prozentsatz für die Steuerregel fest.
- Mit „Objekt hinzufügen“ können Sie eine weitere Steuerregel erstellen oder Sie speichern die Änderungen einfach mit „Anwenden„.

Schriftarten und Schrift Stil für die Artikelansicht
Im rechten Seitenmenü beim Reiter „Stil“ können Sie für das Artikel Modul Schriftart, Schriftgröße, Ausrichtung und vieles mehr festlegen.
Textsuchfilter und Preisfilter
Klicken Sie links auf das „Shopmodul“ und im Rechten Reiter anschließend auf „Filter„. Dort können Sie den Textsuchfilter und/oder Preisfilter aktivieren/deaktivieren. Hier kann auch die Position, an der diese Filter angezeigt werden sollen, bestimmt werden. Der Textsuchfilter erlaubt eine Textsuche nach Artikelname, Kategorie oder Produktvariante. Mit dem Preisfilter können Sie die Artikel nach Preis sortieren lassen.

Größe und Position der Artikel Übersicht
Im rechten Seitenmenü beim Reiter „Größe“ kann die Position und Größe der Artikelübersicht auf Belieben angepasst werden.