Shopify- und WordPress-Integration leicht gemacht mit ShopWP Layout Builder

Sind Sie es leid, sich endlos mit der Auswahl eines Website-Layouts herumschlagen zu müssen? Verbringen Sie Stunden damit, Ihre Website professionell und optisch ansprechend aussehen zu lassen, nur um am Ende mit den Ergebnissen frustriert zu sein? Glauben Sie mir, ich war auch dort. Als jemand, der gerade erst in die Welt des Webdesigns einsteigt, kann es überwältigend sein, sich durch die Komplexität der Erstellung einer visuell beeindruckenden und benutzerfreundlichen Website zurechtzufinden.

Aber das ist nicht alles. Möchten Sie auch Ihre Shopify-Produkte nahtlos in Ihre WordPress-Site integrieren? Dann suchen Sie nicht weiter, denn ich habe die perfekte Lösung für Sie. Wir stellen Ihnen ShopWP Shopify Layout Builder vor, Ihren ultimativen Begleiter für das Website-Design. Als jemand, der schon immer mit Leidenschaft beeindruckende Websites erstellt hat, verstehe ich die Herausforderungen, die mit der Suche nach den richtigen Tools zur Verwirklichung Ihrer Vision verbunden sind. ShopWP Layout Builder ist genau das Richtige für Sie. Stellen Sie sich vor, Sie könnten Ihre Shopify-Produkte mühelos auf Ihrer WordPress-Website präsentieren und verkaufen und dabei ein einheitliches und optisch ansprechendes Design beibehalten.

Lassen Sie mich Ihnen zeigen, wie dieses unglaubliche Tool Ihr Webdesign-Erlebnis verbessern kann.

Was ist ShopWP Layout Builder?

ShopWP Shopify Layout Builder ist ein WordPress-Plugin, das darauf zugeschnitten ist, Shopify-Produkte in Ihre WordPress-Website zu integrieren. Mit diesem Plugin können Benutzer atemberaubende und professionell aussehende Websites erstellen, um Shopify-Produkte auf WordPress zu verkaufen, ohne dass sie über Programmier- oder Designkenntnisse verfügen müssen. Mit ShopWP Layout Builder können Sie das Layout, Design und den Inhalt Ihrer Website ganz einfach über eine einfache Drag-and-Drop-Oberfläche erstellen und anpassen.

ShopWP Pro-Preise

ShopWP Pro bietet zwei Abonnementpläne, die auf unterschiedliche Geschäftsanforderungen zugeschnitten sind – Solo und Agency.

Der Solo-Plan mit einem Preis von 199 US-Dollar pro Jahr ist ideal für Einzelpersonen und Unternehmen, die eine kleine Anzahl von WordPress-Sites verwalten, und bietet ihnen Zugriff auf wichtige ShopWP Pro-Funktionen.

Für diejenigen mit mehreren Kunden oder größeren Teams ist der Agenturplan für 499 $ pro Jahr die erste Wahl. Dieser Plan beinhaltet nicht nur alle Vorteile des Solo-Plans, sondern ermöglicht auch die Installation auf einer unbegrenzten Anzahl von WordPress-Sites und gewährt Zugriff auf zusätzliche Plugin-Erweiterungen.

Darüber hinaus erfordert ShopWP, dass Benutzer über einen aktiven Shopify-Plan verfügen. Die empfohlene Option ist der kostengünstige Shopify Starter-Plan, was ihn zu einer ausgezeichneten Wahl für diejenigen macht, die sich ausschließlich auf WordPress-basiertes Verkaufen konzentrieren. Sie erhalten außerdem eine 30-tägige Rückerstattungsrichtlinie.

Erste Schritte mit ShopWP Shopify Layout Builder

Um mit ShopWP Shopify Layout Builder zu beginnen, benötigen Sie zunächst ShopWP Pro 8.0 oder höher.

Nachdem Sie eine der beiden Pro-Versionen erworben haben, gehen Sie folgendermaßen vor:

1. WordPress mit Shopify verbinden

Zunächst müssen Sie das ShopWP-Plugin auf Ihrer WordPress-Site installieren.

Nach der Installation können Sie WordPress mit Shopify verbinden, indem Sie zu ShopWP → Verbinden navigieren und auf die Schaltfläche klicken.

