Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Einfache Integration von Shopify in WordPress (Schritt für Schritt)

Shopify ist eine beliebte eCommerce-Plattform für die Einrichtung eines Online-Shops. Es verfügt über eine benutzerfreundliche Oberfläche und eine breite Palette von Werkzeugen für die Verwaltung Ihres Unternehmens, aber es ist vielleicht nicht die beste Option für Ihr Online-Geschäft.

Wenn Sie Shopify mit WordPress verwenden, können Sie die eCommerce-Funktionen von Shopify mit dem leistungsfähigsten Website-Builder der Welt kombinieren. Dies gibt Ihnen mehr Flexibilität und Freiheit, um Ihr Unternehmen zu erweitern.

Ganz gleich, ob Sie Ihrer bestehenden WordPress Website ein elegantes Schaufenster hinzufügen oder Ihre Blog-Inhalte in Shopify integrieren möchten, diese Integration kann die Funktionalität und das Benutzererlebnis Ihrer Website verbessern.

In diesem Artikel zeigen wir Ihnen, wie Sie Shopify ganz einfach mit WordPress verbinden können, um Ihr Geschäft auszubauen.

Easily Integrate Shopify with WordPress (Step by Step)

Warum Shopify mit WordPress verwenden?

WordPress ist der beste Website-Builder der Welt, auf dem mehr als 43 % aller Websites im Internet basieren.

Es ist unglaublich einfach zu bedienen und bietet Ihnen Zugang zu Tausenden von kostenlosen und kostenpflichtigen WordPress Themes und Plugins (Anwendungen für Ihre Website).

Auf der anderen Seite ist Shopify eine beliebte eCommerce-Plattform, die Ihnen hilft, Produkte online zu verkaufen.

Sie können WordPress mit WooCommerce verwenden, um Ihr Online-Geschäft zu erstellen, aber einige Benutzer möchten vielleicht Shopify für ihr Geschäft und WordPress für ihre Website verwenden.

Weitere Einzelheiten finden Sie in unserem Vergleich zwischen Shopify und WooCommerce mit den Vor- und Nachteilen beider Werkzeuge.

Die Kombination von Shopify und WordPress bietet Ihnen die Vorteile beider Plattformen. Sie können Produkte mit Shopify verkaufen und gleichzeitig die Flexibilität und Freiheit von WordPress für die Verwaltung Ihrer Website nutzen.

Damit haben Sie die volle Kontrolle über das Design Ihrer Website, erhöhen Ihre Marktreichweite und können beide Plattformen über ein einziges Dashboard verwalten.

Werfen wir also einen Blick darauf, wie Sie Shopify ganz einfach mit WordPress nutzen können. Sie können die unten stehenden Links verwenden, um durch dieses Tutorial zu navigieren:

Schritt 1: Richten Sie Ihren Shopify-Shop und Ihre WordPress-Website ein

Wenn Sie das noch nicht getan haben, müssen Sie zuerst Ihren Shopify-Shop erstellen.

Danach fügen Sie einige Produkte hinzu und kommen dann hierher zurück.

Shopify Ecommerce Website Builder Software

Als nächstes müssen Sie Ihre WordPress-Website einrichten. Denken Sie daran, dass es zwei Arten von WordPress gibt.

Zunächst gibt es WordPress.com, einen Dienst für das Hosting von Websites. Dann gibt es noch WordPress.org, auch selbst gehostetes WordPress genannt.

Sie benötigen WordPress.org, weil Sie damit sofortigen Zugriff auf alle Funktionen von WordPress haben, ohne dass Sie eine Box benötigen. Weitere Einzelheiten finden Sie in unserem Vergleich von WordPress.com und WordPress.org.

Um eine WordPress.org-Website zu erstellen, benötigen Sie einen Domain-Namen, unter dem Ihre Website im Internet erscheint, und ein Webhosting-Konto, in dem alle Daten Ihrer Website gespeichert werden.

