Wordpress

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-PlanMit einem Preis von 199 US-Dollar pro Jahr ist es 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 die Agenturplan 499 US-Dollar pro Jahr sind die Option der 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.

ShopWP-Preise

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 größer.

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.

ShopWP Layout Builder-Tutorial

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

ShopWP Layout Builder-Tutorial

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.

ShopWP Layout Builder-Tutorial

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.

ShopWP Layout Builder-Tutorial

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 Layout Builder-Tutorial

ShopWP bietet zwei Synchronisierungsoptionen:

  1. Einmalige Synchronisierung: Sie können Produktdetails bei Bedarf manuell synchronisieren.
  2. Automatische Synchronisation: ShopWP synchronisiert automatisch Produktdetails basierend auf einem von Ihnen gesteuerten 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.

ShopWP Layout Builder-Tutorial

Um das zu nutzen Mit ShopWP Layout Builder 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.

ShopWP Layout Builder-Einstellungen

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

ShopWP-Layout-Builder

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

ShopWP Layout Builder-Einstellungen

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.

ShopWP Layout Builder-Tutorial

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 die Angabe eines oder mehrerer Produkttitel, 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: Ordnet Produkte basierend auf ihrem Typ zu.
  • Steht zum Verkauf: 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:

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

Titeloptionen:

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

Beschreibungsoptionen:

  • Produktbeschreibung Schriftgröße: Legt die Schriftgröße für Produktbeschreibungen fest.
  • Beschreibung Farbe: Legt die Farbe der Produktbeschreibungen fest.
  • Höhe der Beschreibungslinie: Legt die Zeilenhöhe für Produktbeschreibungen fest.
  • Länge der Beschreibungsgrenze: 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.
  • Preisvergleich anzeigen: Zeigt den Vergleichspreis an, sofern verfügbar.
  • Preis neben der Variantenschaltfläche anzeigen: Zeigt den Preis neben der Variantenauswahlschaltfläche an.
  • Preis-Schriftgröße: Legt die Schriftgröße für die Preisgestaltung fest.
  • Preis Farbe: Gibt die Farbe der Preisgestaltung an.

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

  1. Anpassbares Dropdown-Menü Menüfarben für Produktvarianten und Sortierung.
  2. Reduzierte JavaScript-Bundle-Größe um über 100 KB, was zu einem schnelleren Shop und möglicherweise höheren Umsätzen führt.
  3. Option zu s hinzugefügtOrdnen Sie Produkte im ShopWP-Produktblock an basierend auf dem in Shopify verwendeten „Sammlungsstandardwert“.

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.

ShopWP-Layout-Shortcode

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

Ist ShopWP Layout Builder für Anfänger geeignet?

Ja, ShopWP Layout Builder ist gut für Anfänger geeignet. Es bietet eine Drag-and-Drop-Oberfläche, sodass es auch für diejenigen verfügbar ist, die keine WordPress-Erfahrung haben. Das benutzerfreundliche Design ermöglicht es Einsteigern, ohne steile Lernkurve optisch ansprechende Layouts für ihren Shopify-Shop zu erstellen.

Ist der Kundensupport verfügbar, falls ich Probleme habe?

Ja, ShopWP bietet Kundensupport, um Benutzern bei allen Problemen zu helfen, auf die sie stoßen könnten. Sie haben einen privaten Slack-Kanal nur für ShopWP Pro-Kunden und das Team ist von 9:00 bis 16:00 Uhr (CST) online, um bei der Lösung etwaiger Probleme zu helfen. ShopWP-Benutzer, die keine Pro-Version haben, können für ihre Fragen eine E-Mail an hello@wpshop.io senden.

Ist die Nutzung des Shops mit Kosten verbunden?WP Layout Builder?

Nein, mit der Verwendung von ShopWP Layout Builder sind keine zusätzlichen Kosten verbunden. Sobald Sie das Plugin gekauft haben, haben Sie Zugriff auf alle seine Funktionen, ohne dass versteckte Kosten anfallen. Sie können beliebig viele Websites erstellen und das Plugin ohne zusätzliche Gebühren auf mehreren Domains verwenden.

Related Articles

