So erstellen Sie einen fantastischen Online-Shop mit WooCommerce, Divi und SiteGround (2023)

Wenn Sie einen Dienst über einen Link auf dieser Seite abonnieren, verdient Reeves and Sons Limited möglicherweise eine Provision. Siehe unsere Ethikerklärung.

Über 74 Millionen Websites sind auf die WordPress-Plattform angewiesen, um ihre Blogs zu hosten, ihre Produkte zu verkaufen oder ihre täglichen Gedanken für die Welt zu schreiben. Wenn Sie anfangen zu bauen Ihre E-Commerce-Website Sie müssen mit Sicherheit eine Menge Entscheidungen treffen, und WordPress knüpft daran an.

Welche der herausragenden E-Commerce-Plattformen Wirst du wählen? Planen Sie ein Thema für den Verkauf Ihrer Produkte oder gibt es jemanden, den Sie bezahlen können, um die Website von Grund auf neu zu erstellen? Was haben Sie überhaupt vor, um über Ihre E-Commerce-Website zu verkaufen?

Anmerkung des Herausgebers: Dieser Beitrag wurde ursprünglich am 15. Januar 2015 veröffentlicht und aus Gründen der Genauigkeit und Vollständigkeit vollständig überarbeitet und aktualisiert.

Es gibt Tausende bis Millionen von WordPress-Themes zur Auswahl, wenn Sie nach der Frontend- und Backend-Struktur suchen, um mit dem Online-Verkauf zu beginnen. Fast dasselbe mit Hosting (aber wir bevorzugen SiteGround or Bluehost).

Zu den besten Themen gehören schnelle und einfache E-Commerce-Management-Tools, mit denen Sie Produkte hochladen und Dinge wie Rabatte, Belohnungen, Schaltflächen und Produktseiten verwalten können. Ihr Thema ist auch das erste, was Nutzer sehen, wenn sie Ihre Website besuchen. Es führt sie durch den Prozess und trägt wirklich den Unterschied zwischen jemandem, der mit der Erfahrung zufrieden ist oder nicht.

Kurz gesagt, WordPress-Themen sind entscheidend, und die Divi WordPress-Theme von Elegant Themes ist eine ziemlich gut aussehende Option, die Sie in Betracht ziehen sollten. Es kann für eine Standard-Business-Website verwendet werden, enthält jedoch auch Integrationen für den E-Commerce-Verkauf und schnelle Verkaufsprozesse. Lassen Sie uns lernen, wie Sie mit dem einen Online-Shop erstellen Divi WordPress-Theme.

Holen Sie sich zuerst Ihre Domain und Ihr Hosting

????Der erste Schritt bei der Erstellung einer Website ist die Erfassung eines Hosting-Accounts, eines Domainnamens und die Installation von WordPress auf der Website. Divi ist nicht anders. Es gibt viele Möglichkeiten, Hosting- und Domain-Namen zu erhalten, aber ich persönlich denke SiteGround ist eine der sichersten und zuverlässigsten Optionen. (Weitere Informationen finden Sie in unserem umfassenden SiteGround Überprüfen).

Was wirklich cool ist, ist das SiteGround bietet eine spezialisierte verwaltet WooCommerce Hosting Servicepaket mit so ziemlich allem, was Sie für den Online-Verkauf benötigen. Innerhalb des Pakets können Sie sich entweder mit dem zufrieden geben StartUp Planen für Anfänger, GrowBig-Plan für wachsende Unternehmen oder GoGeek für etablierte WooCommerce Shops.

Jedes dieser Funktionen bietet erweiterte Funktionen zur Optimierung Ihrer WooCommerce Website zu einem vernünftigen Preis.

Das heißt, ein weiterer Hosting-Service, den wir sehr empfehlen würden Divi WooCommerce Geschäfte ist Bluehost. Obwohl die Funktionen hier nicht übereinstimmen SiteGroundSie bekommen immer noch WooCommerce-fokussiertes Hosting über das WordPress-E-Commerce-Paket. Die Pläne können bequem mit a umgehen Divi WooCommerce speichern, aber leider erhalten Sie keine verwalteten Dienste.

👉 Lassen Sie uns der Klarheit halber fortfahren SiteGround...

Wie fangen Sie an?

Gehen Sie zum SiteGround Managed WooCommerce Hosting Seite, wählen Sie einen idealen Plan und klicken Sie auf Plan abrufen.

Meiner Meinung nach ist die GoGeek-Plan scheint die am besten geeignete Option zu sein, da sie unbegrenzt unterstützt WooCommerce Websites mit erweiterten E-Commerce-Funktionen. Neben mehr Serverleistung erhalten Sie unter anderem Prioritätsunterstützung, WordPress-Staging, On-Demand-Backup und Super-Chacher-Ressourcen sowie kostenlose Standortübertragungen und Cloudflare CDN.