Ein Domain-Name kostet etwa 14,99 $ pro Jahr, und WordPress-Hosting-Pläne beginnen in der Regel bei 7,99 $ pro Monat (in der Regel jährlich bezahlt).

Unsere Freunde bei Bluehost haben zugestimmt, WPBeginner-Benutzern einen kostenlosen Domainnamen mit einem großzügigen Rabatt auf das Hosting anzubieten. Im Grunde können Sie für nur 1,99 $ pro Monat loslegen.

Klicken Sie einfach auf unseren Bluehost-Link oben und klicken Sie auf dem nächsten Bildschirm auf die Schaltfläche „Jetzt loslegen“.

Clicking the Get Started Now button in the Bluehost page

Danach gelangen Sie auf die Preisseite von Bluehost.

Für Online-Geschäfte empfiehlt sich der Tarif „Online Store“, aber Sie können den Tarif wählen, den Sie möchten. Bei Bedarf können Sie jederzeit auf einen höheren Tarif upgraden.

Klicken Sie auf „Auswählen“ bei dem Plan Ihrer Wahl.

Bluehost pricing

Als Nächstes müssen Sie einen Domänennamen wählen oder einen bestehenden mit Ihrer WordPress-Website verbinden.

Sie können diesen Schritt auch überspringen, indem Sie auf die Schaltfläche „Ich richte meine Domain später ein“ klicken.

Tipp: Wir empfehlen Ihnen, einen Namen zu wählen, der sich auf Ihr Geschäft bezieht und der leicht auszusprechen, zu buchstabieren und zu merken ist. Wenn Sie jedoch keine Ideen haben, können Sie WPBeginner’s Free Business Name Generator verwenden, um einen interessanten Namen für Ihr Geschäft zu finden.

Bluehost buy domain name

Jetzt sehen Sie einige Paket-Extras, die Sie zu Ihrem Hosting-Plan hinzufügen können.

Diese Optionen sind alle optional und Sie können sie deaktivieren, wenn Sie sie nicht benötigen.

Bluehost package extras

Geben Sie schließlich Ihre Zahlungsinformationen ein. Sobald Sie dies getan haben, erhalten Sie von Bluehost eine E-Mail mit Anweisungen, wie Sie sich beim Hosts-Dashboard anmelden können.

Sobald Sie angemeldet sind, gehen Sie auf die Registerkarte „Websites“. Sie werden sehen, dass Bluehost eine neue WordPress-Website für Sie installiert hat.

Bluehost Edit Site

Klicken Sie einfach auf die Schaltfläche „Site bearbeiten“, um auf Ihr WordPress-Administrations-Dashboard zuzugreifen.

So wird es aussehen:

Areas of the WordPress Dashboard

Wenn Ihnen das alles jedoch zu viel Arbeit macht, können Sie sich für WPBeginner’s Website Setup And Design Service entscheiden.

Unsere Experten verfügen über mehr als 16 Jahre Erfahrung und haben bereits 100.000 Menschen bei ihren ersten Schritten mit WordPress geholfen. Wir kümmern uns um alles, von der Website-Einrichtung und -Gestaltung bis zur SEO-Optimierung, Kontaktformulare und Analytics-Integrationen. Außerdem bieten wir umfassende WordPress-Schulungen an, um Ihren Erfolg zu sichern.

WPBeginner Website Design Services

Wir bieten auch erschwingliche Preise an, so dass dies eine ideale Option ist, wenn Sie Ihr Geschäft mit WordPress gerade erst beginnen. Details finden Sie auf unserer WPBeginner Pro Services Seite.

Schritt 2: Verbinden Sie WordPress mit Ihrem Shopify-Shop

Der nächste Schritt besteht darin, Ihre WordPress-Website mit Ihrem Shopify-Shop zu verbinden.

Dafür brauchen Sie ShopWP. Es ist ein Shopify Plugin für WordPress, mit dem Sie WordPress ganz einfach mit Ihrem Shopify Konto verbinden können.

