WordPress und WooCommerce: Erstelle einen professionellen Online-Shop mit Payment Gateway | Shaa Web | Skillshare
Suchen

Playback-Geschwindigkeit


1.0x


  • 0.5x
  • 0.75x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

WordPress und WooCommerce: Erstelle einen professionellen Online-Shop mit Payment Gateway

teacher avatar Shaa Web, Passionate Educator | Online Instructor

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung in den Kurs

      1:16

    • 2.

      Lokale Umgebung Setup XAMP-Installation

      3:19

    • 3.

      Was ist WooCoomerce?

      2:37

    • 4.

      Wordpress-Installation

      5:15

    • 5.

      Installation des Woocommerce-Plugins

      3:14

    • 6.

      Woocommerce-Theme-Einrichtung

      3:41

    • 7.

      Demo-Import von Inhalten

      3:08

    • 8.

      Website-Logo ändern

      1:34

    • 9.

      Menünavigation einrichten

      3:24

    • 10.

      Demnächst erscheinende Nachricht entfernen

      1:26

    • 11.

      Bezahlprozess

      8:45

    • 12.

      Bestellabwicklung

      3:11

    • 13.

      Steuererklärung

      3:45

    • 14.

      Neue Kategorie hinzufügen

      8:27

    • 15.

      Seitenleiste entfernen

      1:41

    • 16.

      Oberleiste ändern

      3:58

    • 17.

      Stripe-Zahlungsgateway einrichten

      3:38

    • 18.

      Implementierung eines Stripe-Zahlungsgateways

      5:01

    • 19.

      Meine Kontoseiten beherrschen

      9:30

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

7

Teilnehmer:innen

--

Projekte

Über diesen Kurs

Möchtest du eine professionelle E-Commerce-Website ohne Programmierung erstellen? In diesem Kurs lernst du, wie du mit WordPress und WooCommerce, der beliebtesten E-Commerce-Plattform, einen voll funktionsfähigen Online-Shop erstellen kannst.

Ganz gleich, ob du Unternehmer:in, Freiberufler:in oder aufstrebende Webentwickler:in bist, dieser Schritt-für-Schritt-Kurs führt dich durch den gesamten Prozess – von der Einrichtung von WordPress bis zur Einführung deines Online-Shops.

Kursinhalt:

  • So installierst und konfigurierst du WordPress und WooCommerce
  • Auswahl des richtigen Themas und Anpassung des Designs deines Shops
  • Hinzufügen und Verwalten von Produkten (physisch und digital)
  • Einrichtung von Zahlungsgateways und Versandoptionen
  • Optimieren deiner Website für SEO und Performance
  • Bestellungen, Kunden und Store-Einstellungen verwalten
  • Wichtige Plug-ins zur Verbesserung der Funktionalität deines Shops

Am Ende dieses Kurses verfügst du über einen voll funktionsfähigen Online-Shop, der Produkte verkaufen und dein Geschäft ausbauen kann. Es sind keine Vorkenntnisse erforderlich – nur die Bereitschaft zu lernen.

Melde dich jetzt an und beginne noch heute mit dem Aufbau deiner professionellen E-Commerce-Website.

Triff deine:n Kursleiter:in

Teacher Profile Image

Shaa Web

Passionate Educator | Online Instructor

Kursleiter:in

Software developer with 14 years of experience in web development. Over the years, I've worked with a diverse range of technologies, including HTML, PHP, JavaScript, MySQL, Node.js, React, Angular, and E-Commerce development. My passion lies in building efficient, scalable, and user-friendly applications while continuously exploring new advancements in the tech world.

As an instructor, I focus on simplifying complex concepts and making learning an engaging experience. Whether you're a beginner or an experienced developer looking to sharpen your skills, my courses are designed to provide practical, real-world knowledge that you can apply right away.

Let's build, innovate, and grow together!

Vollständiges Profil ansehen