👉 In Bezug auf Ressourceneinsparungen berücksichtigt dieser Plan Folgendes:

  • 6GB-Postfach
  • 1 GB Datenbankspeicher
  • SSD-Speicher
  • Unbemessene Datenübertragung
  • 30GB Speicherplatz
  • Bis zu 100,000 monatliche Besuche

Beachten Sie, dass Dieser Service beginnt bei $ 11.95 pro Monat, und es ist sehr ähnlich, wie Sie eine reguläre WordPress-Site auf einem BlueHost-Hosting-Konto installieren würden.

Aber denken Sie daran, das ist ein Sonderpreis für Anfänger. Erwarten Sie, dass es bei zukünftigen Verlängerungen auf 34.95 US-Dollar ansteigt. Dies ist immer noch eine angemessene Gebühr, wenn Sie alle Funktionen berücksichtigen, die Sie auf lange Sicht erhalten.

Nachdem Sie Ihren bevorzugten Plan ausgewählt haben, SiteGround leitet Sie zu seiner Domainregistrierungsseite weiter. Wenn Sie bereits eine Domain besitzen, wählen Sie die zweite Option und geben Sie die Details ein. Anderewise, fahren Sie mit der Registrierung eines neuen Domainnamens für 15.95 $ pro Jahr fort.

Als Nächstes wählen Sie im letzten Schritt Ihre bevorzugten Hosting-Optionen aus und geben Ihre Zahlungsinformationen und persönlichen Daten ein, bevor Sie das Konto erstellen.

Natürlich sind dies grundlegende Dinge, die Sie schon oft behandelt haben. Sie sollten also keine Schwierigkeiten haben, Ihre Telefonnummer, Ihr Land, Ihren Namen, Ihre E-Mail-Adresse, Ihr Kontopasswort usw. einzugeben.

Für den Zahlungsteil müssen Sie Ihre Kreditkartendaten eingeben. Sie können entweder fortfahren Entdecken Sie, MasterCard or Visum.

Interessanterweise SiteGround listet PayPal trotz seiner wachsenden Beliebtheit unter nicht auf WooCommerce Kaufleute. Zum Glück stellt sich heraus, dass sie PayPal-Zahlungen akzeptieren können, wenn auch indirekt.

Wenn dies Ihr bevorzugter Modus ist, lassen Sie einfach die Felder leer und kontaktieren Sie SiteGroundVertriebsmitarbeiter über das Live-Chat-Tool. Sie helfen Ihnen dabei, den Vorgang über PayPal abzuschließen.

Der letzte Abschnitt enthält mehrere Optionen für Ihren Hosting-Service, einschließlich Ihres bevorzugten Rechenzentrums sowie der Abonnementdauer.

Nun, um die Datenübertragungsentfernung zwischen zu minimieren SitegroundServer und Ihre WooCommerce Wählen Sie für die Besucher der Website den Standort des Rechenzentrums aus, der Ihrem Zielmarktgebiet am nächsten liegt.

Wählen Sie dann zusätzliche Add-On-Services aus, die Sie in Ihr Paket aufnehmen möchten, und voila! Das ist alles, was Sie brauchen, um eine einzurichten Siteground Konto.

Sobald Sie fertig sind, melden Sie sich in Ihrem Konto an und gehen Sie direkt zu Ihrem cPanel-Bereich. Sie finden ein standardmäßiges WordPress-Autoinstallationsprogramm. Wählen Sie es aus, geben Sie Ihre WordPress-Anmeldedaten ein und klicken Sie auf die Schaltfläche "Installieren".

Nun, Sie werden feststellen, dass der WordPress-Installationsprozess einige Sekunden dauert, da alles automatisiert ist. Und nachdem alles eingerichtet ist, SiteGround Sie erhalten den richtigen Domainnamen, auf den Sie zugreifen können, wenn Sie Änderungen am Backend Ihrer Website vornehmen möchten.

Erstellen Sie Ihren Online-Shop mit Divi

Was ist Divi?

Ok, wenn Sie es noch nicht ausprobiert haben, haben Sie bestimmt schon davon gehört. Divi ist kein gewöhnlicher WooCommerce Thema. Tatsächlich ist es eines der beliebtesten WordPress-Themes für elegante Themes. Und interessanterweise Divi is Elegantes Thema's Flaggschiff-Produkt.

Was ist das Besondere an diesem Thema? Und gibt es etwas Außergewöhnliches? Divi WooCommerce?

Nun, im Gegensatz zu typischen WordPress-Themes, Divi ist eher ein umfassendes Paket. Das heißt, es kombiniert Standard-Themenfunktionen mit zusätzlichen Funktionen, die sich als nützlich erweisen Divi WooCommerce Shops.

was divi

Versteh mich aber nicht falsch. Obwohl Divi WooCommerce Unterstützung steht hier im Vordergrund, das Thema kann noch viel mehr. Im Wesentlichen, Divi kann dank seiner breiten Palette an Website-Layouts nahtlos in jede Art von Website integriert werden. Nicht nur E-Commerce.

