So integrieren Sie Ihren Etsy-Shop in Ihre Divi-Website

Im heutigen Divi-Post zeigen wir dir, wie du die Artikel aus deinem Etsy-Shop in deine Divi-Website integrieren kannst. Dies kann ein Bedarf für Ihre eigene Website oder eine Anfrage eines Kunden sein. Das Hinzufügen deiner Etsy-Artikel zu deiner Website könnte dir helfen, mehr Verkäufe zu generieren. Vor allem, wenn Sie eine Website besitzen, die eine attraktive Zielgruppe und viele Besucher hat. Durch die Integration des Etsy-Shops in Ihre Website erreichen Sie Ihre Zielgruppe leichter.

Wir zeigen Ihnen, wie Sie Artikel aus dem Etsy-Shop über das Etsy-Shop-Plugin hinzufügen, was auf dem Desktop das folgende Ergebnis liefert:

Die Möglichkeiten

Nicht jeder mag es, den Etsy-Shop zu einer persönlichen Website hinzuzufügen. Manche Leute würden lieber eine E-Commerce-Option verwenden, die es den Leuten ermöglicht, Produkte direkt von der Website zu kaufen. Wenn Sie den Etsy-Shop in Ihre WordPress-Website integrieren, bedeutet dies nicht, dass der Kauf tatsächlich auf Ihrer Website stattfindet. Das Plugin hilft dir nur, deine Etsy-Artikel in ihrer ursprünglichen Form anzuzeigen. Für den eigentlichen Kaufprozess werden die interessierten Besucher zu deinem Etsy-Shop auf der Etsy-Website weitergeleitet.

Wenn Sie jedoch diese Verbindung zu Ihrem Etsy-Shop und dem dortigen Publikum beibehalten möchten, haben Sie zwei Möglichkeiten, die Situation anzugehen.

Fügen Sie Ihre Produkte manuell zu Ihrer WordPress-Website hinzu

Da die Plugins nur helfen, deine Besucher auf die Etsy-Website umzuleiten, kannst du deine Etsy-Artikel auch manuell integrieren. Das klingt zwar nach mehr Arbeit, hat aber auch einige Vorteile. Sie können beispielsweise die Elemente nach Belieben stylen. Sie haben wahrscheinlich mehr Platz und Platz, um die Artikel im gleichen Stil wie Ihre Website zu gestalten. Das einzige, was Sie benötigen, ist ein direkter (und vorzugsweise ein eindeutiger) Link zu jedem Artikel.

Obwohl es viele Vorteile gibt, deine Etsy-Produkte manuell hinzuzufügen, gibt es auch einige Nachteile. Sobald Sie diese Artikel manuell hinzufügen und den Stil ändern, wissen Ihre Besucher nicht sofort, dass sie auf die Etsy-Website weitergeleitet werden. Sie stellen sie also für eine Überraschung her.

Fügen Sie Ihre Produkte mit einem Plugin hinzu

Die andere Möglichkeit, die Sie haben, ist die Verwendung eines Plugins. Dies ist in der Regel der einfachste Weg und spart Ihnen viel Zeit. Abgesehen davon ist das Layout der Artikel ähnlich wie auf der Etsy-Website. Besucher werden die Quelle des Artikels leichter erkennen. Dies ist die Möglichkeit, die wir Ihnen im nächsten Teil des Beitrags zeigen.

Es gibt zwei Plugins, die diese Aufgabe erledigen können: das Etsy-Shop-Plugin und Etsy 360. Das Etsy-Shop-Plugin ist kostenlos und wir zeigen dir, wie du es einrichtest, während Etsy 360 kostenpflichtig ist. Leider kannst du das Etsy-Shop-Plugin nur verwenden, wenn du deine Etsy-Artikel auf dem Desktop anzeigen möchtest. Das Plugin reagiert nicht. Wenn du also nach einer reaktionsschnellen Lösung suchst, kannst du Etsy 360 ausprobieren.

So integrieren Sie Ihren Etsy-Shop in Ihre Divi-Website

Abonnieren Sie unseren Youtube-Kanal

Beginne damit, deinen Etsy-Shop mit dem Etsy-Shop-Plugin zu integrieren

Um deinen Etsy-Shop zu deiner Divi-Website hinzuzufügen, benötigen wir im Voraus eines: das kostenlose Etsy-Shop-Plugin, erstellt von Frederic Sheedy. Wenn Sie dieses Plugin verwenden, müssen Sie nicht viel Aufwand betreiben, um Ihre Lieblingsartikel aus dem Etsy-Shop auf Ihrer Website hinzuzufügen. In der Vergangenheit hat Etsy die Etsy Mini-Möglichkeit angeboten, aber leider haben sie diese Option kürzlich zurückgestellt – was das Etsy-Shop-Plugin derzeit zur günstigsten Möglichkeit auf dem Markt macht.

Ohne weitere Fälligkeit; Lass uns anfangen.

Laden Sie das Etsy-Shop-Plugin herunter

Der erste Schritt, den Sie ausführen müssen, ist das Herunterladen des Plugins. Sie können das Plugin herunterladen, indem Sie auf den folgenden Link klicken.

Laden Sie das Plugin auf Ihre Website hoch