27 Comments

  1. Yesterday, while I was at work, my cousin stole my iPad and tested to see
    if it can survive a forty foot drop, just so she can be a youtube sensation. My iPad is
    now broken and she has 83 views. I know this is totally off topic
    but I had to share it with someone!

  2. Hello! Do you use Twitter? I’d like to follow you if that
    would be okay. I’m absolutely enjoying your blog and look forward to new
    posts.

  3. Hello, Neat post. There is an issue together with your website in web explorer,
    might check this? IE nonetheless is the marketplace chief and a large part of other folks will omit your fantastic writing
    due to this problem.

  4. Fantastic goods from you, man. I have understand your stuff prior to and you’re simply too wonderful.
    I actually like what you’ve received here, really like what you are stating and
    the way in which during which you are saying
    it. You’re making it entertaining and you still take care
    of to stay it wise. I can not wait to read much more from you.
    That is really a great site.

  5. В нашем обществе, где диплом становится началом отличной карьеры в любом направлении, многие ищут максимально простой путь получения образования. Необходимость наличия документа об образовании сложно переоценить. Ведь именно он открывает дверь перед всеми, кто стремится вступить в сообщество профессионалов или продолжить обучение в любом университете.
    Мы предлагаем максимально быстро получить любой необходимый документ. Вы можете заказать диплом старого или нового образца, что будет удачным решением для всех, кто не смог закончить обучение или потерял документ. диплом изготавливается с особой тщательностью, вниманием ко всем деталям. На выходе вы сможете получить продукт, максимально соответствующий оригиналу.
    Превосходство этого подхода состоит не только в том, что можно оперативно получить свой диплом. Процесс организован просто и легко, с профессиональной поддержкой. Начав от выбора нужного образца до правильного заполнения личных данных и доставки по стране — все под абсолютным контролем квалифицированных специалистов.
    В результате, всем, кто хочет найти оперативный способ получения требуемого документа, наша компания предлагает выгодное решение. Приобрести диплом – это значит избежать продолжительного обучения и сразу перейти к своим целям: к поступлению в ВУЗ или к началу успешной карьеры.
    vuzdiploma

  6. Just desire to say your article is as surprising.
    The clearness for your post is simply nice and that
    i can assume you’re knowledgeable in this subject.
    Fine together with your permission let me to grab your feed to keep updated with coming near near post.
    Thank you 1,000,000 and please carry on the enjoyable work.

  7. My partner and I stumbled over here by a different website and thought
    I might check things out. I like what I see so i am just following you.
    Look forward to looking into your web page repeatedly.

  8. Great article! That is the type of information that are supposed
    to be shared around the net. Disgrace on the search engines for not
    positioning this put up higher! Come on over and visit my website .
    Thanks =)

  9. Hey there I am so excited I found your weblog, I really found you by accident, while I was searching on Aol for
    something else, Anyways I am here now and would
    just like to say kudos for a remarkable post and a
    all round interesting blog (I also love the
    theme/design), I don’t have time to look over it all at the minute but I have book-marked it
    and also added in your RSS feeds, so when I have time I will
    be back to read much more, Please do keep up the excellent b.

  10. I do not know whether it’s just me or if perhaps
    everybody else encountering issues with your blog.

    It appears as though some of the text on your posts are running off the screen. Can somebody else please provide feedback and let me know if this is
    happening to them too? This could be a problem with my internet browser
    because I’ve had this happen previously. Thanks

  11. Hello it’s me, I am also visiting this web site regularly, this
    web site is genuinely pleasant and the visitors are actually sharing pleasant thoughts.

  12. Hi there I am so excited I found your blog, I really found
    you by error, while I was looking on Aol for something
    else, Nonetheless I am here now and would just like to say thanks a lot for a tremendous post and a all
    round interesting blog (I also love the theme/design), I
    don’t have time to look over it all at the moment
    but I have bookmarked it and also added in your RSS feeds, so when I have time I will be back to read a lot
    more, Please do keep up the superb job.

  13. Hi this is somewhat of off topic but I was wondering if blogs use WYSIWYG editors or if you have to manually code with HTML.

    I’m starting a blog soon but have no coding experience so I wanted to get guidance from someone
    with experience. Any help would be greatly appreciated!

  14. Spot on with this write-up, I seriously believe that this website needs much more attention. I’ll probably be back again to read through more, thanks for the info!

  15. Thanks on your marvelous posting! I really enjoyed reading it,
    you’re a great author.I will make certain to bookmark your blog and
    definitely will come back very soon. I want to encourage
    yourself to continue your great writing, have a nice holiday weekend!

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button