Dann, um das Ganze abzurunden, Divi wird mit einem eigenen intuitiven WordPress-Seitenersteller geliefert plugin. Sie können es verwenden, um Ihre frei anzupassen Divi WooCommerce überhaupt ohne Codierung speichern.

In der Tat Divi wurde für Anfänger entwickelt. Sie können also erwarten, ein ordentliches Bedienfeld zu finden, das fast keine Lernkurve aufweist. Es dauert nur wenige Minuten, um das Ganze in den Griff zu bekommen Divi Ökosystem, einrichten und anpassen Divi WooCommerce Layouts.

👉 Am Ende werden Sie also in der Lage sein, Kapital zu schlagen Divi'S:

  • Eine Reihe anpassbarer Layouts für jede Art von WordPress-Website, einschließlich WooCommerce Online-Shops.
  • Einfach zu verwendender Page Builder, der eine Vielzahl von Website-Elementen und Gestaltungsmöglichkeiten bietet.
  • Flexibler Anpassungsprozess ohne jegliche Codierung. Selbst Anfänger können sich bequem einrichten und voll funktionsfähig optimieren Divi WooCommerce Shops.
  • Einfache WordPress-Integration. Divi ist eines der wenigen externen WordPress-Themes, die nahtlos und ohne komplexe Änderungen installiert werden können.
  • E-Commerce-optimiert WooCommerce Templates.

Divi Drag & Drop-Seitenersteller

Wie wir gesagt haben, Divi kommt in zwei verschiedenen Geschmacksrichtungen. Wenn Sie für die Mitgliedschaft am bezahlen Elegante Themen, Sie finden den Standard Divi Thema auf dem Armaturenbrett, begleitet von der Divi WordPress-Seitenersteller plugin.

Es ist jedoch erwähnenswert, dass dieser Builder nicht ausschließlich an die gebunden ist Divi Thema. Es kommt als zusätzliches plugin zu jedem einzelnen Thema, das von Elegant Themes erworben wurde.

Das sagte der Divi WordPress Page Builder ist ein Drag-and-Drop-Editor mit erweiterten Anpassungsfunktionen. Sie können Elemente, Spalten, Zeilen und Module ohne Programmiererfahrung verschieben und definieren. Mit anderen Worten, es ist der Typ des Builders a Divi WooCommerce Anfänger würden hoffen zu bekommen.

divi Einstellungen

Aber machen Sie keinen Fehler. Obwohl die Divi Der Page Builder richtet sich an Anfänger und ist ein Editor, der auch erfahrenen Entwicklern hilft. Sie können ihre visuellen Funktionen systematisch mit CSS-Steuerelementen kombinieren, um ihre Funktionen zu verbessern Divi WooCommerce Websites auf die nächste Ebene.

Kommen Sie es jedoch zu denken, Sie benötigen keinen Entwickler, um alle Elemente in Ihrem zu entwerfen Divi WooCommerce speichern. Sie können sich allein auf visuelle Funktionen verlassen.

Und weisst du was?

Divi Sogar Versuche, den gesamten Prozess durch Beschriften und Farbcodieren der Layoutmodule zu vereinfachen.

Apropos, eine weitere bemerkenswerte Bestimmung ist hier DiviVereinfachung des Layoutanpassungsprozesses. Wenn Sie beispielsweise einen neuen Abschnitt einführen möchten, sollte ein einziger Klick ausreichen. Duplizieren, Entfernen und Einfügen von Modulen für Ihre Divi WooCommerce Mit store können Sie nur wenige Mausklicks ausführen.

Unterdessen DiviIm Bearbeitungsfenster werden die Layoutänderungen Ihrer Site in Echtzeit angezeigt. Sie können jede einzelne Anpassung visuell verfolgen und sehen, wie sich dies auf das allgemeine Outlook-Design Ihres Geräts auswirkt Divi WooCommerce zu speichern.

Vorgefertigt Divi WooCommerce Website-Layouts

Um Sie vor dem mühsam anspruchsvollen Prozess zu bewahren, eine Website von Grund auf neu zu erstellen, müssen Sie die Divi WordPress Theme enthält eine Vielzahl vordefinierter Site-Vorlagen. Und da Sie möglicherweise unterschiedliche Layoutoptionen für dieselbe Vorlage benötigen, Divi bietet seine Website-Designs als umfassende Pakete an. Folglich erhalten Sie unterschiedliche Vorlagenlayouts und -farben.

Genauer gesagt, Divi bietet ungefähr 7-8 verschiedene vorgefertigte Layouts für jedes einzelne Website-Paket. In Anbetracht der Tatsache, dass jedes Layout vollständig erstellt wurde, können Sie die Layouts problemlos übernehmen, ohne die zugrunde liegende Struktur umfassend zu überarbeiten. Sie nur ein paar Änderungen hier und da.

divi Website-Layouts