Level: All Levels

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung in den Kurs: Hallo, alle zusammen. Willkommen zum Kurs. In diesem Kursprojekt werden wir die E-Commerce-Website mit Hilfe von Web Press und dem O Cers-Plugin implementieren E-Commerce-Website mit Hilfe von Web Press und dem . Am Ende des Kurses werden Sie wissen, wie Sie Web Press für Ihren E-Commerce-Shop installieren und wie Sie das E-Commerce-Login für die Softlin-AT-Funktionalität installieren und aktivieren die Softlin-AT-Funktionalität und wie Sie das E-Commerce-Theme auswählen und wie Sie es auf unserer E-Commerce-Website installieren Außerdem werden wir in diesem Projekt Demo-Inhalte von der Website eingeben In diesem Projekt werden wir zwei Zahlungsgateways verwenden, eines für Barzahlung und Lieferung, und ein anderes ist die Implementierung eines Strip-Payment-Gateways Und am Ende des Kurses werden Sie den Checkout-Prozess vollständig kennen und wissen , wie die Bestellung verwaltet wird , wie der Benutzer die Bestellung im Frontend aufgibt wie die Bestellung verwaltet wird , wie der Benutzer die Bestellung im Frontend aufgibt und wie wir sie von unserem Admin-Panel aus verwalten können Danke. Lass uns anfangen. 2. Lokale Umgebung Setup XAMP-Installation: Hallo, alle zusammen. Willkommen zu dieser Vorlesung. In dieser Vorlesung werden wir sehen, wie man XWAMP unter Windows installiert Lassen Sie mich Ihnen weiter zeigen, öffnen Sie Ihren Browser. Suchen Sie nach XWAMPP Windows. Gehe zum ersten Link. Hier sind viele Versionen verfügbar. Wir werden die neueste Version 18.2 0.12 installieren. Klicken Sie auf 64-Bit-Download. Die ausführbare Datei wird heruntergeladen. Nach dem Herunterladen wird Ihr Download-Ordner geöffnet. Doppelklicken Sie darauf. Das Isolierfenster wird knallrot. Klicken Sie auf Weiter. Wählen Sie als Nächstes den Ordner aus, in dem Sie XAM installieren möchten, klicken Sie auf Weiter, wählen Sie als Nächstes die Sprache aus und dann weiter Der Installationsvorgang dauert bis zu zwei bis 3 Minuten. Lass uns warten. Nach der Installation des XAMP werden wir es bei Press installieren Lass mich eins nach dem anderen sehen. Wenn Sie bei der Installation auf Probleme stoßen , geben Sie diese bitte unten ein. Ich werde dich führen. F. Das ist es. Wir haben xPomp erfolgreich auf unserem System installiert Klicken Sie auf VNIs. Wir sehen uns in der nächsten Vorlesung. 3. Was ist WooCoomerce?: Hallo alle zusammen. Mal sehen, was O Comers ist Comers ist ein beliebtes Stress-Plugin, das die Tpress-Website in einen voll funktionsfähigen E-Commerce-Shop umwandelt einen voll funktionsfähigen Es ist kostenlos und quelloffen und ermöglicht es Benutzern, ihre Produkte und Dienstleistungen online zu verkaufen . Sehen wir uns die wichtigsten Merkmale von U Commerce an. Das erste Feature ist das Produktmanagement. verkaufen Mit Okmers können wir physische, digitale und sogar abonnementbasierte Produkte Integration des Zahlungsgateways. Die wichtigsten Hauptmerkmale von UCMers. Es unterstützt Paypal Stripe, Kreditkarten, Banküberweisungen und weitere Zahlungsgateways Fehlender Versand. Wir können Pauschalpreise, Versandberechnungen in Echtzeit oder kostenlosen Versand für Ihren Bookmer-Shop festlegen Versandberechnungen in Echtzeit oder kostenlosen Versand für Ihren Bookmer-Shop Steuer- und Inventarverwaltung ist eines der wichtigsten Merkmale von Es automatisiert die Steuern und verfolgt den Lagerbestand im Online-Shop Individuell anpassbare Ladenmiete. Es arbeitet mit verschiedenen Teams für Rollendruckmaschinen zusammen Ihrem Online-Shop ein einzigartiges Aussehen Sicher und skalierbar ist ein weiteres wichtiges Merkmal von Woo Comers. Regelmäßige Updates und Erweiterungen machen es an kleine oder große Geschäfte anpassbar Marketing- und SEO-freundlich. Es unterstützt Gutscheine, Rabatte und Integrationen mit E-Mail-Marketing-Tools 4. Wordpress-Installation: Hallo, alle zusammen. Willkommen zu diesem Kurs. In diesem Kurs werden Sie Webpress für unser Book Commerce-Projekt installieren Webpress für unser Book Commerce-Projekt Lass uns anfangen. Gehen Sie zum Browser und suchen Sie nach Webpress Download Gehen Sie zur offiziellen Website von Webpress, Webpress Punkt g. Wir werden Sie zur offiziellen Website der Presse weiterleiten Wie Sie sehen, besteht die Möglichkeit, Web Press herunterzuladen. Die Rate ist Grund 6.7 0.1. Klicken Sie auf Herunterladen. Die Web Press-Datei wird heruntergeladen. Oder der Download wurde abgeschlossen. Gehe zum Herunterladen. Ich werde diese Archivdatei entpacken. Sobald es fertig ist, müssen wir diesen Ordner kopieren und unser XA-Installationsverzeichnis einfügen. Lassen Sie mich es in E-Commerce-Website umbenennen. Kopieren Sie diesen Ordner und gehen Sie in Ihr PAM-Installationsverzeichnis und platzieren Sie ihn über HD DksFolder Okay. Als Nächstes müssen wir eine Datenbank für unser Projekt erstellen. Dazu müssen wir MAM und Control Panel öffnen, Apache und Misque starten . Stellen Sie sicher, dass beide betriebsbereit sind, und gehen Sie zu Masqu Um Browser PHB My admin, databases zu öffnen , erstellen wir eine neue Datenbank für unser Nennen Sie es als E-Commerce und klicken Sie auf Erstellen. Wie Sie sehen, wurde unsere E-Commerce-Datenbank erstellt. Jetzt werde ich mit meinem Isolierungsprozess beginnen. Dazu muss ich Browser URR, lokalen Host-Slash, eingeben Mein Verzeichnisname ist Ecomas Website. Hier müssen wir unsere langen Wege wählen. Lass uns gehen. Und hier müssen wir unsere Datenbankkonfiguration angeben. Unser Datenbankname ist E-Commerce. Kopieren Sie ihn und fügen Sie ihn hier Für den Benutzernamen auf dem lokalen Host ist das immer unhöflich Es gibt kein Puzzord, also lass es leer und unser Hostname ist lokaler Host, lass es das Tabellenpräfix WP Underscore sein Lassen Sie es sein, klicken Sie auf Absenden und dann auf Installation ausführen. Okay. Hier müssen wir einige Informationen über unsere Website, unseren Seitentitel geben. Der Name war C Commerce. Hier müssen wir Admin use einen Namen geben, es heißt ich und passwb, ich werde es als Demo-Bindestrich 12 sagen Geben Sie Ihre E-Mail-Adresse ein und klicken Sie auf Web Press installieren. Okay. Wir haben Webpress erfolgreich für unsere E-Commerce-Website installiert. Klicken Sie auf Anmelden Geben Sie Ihren Nutzernamen und Ihr Passwort ein. Sie gelangen zur Standard-Dashboard-Seite der Papres-Website Und das ist unsere Dashboard-Seite und klicken Sie oben links auf isitst Das ist unser Pats Printen. 5. Installation des Woocommerce-Plugins: Hallo, alle zusammen. Willkommen zu dieser Vorlesung. In dieser Vorlesung werden wir Commerce Black In für unsere E-Commerce-Website installieren . Gehen Sie außerdem zu Blk-Ins und klicken Sie auf Ein neuer Block-In Und hier sehen Sie die Option, nach dem Blocking-Typ Commerce zu suchen und auf der offiziellen Website auf Tender This is O comers Block zu klicken is O comers Block Dies ist die Blockierung, die wir installieren werden. Diese Open-Source-Comer-Plattform. Sie ist kostenlos zu benutzen. Und wenn Sie sehen unser Su fertig ist, klicken Sie auf Jetzt installieren. Unser Bucking wird installiert. Mit diesem Bucking können wir Kategorien und Produkte erstellen, unser Bin wurde erfolgreich installiert und wir klicken auf Aktivieren, um das Blocking zu aktivieren Keine Blockierung wurde erfolgreich ausgeführt. Sie werden aufgefordert, die Einstellungen für die E-Commerce-Website einzurichten Überspringen Sie die geführte Einrichtung vorerst. Wir werden dies später tun. Hier, wo befindet sich Ihr Unternehmen. Wir verwenden diese Informationen, um Ihnen bei der Einrichtung von Zahlungen und Versandsteuern, Auswahl eines Landes und der Vereinigten Staaten Kalifornien, geh in meinen Laden. Ordnung. Wir haben erfolgreich Leute gestopft, die für unseren E-Commerce-Shop blockieren In den kommenden Videos werden wir die notwendige Konfiguration für unsere Seite vornehmen. Danke. 6. Woocommerce-Theme-Einrichtung: Hallo, alle zusammen. Willkommen zu dieser Vorlesung. In der vorherigen Vorlesung haben wir das B Commerce-Plugin erfolgreich für unseren E-Commerce-Shop installiert. In dieser Vorlesung werden wir unser Thema für unseren E-Commerce-Shop auswählen. Gehen Sie dazu zum Erscheinungsbild und wählen Sie Themen aus. Hier sehen Sie die Optionen für das Hinzufügen eines neuen Themas. Gehen Sie zu Neues Thema hinzufügen Wie Sie sehen, finden Sie auf der rechten Seite die Suchthemen Ops in Two Geben wir E-Commerce ein und klicken Sie auf Tender. Es gibt viele kostenlose E-Commerce-Themen dem Markt. Wählen Sie das gewünschte aus. Lassen Sie mich diesen einfügen. Die Isolierung ist im Gange. Okay. Die Isolierung ist abgeschlossen. Klicken Sie auf Hinzufügen. Okay, gut. Unser Theme wurde erfolgreich installiert. Gehe zu Frended. Wie Sie sehen, wurde unser Theme-Layout geändert. Gehe zum Anpassen. Okay. Geh zurück. Und es gibt eine Option, sie zu populisieren. Die empfohlenen Akzente. Wir müssen diese beiden Pluck-Ins installieren. Klicken Sie auf Jetzt installieren. Außerdem müssen wir diesen elementaren Seitenersteller einfügen. Welche schwarzen Anschlüsse sind installiert. Jetzt werde ich diese beiden Black-Ins aktivieren. Ich gehe zu Buck, installiere Black Ins. Hier sind die schwarzen Eingaben , klicken Sie auf Aktivieren. Und gehe zurück zu Blckin. Jetzt aktiviere ich das Element in, klicke auf Aktivieren. Okay, alles klar. Wir haben erfolgreich neues Theme für unser E-Commerce-Projekt installiert und auch die notwendigen Blackens installiert. 7. Demo-Import von Inhalten: Hallo, alle zusammen. Willkommen zu dieser Vorlesung. In der vorherigen Vorlesung haben wir ein Theme für unseren E-Commerce-Shop installiert Theme für unseren E-Commerce-Shop und auch die erforderlichen Plugins aktiviert. In diesem Video werden wir verkostete Daten aus unserem Theme importieren Lassen Sie uns anfangen, gehen wir zum Erscheinungsbild und gehen Sie zum Popularisieren Themes. Hier gibt es eine Option namens One Click Demo Import Salz. Wie Sie sehen, gibt es hier eine Option. Sind Sie bereit, mit dem Einrichtungsassistenten eine tolle Website zu erstellen ? Klicken Sie auf den Einrichtungsassistenten. Wir leiten Sie zur nächsten Seite weiter. Klicken Sie auf Erste Schritte. Und hier stehen verschiedene Arten von Vorlagen zur Verfügung. Wählen Sie die gewünschte aus, und ich werde die erste Option auswählen. Klicken Sie auf Auswählen und scrollen Sie zum Ende der Seite. Hier sehen Sie die zweite Option. Klicken Sie auf Demo installieren. Und auf der nächsten Seite, wie Sie sehen, kurierte Block-Ins, die wir bereits installiert haben Pop D ist zusätzliches Element Commerce. Alle drei wurden erfolgreich installiert und aktiviert. Und hier wählen Sie aus, was Sie eingeben möchten? Wählen Sie alle Optionen aus. Importieren Sie Beispieldaten, Seiten, Anschlüsse, Bilder, Menüs usw. Importieren Sie die Customizer-Einstellungen, importieren Sie, besuchen Sie, wählen Sie alle drei Optionen Eine Demo-Datei wird importiert. XML-Daten wurden erfolgreich eingegeben , ebenso die Kundeneinstellungen In Ordnung, alles wurde erfolgreich eingegeben. Als Nächstes werden wir aufgefordert, das Logo einzugeben und Sie werden aufgefordert, unseren Seitentitel einzugeben Unser Seitentitel ist Comers, lass es sein und bitte mich , das Seitensymbol hochzuladen. Wir werden diesen Schritt später machen. Klicken Sie auf Schritt überspringen Okay, alles ist in Ordnung. Gib mir deine Website. Okay, wie Sie sehen, sind alle Demo-Inhalte geladen. Perfekt. Ein kommendes Video, wir werden unsere Website anpassen. Danke. 8. Website-Logo ändern: Spiele gegen alle. In diesem Video werden wir unser Website-Logo und unser Website-Symbol festlegen. Gehen Sie zu Ihrem Dashboard, indem Sie oben links auf die Dashboard-Option klicken. Gehen Sie zum Erscheinungsbild und passen Sie es an. Und hier unter Seitenidentität wählst du unser Logo aus. Leicht. Lass uns beschissen bleiben Okay, das Logo unserer Website wurde aktualisiert. Fügen wir das Site-Symbol hinzu. Ich werde aus meinem lokalen Speicher hochladen. Papa. Wie Sie sehen, das Symbol A unserer Website geändert. Klicken Sie auf Veröffentlichen. Gehen Sie zum Frontend der Website. Okay, Sie haben das Logo für unsere Website erfolgreich aktualisiert. Als Nächstes passen Sie unser Menü an , und zwar auch im nächsten Video 9. Menünavigation einrichten: Abspielen. Willkommen zu dieser Vorlesung. In dieser Vorlesung werden wir unseren Menübereich an dieser Stelle anpassen. Gehen Sie dazu zum Dashboard und gehen Sie zum Erscheinungsbild, wählen Sie Menüs aus. Hier sind alle Menüs, in denen die Navigationen konfiguriert sind. Wie Sie sehen, gibt es eine Homepage. Hier haben Sie eine Homepage und einen Shop . Sie haben drei Optionen als Dropdown und auch für das Gesicht haben Sie einen Blog für Männer und Frauen sowie Seitenelemente für Beiträge. Was ich tun werde, ist dieses Label als Home zu ändern. Okay. Ich werde diese Option Shop Option entfernen. Entfernen. Hier haben wir ein Kartensymbol. Ich werde diese Karte auch entfernen, Männer. Im Formularkonto haben wir ein Kontosymbol, also brauchen wir das nicht. Für die Kaufabwicklung können wir von der Warenkorbseite aus gehen. Ich werde das auch entfernen. Klicken Sie auf Save Mino. Bevorzugen Sie das Frontend und sehen Sie sich die Änderungen an, sehen Sie den Unterschied Hier gehen wir nach Hause, Mode, Mode, wir haben Mittel und Bewegungen, und wir haben einen Blog-Bereich und wir haben unsere Seitenelemente gepostet. Wir brauchen diese Seite auch nicht, posten Seitenelemente, gehen Sie zu Minos und klicken Sie auf Entfernen Speichern Sie Mono, um die Änderungen zu speichern. Als Nächstes werde ich diese beiden Menüs als separate Links trennen. Gehen Sie zurück zu den Menüs und verfolgen und dann den Vorgang wie folgt beenden. Hier haben wir Mode von Mnomens. Alle Produkte sind hier aufgelistet, also lass es sein. Hier haben wir Zuhause, Mode, Herren- und Damen-Blah. Klicken Sie auf das Menü Speichern, um die Änderungen zu speichern . Okay, gut. Hier haben wir eine Homepage. Und auch als N-Kategorie. Wir haben eine Männerkategorie, Frauenkategorie und auch eine Blockseite. Hier, Plakatliste blockieren. Und im nächsten Video werden Sie unseren Checkout konfigurieren Danke. Kann Lesch. 10. Demnächst erscheinende Nachricht entfernen: Hallo, alle zusammen. Willkommen zu diesem Text. Was ich tun werde, ist, ein Logo zu erstellen und zur Friend-Seite zu gehen. Siehst du, die Seite kommt bald, ist sichtbar, unsere Website wird nicht angezeigt Ich werde diese Nachricht entfernen und unsere Website live Also, was geht zum Dashboard. Sie müssen sich erneut anmelden. N Benutzername und Passwort. Wie Sie hier sehen, kommt Opson Call Z, klicken Sie darauf Ich bringe dich zur nächsten Seite. Hier, demnächst, Opson ist wählerisch. Sie werden es live machen , Live wählen, Ihre gesamte Website ist für Sie sichtbar. Klicken Sie auf Änderungen speichern. Testen Sie es jetzt mit Logout. Kondon. Jetzt ist unsere Website alle sichtbar. Danke. 11. Bezahlprozess: Hallo, alle zusammen. Willkommen zu dieser Vorlesung. In dieser Vorlesung werden wir unsere Checkout-Funktionalität testen . Gehe zur Homepage und hier sind die Produkte aufgelistet. Klicken Sie auf das Produkt. Ich werde Sie zur Seite mit den Produktdetails weiterleiten. Hier sehen Sie die Option, das Produkt zur Karte hinzuzufügen. Klicken Sie auf In den Warenkorb legen. Wie Sie sehen, wurde ein Produkt zu unserer Karte hinzugefügt. Klicken Sie auf Vu-Karte , um zur Kartenseite zu gelangen. Und hier sind unsere Produkte in der Karte oder SOE. Ich habe der Karte nur ein Produkt hinzugefügt , als wir noch ein paar mehr haben. Gehe zur Kategorie Mode. Ich werde dieses Produkt hinzufügen, indem ich auf und zur Karte klicke. Dies wurde auch zur Karte hinzugefügt. Ich werde diese beiden hinzufügen. Im Moment habe ich drei Produkte in meinem Auto. Gehen Sie zur Bucard-Option. Hier sind alle meine drei Produkte SOE. Fahren wir mit setbd fort O. Dies ist die Checkout-Seite der Commerce-Website Und hier kannst du Coupon-Core haben, falls vorhanden, ich weiß, dass ich keinen Coupon-Core habe. Hier müssen wir unsere Rechnungsdaten eingeben, Vorname, Nachname, Land, Bundesstaatsadresse, Stadt, Zim-Code des Bundesstaates, Telefonnummer ist optional und wir müssen die E-Mail-Adresse eingeben Wie Sie hier sehen, gibt es leider keine verfügbaren Zahlungsmethoden Bitte kontaktieren Sie uns, wenn Sie Hilfe benötigen, um eine alternative Vereinbarung zu treffen. Wir müssen also zuerst das Zahlungsgateway aktivieren. Lass es uns tun. Gary. Comers Einstellungen. Und hier gibt es eine Option namens Zahlung Lassen Sie uns die Zahlung aktivieren. Im Moment werde ich die Barzahlung aktivieren. Ist eingerichtet. Oder Titel Mims, es ist aktiviert, Titel ist Gas und Delury mit Benzin bei Lieferung Okay. Wählen Sie Versandart, Flatrate, eine beliebige Versandart, Änderungen. Als Nächstes aktivierst du unsere Versandart, gehe zum Tab Versand. Sie bei Versand die USA als Zonenregion ein und fügen Sie die Versandart hinzu. Fügen wir eine kostenlose Versandkostenpauschale hinzu. Ich füge einen kostenlosen Versandbus hinzu und klicke auf Weiter. Klicken, erstellen und speichern. Als Nächstes werde ich die Flatrate aktivieren. Klicken Sie auf Weiter. Wir müssen den Tarif für die pauschale Versandart festlegen. Dann sagst du 10$ klickst auf Erstellen und speichern. Okay. Wir haben das Zahlungsgateway und die Versandmethode erfolgreich aktiviert . Gehen Sie zurück zum Versand, um zu überprüfen, ob jetzt alles einwandfrei funktioniert. Für die Vereinigten Staaten haben wir zwei Versandmethoden kostenloser Versand und Flatrate. Und im Zahlungsbereich haben wir das Zahlungsgateway für Cashm Delivery aktiviert Wenn Sie die Steuerberechnungen aktivieren möchten, müssen wir diese Option unter Allgemein auswählen. Wir haben die Option, Steuern zu aktivieren, Steuersätze und Berechnungen zu aktivieren Klicken Sie auf Änderungen speichern. Und hier haben Sie die Möglichkeit, Steuern anzurufen und darauf zu klicken. Okay. Okay. Wir gehen zu Fenton, der als Amin-Benutzer ( Admin-Benutzer) hinterherhinkt . Klicken Sie auf Für Fenton ist es eine gute Seite. Unsere Karte ist leer. Lassen Sie mich der Karte noch ein paar weitere Punkte hinzufügen Einer, dieser, dieser und auch dieser. Insgesamt habe ich vier Produkte, gehe zur Warenkorbseite. Gehen Sie zur Kasse. Wie Sie hier sehen, ist unser Zahlungsgateway aktiviert, d. h. Zahlung und Lieferung. Derzeit haben wir nur ein Zahlungsgateway , das nur Zahlungen und Lieferung anzeigt. Ich habe hier etwas ausgefüllt. Ich habe Versand ohne Brandstiftung ausgewählt. Pam, wähle diesen aus Der Gesamtbetrag wurde um 10 USD erhöht. Ich werde das als kostenlosen Versand hinzufügen. Klicken Sie dann auf WaysR. Okay. O R wurde erfolgreich platziert. Hier sind die D-Details. Okay, unsere Checkout-Funktion funktioniert einwandfrei. Im nächsten Video werden wir uns die E-Commerce-Funktionen im Admin-Panel ansehen. Danke. 12. Bestellabwicklung: Okay. Okay, wir haben erfolgreich platziert. Ich zeige es dir auf der Admin-Seite, gehe zum Dashboard, indem du dich mit unserem Aminac-Benutzernamen und Passwort anmeldest unserem Aminac-Benutzernamen und Passwort anmeldest Kein Passwort. Lass mich. In Ordnung, wir sind auf der letzten Startseite. Geh zu Comers. Hier gibt es eine Benachrichtigung, Bestellungen anrufen. Klicken Sie. Hier können Sie alle Ihre Bestellungen verwalten. Dies ist eine aktuelle Bestellung, die ich aufgegeben habe. Das ist I 1467. Das ist die Bestell-ID hier. Sie sehen, das ist der Vor- und Nachname. Der Staat wird bearbeitet. Das ist die Summe. Klicken Sie auf den Namen, um zur Seite mit den Bestelldetails weiterzuleiten. Und hier, wie Sie sehen, ist dies das Erstellungsdatum und dies ist die Uhrzeit, und hier ist die Rechnungsadresse und hier ist die Lieferadresse. Dies ist die E-Mail-Adresse des Kunden. Der ER-Status ist hier übergeben, Artikel sind aufgelistet und die Versandart ist kostenloser Versand. Und wie Sie sehen, ist dies die Zwischensumme, schneller Versand, null kostenloser Versand und die Gesamtsumme beträgt 179 $. Okay, auf der rechten Seite sehen Sie, dass der Kunde T ist Gesamtbestellung, Gesamtumsatz, unsere Bestellung, und hier sind Okay. Wenn Sie den RS-Status ändern möchten, können Sie hier den Status auswählen, z. B. Bearbeitung bis abgeschlossen. Oder wenn Sie die Bestellung stornieren möchten, wählen Sie Stornieren und klicken Sie auf Aktualisieren. Jetzt stelle ich diesen Vorgang als abgeschlossen ein und klicke auf Aktualisieren. O. Unser Status wurde erfolgreich aktualisiert Rs. Ich sehe, dass unser Status auf den neuesten Stand gebracht wurde. Gehen Sie hier zu den Produkten. Ein Produkt wird aufgelistet. Wie Sie sehen, sind zwei Produkte aufgelistet, die wir aus unserem Demo-Import importiert haben. 13. Steuererklärung: Hallo alle zusammen. Willkommen zu dieser Vorlesung. In dieser Vorlesung werden wir Sales-Tags für unser E-Commerce-Projekt auslösen. Fangen wir an, gehen Sie zu E-Commerce und wählen Sie Einstellungen aus. Und hier siehst du die Opson-Tags, wähle Panzer aus. Und geh zu den Standardtarifen. Klicken Sie auf Instro Country Code und geben Sie den zweistelligen Ländercode Ich werde in die USA oder in die Vereinigten Staaten einreisen Im Moment erheben wir nur die Umsatzsteuer im Bundesstaat Kalifornien Außerdem gebe ich CNA als Landescode, Levi Star für die Postleitzahl und auch für die Stadt und den Steuersatz 7,5 ein Änderungen speichern. Sie können beispielsweise verschiedene Steuersätze für verschiedene Bundesstaaten und auch für das Land eingeben verschiedene Steuersätze . Gehe zur Seite „Freund“. Ich werde die Website in einem neuen Browser öffnen. Neuer Browser-Tab. Lassen Sie mich der Karte noch ein paar Produkte hinzufügen. Dieser, dieser und dieser. Aber Karte ansehen? Hier habe ich zwei Produkte in der Karte. Hier habe ich zwei Produkte in meiner Karte, und hier sehen Sie das Unterprodukt 388 und der Versand ist kostenlos, und Sie sehen, wie der Steuersatz auf die Karte angewendet wird. W ist 7,25 pro Zwischensumme von 388$, Steuersatz beträgt 7,5 Prozent, was 29,11 11 entspricht. Die Gesamtsumme der Bestellung beträgt 407,11 417,11 , die Sie auschecken müssen. Ich wähle die verschiedenen Bundesländer aus, der Steuersatz wurde von der Gesamtsumme meines Fahrzeugs entfernt Ich werde also Feedback nach Kalifornien geben. Siehst du, der Steuersatz gilt für ein Auto. Ersetzen Sie den Artikel, der erfolgreich platziert wurde , und gehen Sie zu den Nachbestellungen im Dashboard Dies ist ein neu erstellter Der. Bestellungen, die noch ausstehen, digalspag Wie Sie sehen, wurde unser Steuerbetrag hinzugefügt diese Weise können wir Steuern für unser E-Commerce-Projekt aktivieren Steuern für unser E-Commerce-Projekt Danke. Wir sehen uns bei der nächsten Vorlesung. 14. Neue Kategorie hinzufügen: Hallo zusammen. Willkommen zu dieser Vorlesung. In dieser Vorlesung werden wir eine neue Kategorie namens Kits erstellen , dann zu Produkten und dann zu Kategorien wechseln. Hier gibt es einige Kategorien. Ich werde eine neue Kategorie namens Kindermode hinzufügen. Es ist eine übergeordnete Kategorie als Mode. Lassen Sie uns diese Leidenschaft aus den Kits mit den Namen der Kategorien entfernen und auf Ein neues Datum klicken Die Kategorie Kinder wurde zur Hauptkategorie Mode hinzugefügt. Jetzt gehen wir zu einigen Produkten oder zur Kategorie Kinder, gehen wir zum Hinzufügen neuer Produkte. Und hier müssen wir den Produktnamen angeben. Hier müssen wir beispielsweise unsere Produktbeschreibung hinzufügen. Okay. Und vorsichtig, wir müssen unseren Preis eingeben. Normaler Preis gegen Dollar, ich werde den Verkaufspreis anwenden, der 50$ beträgt Und hier auf der Registerkarte „Inventar“ können wir unseren Lagerbestand so hoch halten, wie es steht Gut. Und hier wählen wir das Produktbild aus. Zwei. Produktgalerie, Sie können mehrere Bilder pro Produkt haben. Unsere Gato-Galeriegalerie wurde auf der rechten Seite hinzugefügt Sie sehen die Produktkategorie in der Produktkategorie, wählen Kinder als Kategorie aus und wählen auch Leidenschaft aus Hier können wir eine kurze Beschreibung für unser Produkt angeben. Okay, ich bestelle alle notwendigen Dinge, nämlich Produktname, Produktbeschreibung. Unter sanftem iOS-Produktpreis als Verkaufspreis 50$. Und hier habe ich auf der rechten Seite eine Beschreibung der getesteten Sortierung hinzugefügt , eine Produktkategorie ausgewählt und auch ein Produktminiaturbild sowie Bilder aus der Produktgalerie hinzugefügt und auf Veröffentlichen geklickt Okay, unser Produkt wurde erfolgreich veröffentlicht. Klicken Sie auf Produkt anzeigen Sie gelangen jedoch zum Print-In. Wir sind absolut sicher, was ein neues Produkt angeht. Das ist unser Produktteam. Hier ist unser Produktpreis. Dies ist eine Beschreibung, hier diese Produktbeschreibung, und hier können Sie die Produktnummer sehen , die wir im Backend-Admin-Panel bestellt haben . Dies ist unsere Produktkategorie, Dies ist unsere Produktkategorie dieser Person und den Kits gehört Hier ist die Hauptbeschreibung. Lassen Sie mich also noch ein Produkt und ein weiteres Produkt hinzufügen. Lassen Sie uns hier den Preis auf 50 festlegen und sagen wir, wir ersetzen 75$. Als Nächstes müssen wir unsere Produktkategorie auswählen. Es ist die Person, die passt und sagen wir, das Produktbild. Das ist ein Produktbild. Lassen Sie uns der Produktgalerie einige Produkte hinzufügen. Klicken Sie außerdem auf Bilder der Produktgalerie. Wählen Sie einige Produkte aus. Klicken Sie auf AT Gallery. Okay. Bitte. Okay, gut. Gehe zu Kategorien. Und geh dich glatt machen. Eine weitere Kategorie für Kinder, wir haben zwei Produkte. Hier können Sie sehen, dass das Verkaufsetikett sichtbar ist , da wir den Verkaufspreis im Admin-Bereich festgelegt haben. Deshalb sehen wir diese Option. Als Nächstes werden wir diese Kategorie für Kinder zum Hauptmenü hinzufügen. Gehen Sie weiter zu Dashboard, Erscheinungsbild und Menüs. V. Ich habe Angst davor. Eine andere Kategorie. Klicken Sie auf VA Dies ist die Beitragskategorie. Lassen Sie mich es als benutzerdefinierten Link hinzufügen. Treffer kopieren die URL. Und legen Sie es hier an und fügen Sie zwei Männer und Track & Track hinzu, um unsere Menüführung neu anzuordnen . Klicken Sie auf Speichern Foto Renton. Okay. Unser Menü-Link war unser In Ordnung. In diesem Vortrag haben wir eine neue Produktkategorie namens „Kinder“ erstellt und der Kategorie auch zwei Produkte hinzugefügt. Wir haben erfolgreich auf unsere Hauptnavigation verlinkt. Danke. Wir sehen uns bei der nächsten Vorlesung. 15. Seitenleiste entfernen: Hallo, alle zusammen. Willkommen zu dieser Vorlesung. In dieser Vorlesung werden wir werden wir diesen rechten Abschnitt sowie CheckbPage von der Kartenseite entfernen sowie CheckbPage Aber dann gehe zu Seiten dann zur Kartenseite Hier auf der rechten Seite siehst du die Option, Seitenvorlage einzurichten — die Vorlage aus dem tristen Doom, wähle Elementor, volle Breite Das ist eine Vorlage. Klicken Sie auf Speichern. Gehe zur Kartenseite. Siehst du, unsere rechte Spalte wurde entfernt. Genauso werden Sie den Ball auf der rechten Seite von der Checkout-Seite entfernen . Gehen Sie zu den Seiten, gehen Sie zur Kasse und klicken Sie auf Bearbeiten. Wählen Sie eine Vorlage aus, wählen Sie die Hops und eine Elementer-FLL-Breite aus dem Fenster Klicken Sie auf. Okay. Okay, der Balken wurde erfolgreich entfernt. Danke. Bis zur nächsten Vorlesung. 16. Oberleiste ändern: Hallo alle zusammen. Willkommen zu dieser Vorlesung. In dieser Vorlesung werden wir diese Informationen ändern. In der oberen Leiste haben wir Adresse, Telefonnummer und hier haben wir Text und auf der rechten Seite haben wir die Geschäftsadresse. Sie werden diese Informationen ändern. Gehen Sie weiter zum Dashboard. P-Aussehen, wählen Sie Widgets aus. Es gibt ein Sexon namens Tabbar-Sex. Okay. Wie Sie sehen, ist dies der Bereich für Adresse und Telefonnummer. Dies ist der Absenderbereich. Das ist der richtige Abschnitt. Gehe zum Inhalt. Lass mich die Adresse ändern. A Ich aktualisiere. P-Frontend Unsere Adresse und die Telefonnummer wurden geändert. Jetzt werden wir diesen Text ändern. Kann es heißen Willkommen in unserem Geschäft. Klicken Sie auf „Aktualisieren“. Wie aktualisieren. Okay. Ändern Sie den Text, willkommen in unserem Shop. Update machen. Ist das dasselbe? Geh nach Fenton Okay, Artist Calming ändert sich und heißt willkommen in unserem Laden. Lass uns die Arbeitszeiten ändern. Montag bis Sonntag zehn Uhr bis Abend 6:00 Uhr. 618. Oder wurde es erfolgreich gespeichert? Klicken Sie auf Repress Okay. In Ordnung. Wir haben unsere Tab-Informationen erfolgreich geändert Danke. Wir sehen uns bei der nächsten Suche. 17. Stripe-Zahlungsgateway einrichten: Hallo, alle zusammen. Willkommen zu dieser Vorlesung. In dieser Vorlesung werden wir das Stripe-Zahlungsgateway in unsere E-Commerce-Website integrieren. Lassen Sie uns mit E-Commerce-Zahlungen beginnen. Ein bisschen weiter, hier werden Sie sehen, wie die Zahlungsanbieter Stripe loslegen. Das Stripe-Zahlungsgateway wird installiert. Hier müssen wir den Veröffentlichungsschlüssel und den geheimen Schlüssel angeben. Ich habe die Informationen nicht. Lass mich das neue Stripe.com erstellen, indem ich diese Woche klicke. Gehen Sie zu Blu Pins und installieren Sie Blgins. Hier können Sie Einstellungen sehen, dass das Commerce Strip-Zahlungsgateway installiert wurde Okay. Lass uns dieses Konto erstellen. Ich habe meine E-Mail-Adresse und mein Passwort eingegeben und der nächste Schritt besteht darin , die zweistufige Authentifizierung einzurichten. Ich habe die Google Authenticator App auf mein Mobilgerät heruntergeladen auf mein Mobilgerät Ich werde den QR-Code für mein Gerät scannen. Hier werde ich meinen Bestätigungscode eingeben. Nachdem Sie mein Bestätigungsgremium betreten haben, ist Ihr Konto sicher. Laden Sie diesen Code herunter und speichern Sie ihn für die zukünftige Verwendung an einem anderen Ort. Klicken Sie auf Weiter. Wir werden weitermachen. Und hier bitten sie darum, deine persönlichen Daten einzugeben. Füllen Sie die Pumpe und holen Sie sich Ihren Limetten-Bobsky und die Zigarette C. 18. Implementierung eines Stripe-Zahlungsgateways: Zurück. Im Moment bin ich auf der Stripe-Dashboard-Seite. Im Testmodus erhalten Sie einen öffentlichen und geheimen Schlüssel Gehen Sie unten zu den Entwicklern und Sie werden die Option ABI-Schlüssel sehen. Klicken Sie hier auf Ich werde Sie zur nächsten Seite weiterleiten. Dort finden Sie Ihren veröffentlichbaren Schlüssel und den geheimen Kopieren Sie dies und gehen Sie zum E-Commerce-Dashboard, gehen Sie zu den Einstellungen. Zahlungen. Noch ein Streik. Wählen, verwalten. Viele Einstellungen. Okay. Ist schon ein Labor im Testmodus. Okay, sagen wir Änderungen. Öffnen Sie die Testkartennummern. Wir können diese Karte verwenden, um unser Zahlungsgateway zu testen. Gehen Sie zum Frontend der Website. Öffnen Sie die Website in einem neuen Browser-Tab. Weil ich einen hässlichen Admin und diesen Browser habe. Lass mich noch ein paar Produkte in mein Auto einbauen. Ich habe drei Produkte mit meiner Karte bestellt, gehe zur VA-Karte. Gehen Sie zur Kasse. Wie Sie sehen, wurde unser Stripe-Zahlungsgateway erfolgreich aktiviert , das sich im Testmodus befindet. Eine Kopie der Testkartendetails von der Stripe-Website. Kopieren Sie es und fügen Sie es hier ein. Ablaufdatum Geben Sie das zukünftige Datum und den Lebenslauf an. Eine dreistellige Zahl und klicken Sie auf PlayRD Okay. Okay, unsere URL wurde erfolgreich erstellt. Wie Sie sehen, ist die Zahlungsmethode hier Kreditkarte, Debitkarte. Was ist Admin-Dashboard. Gehe als. Dies ist ein neu erstelltes A hier können Sie Zahlungsabwesenheiten, Kredit- oder Debitkarte sehen . Ordnung, wir haben erfolgreich unser STRMEPayment-Gateway auf unserer E-Commerce-Website erstellt unser STRMEPayment-Gateway auf unserer E-Commerce-Website . 19. Meine Kontoseiten beherrschen: Hallo, alle zusammen. Willkommen zu dieser Vorlesung. In dieser Vorlesung werden wir uns meine Kontoseiten ansehen. Dazu müssen wir uns zunächst als neuer Benutzer registrieren Wenn Sie auf das Kontosymbol oben rechts klicken, gelangen Sie zur Anmeldeseite. Hier gibt es keine Möglichkeit, sich als neues Konto zu registrieren. Zunächst müssen wir es über unser WebP-Dashboard aktivieren. Wir veranlassen Sie, zum Apps-Admin-Dashboard zu gehen. Verwenden Sie ein beliebiges Passwort. Okay. Dies ist das Dashboard und hier gehen Sie zu den allgemeinen Einstellungen. Scrabble im Tittenstück. Und hier kannst du die Mitgliedschaft sehen, jeder kann sich registrieren. Markieren Sie dieses Kontrollkästchen und klicken Sie auf Änderungen speichern. Okay. Ich werde die Website in einem neuen Browser öffnen. Die Registeroption ist immer noch nicht aktiviert. Gehen Sie zurück, um mir von hier aus die E-Commerce-Einstellungen zu überblicken, gehen Sie zu Konten und Datenschutz Und wie Sie sehen, gibt es ein Op-Konto, das es dem Kunden ermöglicht, ein Konto zu erstellen Wählen Sie es auf meiner Kontoseite aus. Nehmen wir an, wenn sich etwas ändert, und gehen Sie zum Browser und überprüfen Sie jetzt, es aktiviert sein sollte. Wie Sie sehen, ist die Registrierung hier verärgert. Jetzt werde ich mich als neuer Benutzer registrieren. Geben Sie eine E-Mail-Adresse ein und klicken Sie auf Registrieren. Okay, ich wurde erfolgreich registriert. Was ich tun werde, ist, eine neue Bestellung aufzugeben. Gehe zu VCO. Hier gibt es drei Produkte, die getestet wurden. Klicken Sie auf Weiter zur Kasse. Das ist meine E-Mail-Adresse. Standardmäßig befindet sie sich im E-Mail-Adressfeld, da ich mich als neuer Benutzer angemeldet habe. Ein ausgewählter Versand als Flatrate. Zusätzliche 10$ wurden zum Gesamtbetrag hinzugefügt. Kopieren Sie diese Testnummer und fügen Sie sie hier ein , um das Erlebnis und das Angebot zu erhalten. Geben Sie das zukünftige Datum an. Geben Sie als zweite Nummer drei ein und klicken Sie auf PlayR Okay. und klicken Sie auf PlayR Okay. Meine Bestellung wurde hier erfolgreich aufgegeben, wie Sie sehen Dies ist meine E-Mail-Adresse, und ich habe die Bestellung mit Kreditkarte aufgegeben Gehen Sie jetzt zu unserer Startseite, indem Sie oben auf mein Am-Symbol klicken. Von ds Samson kann ich alle meine Bestellungen verwalten Das ist mein neu erstellter Hirsch. Dies ist die Bestellnummer, das Datum der Bestellung. Standardmäßig wird das Sicherheitsdatenblatt insgesamt bearbeitet und ich habe drei Artikel bestellt Klicken Sie auf Ansicht für detaillierte Informationen. Und hier sind meine Informationen, R ID, die auf 1024, 2025 gesetzt ist und sich derzeit in Bearbeitung befindet. Hier sind meine Produktdetails, die ich bestellt habe, und diese Zwischensumme, hier sind die Versandkosten und dieser Steuerbetrag, meine Zahlungsmethode war die Kreditkartenmethode. Das ist der Gesamtbetrag. Da ist meine Rechnungsadresse. Hier ist meine Lieferadresse. In Address sexon kann ich meine Liefer - und Rechnungsadresse verwalten Um eine Rechnungsadresse zu bearbeiten, klicken Sie auf Rechnungsadresse, Link, wie Sie hier gesehen haben Hier kann ich meine Lieferadresse ändern. Lisa-Adresse. Da Veränderung erfolgreich ist. Siehst du? Hier ist die aktualisierte Adresse. Ich kann zum Beispiel meine Lieferadresse ändern, indem ich sie bearbeite. Gehen. Klicken Sie auf Bestellungen speichern , um die Editor-Informationen zu speichern. Meine Adresse wurde erfolgreich geändert. Ja, es wurden keine Zahlungsmethoden zum Speichern gefunden. Sie können es hinzufügen, indem Sie hier auf Zahlungsmethode klicken. Lassen Sie mich hinzufügen, indem ich die Details der Testkarte angebe. Sie haben eine Zahlungsmethode zum Speichern von Zahlungsinformationen. Die Zahlungsmethode wurde erfolgreich hinzugefügt. Hier können Sie so viel RCA hinzufügen, wie Sie möchten. Klicken Sie auf die Schaltfläche Deli, um den Datensatz zu löschen. Und in diesem Bereich mit den Kontodetails können Sie Ihr Konto verwalten Hier können Sie Ihren Vornamen, Nachnamen und Ihre E-Mail-Adresse verwalten und hier können Sie Ihre Passwortinformationen ändern. Mit der Logo-Schaltfläche können Sie ein Logo von der Website aus erstellen. Okay. In diesem Vortrag haben wir gelernt, wie man einen neuen Benutzer erstellt und wie man die Benutzerregistrierungsoption von tress R me aktiviert . Außerdem haben wir uns die Seiten mit meinem Konto angesehen, z. B. wie man Adressinformationen, Rechnungsadresse und Lieferadresse bearbeitet , Rechnungsadresse und Lieferadresse und wie man eine neue Zahlungsmethode hinzufügt. Danke, bis zur nächsten Vorlesung.