Zunächst müssen Sie das ShopWP Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress Plugins.

Besuchen Sie nach der Aktivierung die Seite ShopWP Pro “ Verbinden und klicken Sie auf den Button „Verbindungsprozess starten“.

Click the Begin Connection Process button

Dadurch wird der Verbindungsassistent gestartet.

Sie werden aufgefordert, hier Ihren myshopify.com-Domainnamen einzugeben. Danach klicken Sie einfach auf den Button „Shopify-Shop verbinden“, um fortzufahren.

Your Shopify store URL

Um Ihre Shopify-Domain zu finden, müssen Sie das Dashboard Ihres Online-Shops aufrufen und in der linken Spalte auf den Tab „Einstellungen“ wechseln.

Daraufhin wird eine neue Ansicht auf der Ansicht geöffnet, auf der Sie Ihren Domänennamen unter dem Namen Ihres Geschäfts in der oberen linken Ecke sehen können.

Find Shopify store domain

Nachdem Sie Ihre Domain im Einrichtungsassistenten eingegeben haben, werden Sie auf die Seite „Mein Shop“ weitergeleitet, wo ShopWP Sie um Zugriff bittet, um Ihre persönlichen Daten anzuzeigen.

Klicken Sie hier einfach auf den Button „Installieren“.

Click the Install button to allow ShopWP to access Shopify data

Sie werden dann zu Ihrem WordPress-Dashboard weitergeleitet. Hier wird die Meldung „Verbunden“ auf der Ansicht angezeigt, wenn der Vorgang erfolgreich war.

Klicken Sie nun auf den Button „Weiter zum nächsten Schritt“.

Connected to your Shopify store

Nun werden Sie aufgefordert, verschiedene Einstellungen für Ihren Shop zu konfigurieren, angefangen bei den Seiten, die Sie für Ihre Shopify-Produkte verwenden möchten.

Sie können die Auflistungsseiten aktivieren und dann eine WordPress-Seite auswählen oder die Standard-ShopWP-Produktseite verwenden.

Ebenso können Sie Kollektionsseiten und einzelne Produktdetailseiten einschalten.

Create pages

Im nächsten Schritt können Sie festlegen, was passiert, wenn Benutzer auf die Produkte klicken.

Sie können zum Beispiel das Produkt in einem Modal anzeigen oder die Benutzer auf Shopify oder die WordPress-Produktdetailseite umleiten.

Product click settings

Aktivieren Sie anschließend den Schalter „Warenkorb laden“, wenn Sie die integrierte Funktion des Warenkorbs verwenden möchten. Diese Option ist nicht anwendbar, wenn Sie Produkte direkt mit Shopify verlinkt haben und funktioniert nur mit WordPress.

Klicken Sie abschließend auf den Button „Einrichtung speichern und beenden“.

Add cart to the Shopify store

Sie werden nun zu Ihrem WordPress-Dashboard weitergeleitet. Gehen Sie von hier aus auf die Seite ShopWP Pro “ Sync.

Klicken Sie dort auf die Buttons „Sync Detail Pages“ und „Connect Auto Post Syncing“. Dadurch kann das Plugin alle Produktdetails abrufen, wenn Sie neue Produkte zu Ihrem Shopify-Shop hinzufügen.

Sync products

Sie haben nun erfolgreich Ihren Shopify-Shop mit WordPress verbunden.

Schritt 3: Shopify-Produkte in WordPress anzeigen

Mit ShopWP können Sie Ihre Shopify-Produkte ganz einfach überall auf Ihrer WordPress-Website anzeigen.

Wenn Sie die Standardeinstellungen verwenden, erstellt das Plugin eine ShopWP Products Seite für Sie, auf der Ihre Shopify Produkte angezeigt werden.

Shop page

Sie können auch Produkte in jedem WordPress-Beitrag oder auf jeder WordPress-Seite anzeigen, indem Sie sie einfach bearbeiten und den Block Produkte hinzufügen.