Finden Sie jetzt eine perfekte für Sie WooCommerce Im Online-Shop scrollen Sie einfach durch die verschiedenen Website-Kategorien auf der Divi Thema. Alternativ können Sie mithilfe von Schlüsselwörtern alle Optionen gleichzeitig durchsuchen.

Alles in allem dauert es nicht lange, einen geeigneten zu finden Divi Online-Shop-Layout. Sie müssen es nur integrieren WooCommerceund Sie sind auf dem Weg, eine attraktive WordPress-E-Commerce-Website einzurichten.

Wenn Sie fortfahren, werden Sie feststellen, dass dies besonders herausragend ist Divi konzentriert sich nicht nur auf das Aussehen. Das WooCommerce Layouts, die mit dem kommen Divi Das Thema wurde auch mit Blick auf die Funktionalität erstellt.

Zusätzlich zu typischen Store-Seiten wie Kasse, Produkten und Warenkorb Divi Enthält standardmäßig E-Commerce-Module. Insbesondere erhalten Sie Abschnitte wie vorgestellte Produkte, Verkaufsartikel und vieles mehr.

Is Divi Passend für WooCommerce?

Alles in Betracht gezogen, Divi wird immer beliebter, da es sich im Grunde genommen um eine All-in-One-Lösung für WordPress-Themen handelt.

Kombiniert die Divi Page Builder und Divi Thema Das Angebot bietet so ziemlich alles, was Sie zum Einrichten einer WordPress-Site benötigen. Und dazu gehört auch eine voll funktionsfähige WooCommerce Speichern Sie mit allen wichtigen E-Commerce-Funktionen.

👉 In einer Nussschale, Divi ist eine Option, die es wert ist, für Sie in Betracht gezogen zu werden WooCommerce Website, weil:

  • Sie können anpassen, Ihre WooCommerce Website über einen visuellen Drag-and-Drop-Editor.
  • Divi Mit dieser Option können Sie Ihre Optimierungen als globale Elemente in allen Layouts speichern.
  • Es kommt mit über 20 gut gestalteten vorgefertigten Website-Layouts.
  • Sie können die Layouts problemlos exportieren und anschließend auf anderen Websites verwenden.
  • Sie können Ihre gestalten WooCommerce Speichern mit mehreren Spalten, Zeilen und Inhaltselementen.
  • Alle WooCommerce Layouts wurden für mobile Geräte optimiert.
  • Genau wie MS Word, Das Bearbeiten von Textinhalten ist so einfach wie das Klicken und das Eingeben.
  • Der gesamte Anpassungsprozess der Website wird in Echtzeit nachverfolgt und bietet somit eine Live-Vorschau aller Designänderungen.
  • WooCommerce Layouts werden mit primären Online-Shop-Seiten und Modulen geliefert.

Schritt 1: Melden Sie sich mit eleganten Themen an, um Zugriff zu erhalten Divi

Beginnen Sie mit dem Produktseite für elegante Designs für die Divi WordPress-Theme. Diese Seite bietet die Option für eine Themendemo und einen Schnelldownload-Button. Elegant Themes verkauft seine Themen über eine jährliche oder einmalige Zahlungsstruktur, was für Entwickler mit mehreren Kundenstandorten oder für Personen, die zahlreiche E-Commerce-Websites betreiben, hilfreich ist. Man kann nicht wirklich nur ein Thema kaufen, sondern das Persönlicher Plan für $ 67 pro Jahr ist vergleichbar mit dem, was Sie für ein reguläres Thema bezahlen könnten, und Sie können die jährlichen Zahlungen einstellen, wenn Sie den Support nicht mehr benötigen. Fühlen Sie sich frei, mit dem Thema herumzuspielen, bevor Sie sich zur Zahlung verpflichten.

Divi WordPress Thema

Schritt 2: Installieren Divi auf Ihrer WordPress-Site

Sobald Sie sich angemeldet haben, klicken Sie auf den Download-Button für das Thema. Dadurch wird das Thema als Zip-Datei auf Ihrem Computer gespeichert. Wechseln Sie zum Tab "Darstellung" im Backend Ihrer WordPress-Site und klicken Sie auf die Option "Designs".

Wordpress neues Thema

Schritt 3: Klicken Sie auf die Schaltfläche Add New

Wordpress neues Thema hinzufügen

Klicken Sie auf die Schaltfläche Thema hochladen. Suchen und laden Sie die ZIP-Datei des Designs hoch. Gehen Sie den Prozess durch, um das Design vollständig zu aktivieren, und dann sollten Sie in der Lage sein, das Design im Frontend Ihrer Website zu sehen.

Wordpress-Thema hochladen

Schritt 4: Richten Sie Ihre ein WooCommerce Geschäft

Wenn du zur Divi Themendokumentationsseite Sie finden so ziemlich jedes Werkzeug und jede Funktion, mit der Sie an dem Thema arbeiten können, aber wir konzentrieren uns hauptsächlich auf die Einrichtung einer E-Commerce-Website. Das Divi Thema ist kompatibel mit WooCommerce So können Sie alle Ihre Produkte davon anzeigen.