Geben Sie Ihre Shopify-Shop-URL an, wenn Sie dazu aufgefordert werden.

Falls Sie dies noch nicht getan haben, werden Sie aufgefordert, die ShopWP-App in Ihrem Shopify-Shop zu installieren.

Sobald Sie fertig sind, werden Sie zu den Plugin-Einstellungen weitergeleitet und erhalten eine Bestätigung, dass Ihr Shop erfolgreich verbunden wurde.

Von dort aus können Sie Ihre Store-Eintragsseiten anpassen und auswählen, ob Sie Produkte mit Shopify verknüpfen oder auf Ihrer WordPress-Site anzeigen möchten.

Darüber hinaus haben Sie die Möglichkeit, eine feste Warenkorb-Registerkarte anzuzeigen und anzupassen, wie die Checkout-Seite geöffnet wird.

2. Shopify-Produkte mit WordPress synchronisieren

Nachdem Sie Ihren Shop verbunden haben, besteht der nächste Schritt darin, Ihre Shopify-Produkte mit WordPress zu synchronisieren. Sie haben die Möglichkeit, alle Ihre Produkte zu synchronisieren oder bestimmte Produkte auszuwählen, um sie zu WordPress hinzuzufügen.

ShopWP bietet zwei Synchronisierungsoptionen:

1. Einmalige Synchronisierung : Sie können Produktdetails bei Bedarf manuell synchronisieren.
2. Automatische Synchronisierung : ShopWP synchronisiert Produktdetails automatisch basierend auf einem von Ihnen festgelegten Intervall. Wenn Sie beispielsweise in Shopify Änderungen an einem Produkt vornehmen, werden diese Änderungen automatisch und ohne manuellen Aufwand mit WordPress synchronisiert.

Um auf diese Optionen zuzugreifen, navigieren Sie zu ShopWP > Synchronisieren.

Um die Synchronisierungseinstellungen zu steuern, gehen Sie zu ShopWP > Einstellungen > Synchronisierung.

Hier können Sie die zu synchronisierenden Produkte und die Menge der einzuschließenden Produktinformationen auswählen. Sobald die Synchronisierung abgeschlossen ist, können Sie die synchronisierten Produkte unter ShopWP > Produkte anzeigen.

Um den ShopWP Layout Builder verwenden zu können , müssen Sie Ihren Shopify-Shop verbinden und mindestens ein Produkt synchronisiert haben, bevor Sie es verwenden können.

Obwohl ein Produkt ausreichend ist, kann die Verwendung mehrerer Produkte den Prozess erleichtern.

3. Erstellen Sie Layouts mit Layout Builder

Gehen Sie zum Layout Builder, um optisch ansprechende Produktlayouts zu erstellen, ohne dass eine manuelle Shortcode-Erstellung erforderlich ist.

Zwei Arten von Layouttypen sind vorgefertigt: Produktdetailseite (PDP) und Produktlistenseite (PLP).

Um Ihr eigenes Layout zu entwerfen, gehen Sie auf „Neu hinzufügen“. Sie können den Layouttyp in der Seitenleiste ändern.

Wenn Sie auf „Neu hinzufügen“ klicken, werden alle Ihre synchronisierten Produkte angezeigt. Die Blockeinstellungen in der rechten Seitenleiste bieten vielfältige Bearbeitungsmöglichkeiten, mit denen Sie das Layout Ihrer Produkte in WordPress bearbeiten können.

Bei den von Ihnen bereitgestellten Blockeinstellungen handelt es sich um eine Schnittstelle zum Anpassen der Anzeige von Shopify-Produkten auf einer Website. Hier ist eine Zusammenfassung der verfügbaren Bearbeitungsfunktionen:

Filterung:

• Nach Titel filtern: Ermöglicht Ihnen, einen oder mehrere Produkttitel anzugeben, die in die Anzeige einbezogen werden sollen.
• Nach Sammlung filtern: Filtert Produkte basierend auf der Sammlung, zu der sie gehören.
• Nach Tag filtern: Ordnet Produkte anhand ihrer Tags zu.
• Nach Anbieter filtern: Ordnet Produkte basierend auf ihrem Anbieter zu.
• Nach Produkttyp filtern: Passt Produkte basierend auf ihrem Typ an.
• Zum Verkauf verfügbar: Ermöglicht Ihnen die Auswahl, ob Produkte angezeigt werden sollen, die vorrätig, nicht vorrätig oder welche sind.
• Übereinstimmungskriterien: Gibt an, ob alle Filter wahr sein müssen (AND) oder ob einer ausreicht (OR).

Sortierung:

• Sortieren nach: Ermöglicht Ihnen, Produkte nach Titel, Preis oder anderen Kriterien zu sortieren.
• Umgekehrte Reihenfolge: Hier können Sie auswählen, ob die Produkte in aufsteigender oder absteigender Reihenfolge angezeigt werden sollen.

Titeloptionen:

• Schriftgröße für Produkttitel: Legt die Schriftgröße für Produkttitel fest.
• Titelfarbe: Legt die Farbe der Produkttitel fest.

Beschreibungsoptionen:

• Schriftgröße für Produktbeschreibung: Legt die Schriftgröße für Produktbeschreibungen fest.
• Beschreibungsfarbe: Legt die Farbe der Produktbeschreibungen fest.
• Beschreibungszeilenhöhe: Legt die Zeilenhöhe für Produktbeschreibungen fest.
• Beschreibungslänge begrenzen: Ermöglicht Ihnen, die Anzahl der Zeichen in der Produktbeschreibung zu begrenzen.

Preisoptionen:

• Preisspanne anzeigen: Legt fest, ob eine Preisspanne für Produkte angezeigt werden soll.
• Vergleichspreis anzeigen: Zeigt den Vergleichspreis an, sofern verfügbar.
• Preis neben Varianten-Schaltfläche anzeigen: Zeigt den Preis neben der Variantenauswahl-Schaltfläche an.
• Preis-Schriftgröße: Legt die Schriftgröße für die Preisgestaltung fest.
• Preisfarbe: Gibt die Farbe der Preisgestaltung an.

Einige der neuesten Updates des ShopWP Layout Builder enthalten die folgenden Änderungen:

1. Anpassbare Dropdown- Menüfarben für Produktvarianten und Sortierung.
2. Die Größe des JavaScript-Pakets wurde um über 100 KB reduziert , was zu einem schnelleren Shop und möglicherweise höheren Umsätzen führte.
3. Es wurde die Option hinzugefügt, Produkte im ShopWP-Produktblock basierend auf dem in Shopify verwendeten „Sammlungsstandard“-Wert zu sortieren .

Nachdem Sie das Layout bearbeitet und fertiggestellt haben, kopieren Sie den in der oberen rechten Ecke verfügbaren Shortcode.

4. Veröffentlichen Sie Produkte auf WordPress

Erstellen Sie eine neue Seite oder einen neuen Beitrag auf WordPress und fügen Sie den Shortcode des Layouts ein, das Sie veröffentlichen möchten.

Sobald Sie die Seite veröffentlichen, wird das von Ihnen entworfene Layout sichtbar und Benutzer können Produkte direkt von WordPress kaufen, ohne Ihren Shopify-Shop aufzurufen.

Fazit: Verbessern Sie Ihr Website-Design

Da ich persönlich die Herausforderungen erlebt habe, die sich beim Navigieren im überfüllten Bereich der Shopify-Plugins ergeben, kann ich den benutzerfreundlichen ShopWP Layout Builder mit Zuversicht bestätigen. Dieses innovative Tool bietet eine benutzerfreundliche Drag-and-Drop-Oberfläche mit automatisierten Shortcodes, die den gesamten Website-Erstellungsprozess vereinfacht. Eine der herausragenden Funktionen, die ich äußerst hilfreich fand, ist die robuste Shortcode-Funktion. Dadurch konnte ich dynamische und interaktive Elemente hinzufügen, während ich das Layout entwarf und Shopify-Produkte auf WordPress präsentierte. Dieses Maß an Flexibilität eröffnet eine Welt voller Möglichkeiten für individuelle Anpassung und Kreativität und stellt sicher, dass Ihre Website in der überfüllten digitalen Landschaft hervorsticht.

FAQs