Weitere Einzelheiten finden Sie in unserer Anleitung zur Verwendung des WordPress-Blockeditors.

ShopWP Products block

Der Block verfügt über eine Reihe von Einstellungen, die Sie konfigurieren können, um das Aussehen der Produkte zu ändern.

Die Einstellungen umfassen das Layout, die Farben, die anzuzeigenden Produktdetails und mehr. Sie können hier auch den Preis, die Beschreibung, den Titel und das Bild des Produkts ändern.

Product block settings

In ähnlicher Weise können Sie auch einen Einzelproduktblock hinzufügen, um ein einzelnes Produkt anzuzeigen.

Sie können das Produkt, das Sie anzeigen möchten, finden, indem Sie den Produkttitel in den Blockeinstellungen eingeben.

Single product block

Das Plugin verfügt über leistungsstarke Optionen für die Anzeige, die Sie im Block-Panel oder auf der Seite mit den Einstellungen des Plugins steuern können.

Wenn Sie die kostenlose Version des Tools verwenden, sind dies alle Blöcke, die für Sie verfügbar sind. Wenn Sie jedoch ein Upgrade auf die Pro-Version durchführen, können Sie die Blöcke Warenkorb, Beschreibung, Kollektion, Titel und Suche zu Ihrer Seite hinzufügen.

Diese Blöcke eignen sich besser zum Erstellen separater Seiten für jedes Produkt, auf denen Sie einen Warenkorb Button, einen Titel, eine Beschreibung und ein Bild mit Hilfe verschiedener Blöcke hinzufügen möchten.

Sie können auch den Block „Kollektion“ verwenden, um Ihre Shopify-Produkte anzuzeigen, die zu einer bestimmten Gruppe gehören.

Extra blocks in ShopWP

Wenn Sie hingegen einen Shop wie WooCommerce erstellen möchten, bei dem alle Produkte auf einer Seite angezeigt werden, dann ist der Block „Produkte“ genau das Richtige für Sie.

Wenn Sie fertig sind, vergessen Sie nicht, auf den Button „Aktualisieren“ oder „Veröffentlichen“ zu klicken, um Ihre Einstellungen zu speichern.

Schritt 4: Anpassen Ihrer WordPress-Website

Nachdem Sie nun Ihren Shopify-Shop mit Ihrer Website verbunden haben, müssen Sie als Nächstes Ihre WordPress Website individuell anpassen.

Zunächst sollten Sie ein optisch ansprechendes Theme für Ihren Shop auswählen. Dieses Theme bestimmt das allgemeine Design und Layout Ihrer Website.

Es gibt Tausende von Premium- und kostenlosen WordPress-Themes, aus denen Sie wählen können. Für den Anfang können Sie sich unsere Übersicht der beliebtesten WordPress-Themes ansehen. Wir haben auch eine Liste der besten Themes für Bekleidungsgeschäfte zusammengestellt.

Sie können jedoch auch Ihr eigenes individuelles Theme mit SeedProd entwerfen. Es ist ein Drag-and-drop-Theme-Builder, mit dem Sie Ihr eigenes individuelles Theme erstellen können, ohne Code zu schreiben.

The SeedProd Visual Editor

Als nächstes müssen Sie Inhalte für Ihre WordPress-Website erstellen.

Sie können Seiten verwenden, um Ihre Website-Struktur zu erstellen, indem Sie Home-, Blog-, Shop-, Kontakt- und About-Seiten hinzufügen. Hier finden Sie eine Liste der wichtigsten Seiten, die Sie in WordPress erstellen können.

Danach fügen Sie Seiten zum Navigationsmenü in WordPress hinzu.

Site navigation

Weitere Einzelheiten finden Sie in unserem Tutorial zur Anpassung Ihres WordPress-Themes.

Schritt 5: Hinzufügen eines Kontaktformulars zu Ihrer WordPress Website