Was großartig ist, ist die Initiale SiteGround Anmeldung bereits installiert WooCommerce auf Ihrer WordPress-Website, sodass Sie sich keine Gedanken über die Installation oder Einrichtung machen müssen. Es sollte bereits in Ihrem Dashboard verfügbar sein.

Schritt 5: Fügen Sie Ihre ersten Produkte hinzu WooCommerce

Sie haben die E-Commerce-Site technisch bereits vollständig eingerichtet, aber wir möchten tatsächlich einige Produkte hinzufügen, damit sie wie eine E-Commerce-Site im Frontend aussieht. Gehen Sie zu Ihrem WordPress-Dashboard und klicken Sie unter auf die Registerkarte Produkte WooCommerce und klicken Sie auf den Artikel Produkt hinzufügen.

WooCommerce neues Produkt hinzufügen

Schritt 6

Dies bringt eine neue Produktseite zum Ausfüllen. Es sieht einem WordPress-Seiteneditor sehr ähnlich, außer dass Sie einen Produktnamen, eine Beschreibung und ein vorgestellten Bild hinzufügen können, damit die Leute sehen können, wie das Produkt auf Ihrer Website aussieht.

E-Commerce fügt neue Produktfelder hinzu

Schritt 7: Erkunden Sie die WooCommerce Eigenschaften

Wenn Sie unter dem Beschreibungsbereich nach unten scrollen, finden Sie alles Mögliche WooCommerce Funktion zum Herumspielen. Fühlen Sie sich frei, Dinge wie Artikelnummern, Inventar, Preise, Versand und Attribute zu ändern. Die Funktionen sind viel zu umfangreich, als dass ich sie hier beschreiben könnte, aber Sie können zu den gehen WooCommerce Dokumentationsseite um alles zu verstehen, was Sie auf Ihrer E-Commerce-Site einrichten können.

WooCommerce Funktionen

Schritt 8: Homepage erstellen

Der springende Punkt davon ist zu Erstellen Sie eine Homepage oder eine reguläre Seite, auf der alle Ihre Produkte aufgeführt sind, wenn Personen auf Ihrer Website erscheinen. Gehen Sie daher auf der linken Seite Ihres WordPress-Dashboards zu Seiten> Neu hinzufügen.

Wordpress neue Seite

Schritt 9: Fügen Sie einen Titel für Ihre Divi Seite

Erstellen Sie einen Titel für Ihre Seite. Klicken Sie oben auf die Schaltfläche Seitengenerator verwenden, und tippen Sie auf den Bereich Module einfügen, um eine Kopfzeile mit voller Breite einzufügen. Sie müssen keinen Header mit voller Breite auswählen, aber wir gehen zu diesem Tutorial.

Seitenerstellung WordPress

Schritt 10

Klicken Sie auf die Schaltfläche Volle Breite Kopfzeile.

Fügen Sie eine Kopfzeile hinzu

Schritt 11

Geben Sie die Details für Ihren Site-Titel, Untertitel und Textfarbe ein. Sie können sogar das Admin-Label ändern, das hauptsächlich für Ihre eigene Referenz gedacht ist. Klicken Sie auf die Schaltfläche Speichern, wenn Sie fertig sind.

Header-Anpassung

Schritt 12

Tippen Sie auf die drei Balken links neben dem Kopfzeilenmodul für die volle Breite, um weitere Einstellungen zu ändern.

WordPress woocommerce Setup

Schritt 13

Hier können Sie der Kopfzeile eine schöne Hintergrundfarbe geben und sogar ein Video für Ihr Unternehmen einfügen.

Twize diese Tasten herum

Schritt 14

Jetzt, da der Header vollständig ist, können wir das E-Commerce-Modul hinzufügen, indem Sie auf den Bereich Spalten einfügen klicken.

Wordpress E-Commerce-Setup

Schritt 15

Wählen Sie, wie viele Spalten Sie möchten, und klicken Sie dann auf die Option Module einfügen. Wählen Sie den Shop-Button am unteren Rand.

Wordpress E-Commerce-Setup

Schritt 16

Fühlen Sie sich frei, wie Sie Ihre Produkte anzeigen möchten. Vielleicht möchten Sie also Ihre aktuellen Produkte zusammen mit 12-Elementen auf der Seite anzeigen, ein paar Spalten und wie Sie sie bestellen möchten. Klicken Sie auf die Schaltfläche Speichern.

Wordpress E-Commerce-Setup

Schritt 17: Vorschau und Veröffentlichung

Sobald dies abgeschlossen ist, können Sie auf die Schaltfläche Vorschau oder Veröffentlichen klicken, um Änderungen am Frontend anzuzeigen. Wie Sie sehen können, werden die Produkte gut angezeigt und Sie können jederzeit Ihre Einstellungen für Produkte oder Storefront im WordPress-Backend ändern. Herzliche Glückwünsche!