Sobald Sie das Plugin heruntergeladen haben, können Sie es hochladen, indem Sie zu Ihrem WordPress-Dashboard> Plugins> Neu hinzufügen> gehen und das Plugin auf Ihre Website hochladen. Stellen Sie sicher, dass Sie auch das Plugin aktivieren.

Holen Sie sich Ihren Etsy-Shop-API-Schlüssel

Nachdem du das Plugin heruntergeladen hast, musst du als nächsten Schritt einen API-Schlüssel für deinen Etsy-Shop besorgen. Es kann sein, dass Sie bereits eine solche API zur Verfügung haben, aber wenn Sie sie nicht haben, zeigen wir Ihnen, wie Sie sofort eine bekommen.

Erstelle eine neue App für dein Etsy-Konto

Sobald du das Etsy-Shop-Plugin heruntergeladen hast und zu den Einstellungen gehst, siehst du direkt unter dem Etsy-API-Schlüsselfeld einen Link, der dir zeigt, wo du eine neue Etsy-App erstellen kannst. Klicken Sie auf diesen Link.

Sobald Sie mit dem Erstellen einer neuen App beginnen, müssen Sie einige Details zu der App eingeben, die Sie erstellen, wie in der Abbildung unten gezeigt.

Sobald Sie alle erforderlichen Informationen eingegeben haben, wird Ihre App erstellt. Im Bild unten sehen Sie, wo Sie den API-Schlüssel nach dem Erstellen der App finden.

Kopieren Sie den API-Schlüssel in Ihr Plugin

Als nächstes müssen Sie zu Ihren Plugin-Einstellungen zurückkehren und den API-Schlüssel eingeben.

Stellen Sie sicher, dass Sie den Shop in einem neuen Fenster öffnen

Und solange Sie sich noch in den Plugin-Einstellungen befinden, empfiehlt es sich, jeden Link in einem neuen Fenster öffnen zu lassen. Auf diese Weise werden Ihre Besucher nicht einfach auf eine andere Seite verwiesen, sondern auf beiden Seiten gehalten.

Fügen Sie den Shortcode zu einem Textmodul in Ihrem Divi Builder hinzu

Als nächstes müssen Sie den Shortcode in Ihre Website integrieren. Sie können dies ganz einfach tun, indem Sie es zu einem neuen Textmodul auf der Seite hinzufügen, auf der die Elemente angezeigt werden sollen.

Öffnen Sie die Seite, auf der Sie die Elemente hinzufügen möchten, und fügen Sie ein Textmodul zu einer Zeile mit voller Breite hinzu. Öffnen Sie als Nächstes die Einstellungen der Zeile und ändern Sie die benutzerdefinierte Breite der Zeile auf '680px'.

Fügen Sie als Nächstes den Shortcode zum Feld Inhalt auf der Registerkarte Inhalt hinzu. Ohne Änderungen sieht der Shortcode so aus:

[etsy-shop shop_name="*your-etsy-shop-name*" section_id="*your-etsy-shop-setion-id*"]

Ersetzen Sie nun den *your-etsy-shop-name* und die *your-etsy-shop-section-id* durch Ihre eigene. Gehen Sie dazu zu Ihrem Shop (oder einem anderen Shop, aus dem Sie die Etsy-Produkte anzeigen möchten) und wählen Sie einen Bereich auf der linken Seite aus.

Sobald Sie das getan haben, können Sie den Namen des Etsy-Shops und die Abschnitts-ID in der URL sehen.

Für Mobilgeräte deaktivieren

Leider funktioniert das Etsy-Shop-Plugin nur auf Desktops richtig. Es reagiert nicht. Wenn Sie also nach einer kostenlosen Lösung suchen, die Ihnen hilft, Verkäufe nur über den Desktop zu generieren, ist dies eine großartige Lösung. Wenn nicht, möchten Sie vielleicht sehen, worum es bei Etsy 360 geht, oder Sie können die Elemente, die Sie präsentieren möchten, manuell hinzufügen.

Ergebnis

Kopieren Sie einfach diese beiden Dinge und fügen Sie sie in Ihren Shortcode ein. Nachdem du die Einstellungen gespeichert hast, sollten deine Etsy-Artikel auf deiner Desktop-Website erscheinen, wenn du auf Vorschau klickst – mit folgendem Ergebnis:

Abschließende Gedanken

In diesem Beitrag haben wir dir gezeigt, wie du den Etsy-Shop zu deiner Website hinzufügst. Wir haben dich durch den Installationsprozess des Etsy-Shop-Plugins geführt. Manche Leute ziehen es vor, Etsy-Artikel mit einem Plugin hinzuzufügen und ihre Besucher auf die Esty-Website umleiten zu lassen, während andere sich lieber für eine E-Commerce-Website entscheiden. Wenn Sie nach der ersten Möglichkeit gesucht haben, wird Ihnen dieser Beitrag weiterhelfen. Wenn Sie Fragen oder Anregungen haben, hinterlassen Sie einen Kommentar im Kommentarbereich unten!

Abonnieren Sie unbedingt unseren E-Mail-Newsletter und unseren YouTube-Kanal, damit Sie keine große Ankündigung, keinen nützlichen Tipp oder ein Divi-Werbegeschenk verpassen!