Sobald die individuelle Anpassung der Website abgeschlossen ist, empfiehlt es sich, ein Kontaktformular in Ihre Website einzufügen. Dies aktiviert die Kunden, sich an Sie zu wenden, wenn sie Fragen haben oder einen Fehler melden möchten.

Hierfür empfehlen wir WPForms. Es ist das beste Plugin für WordPress-Kontaktformulare auf dem Markt, das mit einem Drag-and-drop-Builder, über 1800+ vorgefertigten Templates und einem vollständigen Spam-Schutz ausgestattet ist.

WPForms

Nach der Aktivierung, verwenden Sie einfach die WPForms ‚Simple Contact Form‘ Template und dann fügen Sie es auf jeder Seite oder Beitrag mit dem WPForms Block.

Weitere Informationen finden Sie in unserer Anleitung zum Erstellen eines Kontaktformulars in WordPress.

The WPForms block to add to the WordPress block editor

Danach können Sie auch einen VoIP-Telefondienst einrichten, damit die Benutzer Sie direkt über Telefonanrufe kontaktieren können.

Hierfür können Sie Nextiva nutzen, den besten VoIP-Telefondienst für kleine Unternehmen. Hervorgehoben werden auch andere Funktionen wie Online-Fax, Live-Chat, Online-Befragungen, CRM, Anrufanalyse und mehr.

Nextiva

Weitere Informationen finden Sie in unserer Anleitung zum Einrichten eines automatischen Telefonsystems für Ihre Website.

Schritt 6: Fügen Sie Ihrem Online-Shop Kundenrezensionen hinzu

Als Nächstes sollten Sie Kundenrezensionen in Ihrem Online-Shop präsentieren, um das Vertrauen der Benutzer zu stärken und sie zu einem Kauf zu bewegen.

Wenn Sie beispielsweise bereits Bewertungen auf Yelp, Facebook oder Google haben, können Sie diese mit dem Plugin Smash Balloon Reviews Feed Pro zu Ihrer Website hinzufügen.

Es ist das beste Plugin für WordPress-Kundenrezensionen auf dem Markt, mit dem Sie Bewertungen in einem optisch ansprechenden Layout hinzufügen können.

Car part reviews, displayed using Smash Balloon

Eine ausführliche Anleitung finden Sie in unserem Tutorial, wie Sie Google-, Facebook- und Yelp-Bewertungen in WordPress anzeigen können.

Schritt 7: Wachsen Sie Ihre WordPress-Website und Ihren Shopify-Shop

Das Beste an WordPress ist, dass es Tausende von Plugins enthält und mit allen Marketing-Tools zusammenarbeitet, die Sie für das Wachstum Ihres Unternehmens benötigen.

Im Folgenden finden Sie einige wichtige Tools und Plugins, die Sie vielleicht sofort installieren sollten:

Weitere Empfehlungen finden Sie in unserer Liste der wichtigsten WordPress-Plugins für Unternehmenswebsites.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie Sie Shopify einfach in WordPress integrieren können. Vielleicht interessieren Sie sich auch für unsere Anleitung für Einsteiger, wie man richtig von Shopify zu WooCommerce wechselt, und unsere Top-Picks für die besten Shopify-Alternativen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

4 KommentareEine Antwort hinterlassen

  1. Richard

    Hi, I have a small question about this blog (integrating Shopify products into your WordPress website).

    What happens when you click the „add to cart“ button when the hHopify products are integrated into a WP page? Do you go to the Shopify platform and finish your purchase on the Shopify platform? Or do you stay on your WordPress website and handle purchae on that website?

    Reason to ask this is also your shopping cart. icon in the header. Can you see this on your WordPress website when adding a product? Or is everything handled by Shopify?

    • WPBeginner Support

      You would add the products on your WordPress site and checkout on Shopify.

      Admin

  2. Linda Klink Crawford

    We are having a website built with wordpress. We will be selling products. Can we use Shopify as our credit card and check out processor

    • WPBeginner Support

      This guide would allow you to have Shopify handle your checkout for you to achieve that.

      Admin

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.