Wenn Sie Fragen zum Einrichten des Divi WordPress Thema, lass es uns bitte im Kommentarbereich unten wissen.

Konklusion

Und das ist alles, was Sie brauchen, um Ihre zu bekommen Divi WooCommerce Online-Shop mit einem SiteGround Hosting-Konto.

Wenn Sie vorwärts gehen, können Sie sicher sein, dass SiteGround wird alle kritischen technischen Dinge wie WordPress-Updates und behandeln WooCommerce Sicherheit. Das ist der grundlegende Unterschied zwischen verwaltet WooCommerce Hosting- und reguläre Shared-Hosting-Lösungen. Daher haben Sie die dringend benötigte Zeit und den Raum, um sich auf Ihre zu konzentrieren WooCommerce Geschäftsleitung.

Und wie wir bereits gesehen haben, sollte das mit dem ein Kinderspiel sein Divi Thema. Sie können jederzeit auf Ihre zugreifen Divi WooCommerce Layout aus Ihrem WordPress-Backend, um es weiter anzupassen. Wenn du wish, Sie können sogar das gesamte Design komplett ändern, indem Sie zu einem anderen Layout wechseln, das mit a umgehen kann WooCommerce speichern auch. Es ist deine Entscheidung.

Wenn Sie Fragen zum Einrichten des Divi WordPress-Theme, bitte teilen Sie uns dies im Kommentarbereich unten mit.

Kommentare 25 Antworten

  1. Manfred sagt:

    „Fantastisch“ hätte im Titel weggelassen werden sollen

  2. Juanjo Hernandez sagt:

    divi ist in Ordnung, aber Sie werden Probleme haben, wenn Sie die Produkte des Geschäfts filtern müssen, es gibt keine elegante Lösung. Ich empfehle es nicht, da es keine vollständige Lösung bietet. Es ist keine vollständige Lösung für woocommerce

  3. Vicki sagt:

    Hallo, vielen Dank für diesen Artikel…
    Ich möchte zwar einen neuen Online-Shop einrichten … aber was ist der Unterschied zwischen dieser Vorgehensweise (oben: Bluehost+Wordpress+wooCommerce) vs. nur Shopify?

    Schätze deine Hilfe!

  4. jes sagt:

    Vielen Dank für diesen ausführlichen Beitrag:) Wissen Sie, wie ich eine feste Bild-/Miniaturbildgröße für die angezeigten Produkte festlege? Ich habe versucht, es in den Wocommerce-Einstellungen zu ändern und Miniaturansichten neu zu generieren, aber es hat nicht funktioniert.

  5. karen sagt:

    In Dänemark haben wir Viabill, sodass Sie damit bezahlen können. Ist es möglich, das an meinen Webshop anzuhängen?

    1. Bogdan Rancea sagt:

      Hallo Karen,

      Es ist durchaus möglich, dass Sie sich an einen Entwickler wenden müssen, um genau zu erfahren, wie Sie Viabill auf Ihrer Website implementieren.

      Viel Glück,
      -
      Bogdan – Redakteur bei ecommerce-platforms.com

  6. Mila Stones sagt:

    Ist es möglich, ein vendoder Marktplatz mit divi & um den Handel werben?

  7. Magda Metwally sagt:

    Hallo,
    Ich arbeite in der Shop-Funktion und habe zwei Probleme.
    1. Ich versuche ALLE Produkte anzuzeigen und muss immer eine Kategorie auswählen? Muss ich eine Kategorie von ALLEN erstellen oder gibt es eine andere Möglichkeit?

    2. Mir ist aufgefallen, dass bei der Anzeige zum Einkaufen von Artikeln alle Artikel auf einer Seite (30 Artikel) angezeigt werden, anstatt sie über Seiten zu verteilen und einem Benutzer zu ermöglichen, zu Seite 2, Seite 3 usw. zu wechseln? Gibt es eine Möglichkeit, dies so zu ändern, dass die Standardseite 12 Elemente umfasst und der Rest dann zur nächsten Seite wechselt?

    1. Bogdan Rancea sagt:

      Hallo Magda,

      Du solltest es versuchen WpKurve für kleine WordPress-bezogene Optimierungen.

      Viel Glück!

      Prost!

      Bogdan – Redakteur bei ecommerce-platforms.com

  8. Emily sagt:

    Hallo, ich habe mich gefragt, wie ich auf jeder Produktseite verwandte Produkte hinzufügen kann Woocommerce und Divi. Danke im Voraus!

  9. Aadil Loonat sagt:

    Hi

    Ich hätte gerne eine Anleitung, da es sich um die erste Verwendung handelt Divi und Woocommerce perfekter Harmonie.

    Meine Anforderungen;
    Ich würde gerne wissen, welche Option oder Richtung ich bei der Kundenregistrierung für die Website einschlagen soll, um sie für Marketingkommunikation und den Online-Kauf von Produkten zu nutzen.
    – Kunden sollen sich auch dann registrieren können, wenn sie nichts kaufen
    – Wie erreiche ich die größtmögliche Flexibilität bei der Gewinnung dieser Details, z. B. indem ich sie exportiere und einen Tabellenkalkulationsdatensatz zur Nachverfolgung und Bearbeitung habe, z. B. zum Versenden von Massen-Mails oder SMS usw., da es Zeiten geben würde, in denen ich eine Sicherungskopie erstellen müsste?formation irgendwo für alle Fälle und die Notwendigkeit, dann dieselbe Datenbank (MySQL) nur für Benutzer in einem anderen Teil der Website oder beispielsweise innerhalb des Geschäfts zu verwenden, wie es für eine Apotheke der Fall ist, und wir können Patientenhistorien mit Blutdruck- und Glukosewerten einrichten und viele andere zum Beispiel und fügen Sie dann vielleicht benutzerdefinierte Seiten hinzu, in denen sich ihr Profil befindetformatIon verwendet werden.
    Daten werden auch benötigt, um dann Kunden in unser lokales Apothekenprogramm in unserem physischen Geschäft zu importieren/hinzufügen, um verschreibungspflichtige Medikamente, Lieferadressen und vor allem medizinische Hilfe zu verarbeitenformation, da es sich hierbei nicht um ein standardmäßiges Formularfeld oder Strukturelement usw. handelt, das dem Layout entsprechen muss, und es daher bedeuten würde, dass CSV-/andere Dateien aus der Online-Mitgliederdatenbank exportiert werden, um sie dann in SQL-Datenbanken auf unserem Server im Geschäft zu importieren.
    – Im Idealfall muss ich in der Lage sein, Daten bequem und reibungsloser zu übertragen, und daher muss ich dies auf der Website ordnungsgemäß berücksichtigen, bevor ich eine Registrierung oder ein Anmeldeformular verwende. Könnte ich eine separate Datenbank für die Benutzer einrichten, die eine eigene, unabhängige Datenbank ist, die sich nicht innerhalb von WordPress befindet?Divi/Woocommerce Tabellen oder Datenbanken, die standardmäßig erstellt werden?
    – Ein weiteres Element ist die Sicherheit für Online-Zahlungen. Wird dies durch das Thema selbst oder durchgesetzt? woocommerce oder das WordPress-Backend oder vielleicht alle 3?
    Vielen Dank und hoffen, bald von Ihnen zu hören.

  10. Julie sagt:

    Irgendwelche Empfehlungen zur Verwendung Divi Preistabellen und WooCommerce. Handelt es sich nicht um einen Shop, sondern um ein beratungsorientiertes Paket, das Kunden kaufen?

  11. kitek sooo sagt:

    Ich versuche, diesen Shortcode dort im Codemodul [product_categories parent=“0?] hinzuzufügen, um Produktkategorien anzuzeigen, aber bei der Inspektion wird nichts angezeigt. Es wird nur ein leeres Div mit class=“ angezeigt.woocommerce Spalte -4″. Bitte helfen Sie mir diesbezüglich, wenn jemand weiß, wo das Problem liegt

  12. Brandon sagt:

    Ich habe ein Problem damit, dass meine Produktseite wie meine anderen Seiten aussieht. Alles sieht gut aus, bis Sie auf „Erstellen Sie Ihren perfekten Druck“ klicken und „weiße Birke“ oder „gebürstetes Aluminium“ auswählen. Dann sind alle Produkte durcheinander und der Hintergrund ist weiß. Ich bin absolut hilflos, wenn es um dieses Zeug geht, im Grunde habe ich das alles heute gelernt. Wir verwenden „Fancy Product Designer“ für unser individuelles Produkt und ich versuche, dort weiterzumachen, wo jemand anderes aufgehört hat, ohne vorherige Erfahrung oder ErfahrungformatIon. Jede Hilfe wäre dankbar.

  13. Diane Gibbs sagt:

    Ok, das hat total geholfen, aber das Shop-Modul hat immer noch eine Seitenleiste. Gibt es in diesem Modul keinen Shortcode?

  14. kirstie sagt:

    Ich habe mich entschieden, meine „ausgewählten Artikel“ anzuzeigen, aber es wird nichts angezeigt. Wie wähle ich aus, welche Produkte „vorgestellt“ werden?

  15. Craig sagt:

    Was wäre, wenn Sie Ihren Shop nach Kategorien anzeigen möchten?
    Das Divi Module bieten diese Option nicht, sondern nur „Vorgestellt“, „Bestseller“ usw.
    🙁

    1. Sebas sagt:

      Sie können ein Textmodul einfügen und den von WC bereitgestellten Shortcode verwenden;

      [product_categories parent=“0″]

      1. Hallo Craig, Sie können die Produktkategorie mit dem anzeigen Divi Shop-Modul. Wählen Sie in den allgemeinen Einstellungen des Moduls in der Dropdown-Liste „Typ“ die Option „Produktkategorie“ aus. Jetzt sollten Sie bereits einige Artikel für jede Produktkategorie haben, die Sie in Ihrem Woo-Commerce erstellt haben. Sobald dies erledigt ist, wird die Option „Kategorie einschließen“ angezeigt. Fahren Sie fort und wählen Sie die Kategorie aus, die Sie anzeigen möchten. Ich hoffe, das hilft dir. Denken Sie daran, Artikel in jeder Kategorie Ihrer Produkte zu haben, bevor Sie diese Option aktivieren

        1. Faith sagt:

          Vielen Dank für das Detail 'luashoro'. Ich habe zwei Kategorien mit Produkten in beiden und die „Produktkategorie“ wird mir immer noch nicht angezeigt. Irgendwelche Hinweise bitte?

        2. Kari sagt:

          Eigentlich geht das nicht.

  16. Barbara sagt:

    Hallo, ich habe alles oben Genannte getan, außer dass ich eine benutzerdefinierte Seite habe und eine leere Seitenvorlage mit verwende Divi auf meiner gesamten Website. Der Shop, der Warenkorb und die Kasse können alle mithilfe von Shortcodes und dem Seitenersteller erstellt werden … die Produkte jedoch auch woocommerce kann nicht ... oder nicht so viel, wie ich finden kann. Ich bin neu in all dem, aber es muss doch eine Möglichkeit geben, die Produktseiten genauso aussehen zu lassen wie den Rest der Website?? Ich möchte nicht, dass es das gibt Divi Header und all das, was angezeigt wird?? Hast du irgendwelche Ideen? Im Moment sieht es unprofessionell aus.
    Vielen Dank

    1. jcbywaters sagt:

      Ja, Sie können es von einigen Seiten mit der Option „Leere Seite“ entfernen, aber aus irgendeinem Grund wird es auf anderen Seiten irgendwie durcheinander gebracht.
      Der wahrscheinlich beste Weg ist, ein untergeordnetes Thema zu erstellen und einen Teil des Codes zu bearbeiten
      oder nach predone suchen divi-Commerce-Themen kosten nur wenige US-Dollar und können individuell angepasst werden

      Hier ist jedoch eine einfache Möglichkeit, dies für die Seiten zu tun, die Sie können

      Öffnen Sie den wp-Administrator > Dashboard > Alle Seiten >

      Verwenden Sie zum Bearbeiten Folgendes (siehe Seiten). woocommerce Fügt automatisch z. B. den Warenkorb hinzu. usw)

      Beispiel: eidt und erstellen Sie eine benutzerdefinierte Warenkorbseite

      Es ist wichtig, diesen Schritt zu tun, um die Arbeit zu vereinfachen, bevor Sie den ET-Seitenersteller verwenden. Alles, was Sie sehen werden, ist das woocommerce Funktionscode

      Warenkorbseite = [woocommerce_Wagen]

      Kopieren Sie den Funktionscode in einen neuen Notizblock, Textblock oder Ähnliches, mit einer kurzen Beschreibung, wenn Sie möchten

      Step

      entfernen divi Kopfzeile, gehen Sie zu den Seitenattributen, ändern Sie den Wert von „Standard“ in „Leer“, klicken Sie auf „Aktualisieren“, um die Seite zu speichern, Vorschau, divi Header ist weg 🙂

      Step

      Ich möchte den ET Page Builder für ein neues, schönes Design verwenden (ja, bitte)

      Zuerst löschen (Ausschneiden speichert es zum Einfügen bereit). woocommerce Funktionscode [woocommerce_cart], sodass Sie jetzt eine leere Seite haben. Aktualisieren Sie die Änderungen erneut

      Sie können nun damit beginnen, die Seite mit dem ET-Seitenersteller zu bearbeiten. Fügen Sie zunächst irgendwo ein Textmodul hinzu und fügen Sie es ein woocommerce Kurzcode, [woocommerce_cart] für ein schnelles Testupdate und eine Vorschau der Änderungen

      step3

      Spülen und für die anderen Seiten erneut ausbessern 🙂

      Vergessen Sie nicht, dass Sie die Seitenleiste ein-/ausschalten oder die Widgets bearbeiten können

      schöne Tage und endlos schöne Designs, juhuu!

      woocommerce Shortcodes > http://docs.woothemes.com/document/woocommerce-shortcodes/

      Fügen Sie sie in ein Notizblock-/Textdokument ein, das zum Ausschneiden und Einfügen bereit ist

      Peter

Hinterlassen Sie uns einen Kommentar

E-Mail-Adresse wird nicht veröffentlicht. Pflichtfelder sind MIT * gekennzeichnet. *

Rating *

Diese Seite verwendet Akismet, um Spam zu reduzieren. Erfahren Sie, wie Ihre Kommentardaten verarbeitet werden.