Comment intégrer votre boutique Etsy à votre site Web Divi

Dans la publication Divi d'aujourd'hui, nous allons vous montrer comment intégrer les articles que vous avez dans votre boutique Etsy dans votre site Web Divi. Il peut s'agir d'un besoin que vous avez pour votre propre site Web ou d'une demande que vous avez reçue d'un client. L'ajout de vos articles Etsy à votre site Web pourrait vous aider à générer plus de ventes. Surtout si vous possédez un site Web qui a un public cible attrayant et un bon nombre de visiteurs. En intégrant la boutique Etsy à votre site Web, vous pouvez atteindre plus facilement votre public cible.

Nous montrerons comment ajouter des articles de la boutique Etsy via le plugin Etsy Shop, qui fournira le résultat suivant sur le bureau :

Les possibilités

Tout le monde n'aime pas ajouter la boutique Etsy à un site Web personnel. Certaines personnes préfèrent utiliser une option de commerce électronique qui permet aux gens d'acheter des produits directement sur le site Web. Lorsque vous intégrez la boutique Etsy à votre site Web WordPress, cela ne signifie pas que l'achat se fera réellement sur votre site Web. Le plugin vous aide simplement à afficher vos articles Etsy dans leur forme originale. Pour le processus d'achat proprement dit, les visiteurs intéressés seront redirigés vers votre boutique Etsy sur le site Etsy.

Cependant, si vous souhaitez conserver ce lien avec votre boutique Etsy et le public que vous y avez, vous avez deux manières d'aborder la situation.

Ajoutez manuellement vos produits à votre site Web WordPress

Étant donné que les plugins ne feront qu'aider à rediriger vos visiteurs vers le site Web Etsy, vous pouvez également intégrer vos articles Etsy manuellement. Bien que cela ressemble à plus de travail, cela présente également certains avantages. Vous pouvez, par exemple, styliser les éléments comme vous le souhaitez. Vous aurez probablement plus d'espace et d'espace pour créer les articles dans le même style que votre site Web. La seule chose dont vous aurez besoin est un lien direct (et de préférence unique) vers chaque article.

Bien qu'il existe de nombreux avantages à ajouter vos produits Etsy manuellement, il existe également certains inconvénients. Une fois que vous avez ajouté manuellement ces éléments et que vous avez modifié le style, vos visiteurs ne sauront pas immédiatement qu'ils seront redirigés vers le site Web Etsy. Vous les mettez donc en place pour une surprise.

Ajoutez vos produits avec un plugin

L'autre possibilité que vous avez est d'utiliser un plugin. C'est généralement le moyen le plus simple et vous fait gagner beaucoup de temps. En plus de cela, la mise en page des éléments est similaire à la façon dont ils sont affichés sur le site Web Etsy. Les visiteurs reconnaîtront plus facilement la source de l'article. C'est la possibilité que nous vous montrerons comment faire dans la prochaine partie du post.

Il existe deux plugins qui peuvent faire le travail : le plugin Etsy Shop et Etsy 360. Le plugin Etsy Shop est gratuit et nous vous montrerons comment le configurer alors que Etsy 360 est payant. Malheureusement, vous ne pouvez utiliser le plugin Etsy Shop que si vous souhaitez afficher vos articles Etsy sur le bureau. Le plugin n'est pas réactif. Donc, si vous recherchez une solution réactive, vous pouvez essayer Etsy 360.

Comment intégrer votre boutique Etsy à votre site Web Divi

Abonnez-vous à notre chaîne Youtube

Commencez à intégrer votre boutique Etsy avec le plugin Etsy Shop

Pour ajouter votre boutique Etsy à votre site Divi, nous aurons besoin d'une chose à l'avance ; le plugin gratuit Etsy Shop, créé par Frederic Sheedy. En utilisant ce plugin, vous n'aurez pas à faire beaucoup d'efforts pour ajouter vos articles préférés de la boutique Etsy sur votre site Web. Dans le passé, Etsy offrait la possibilité Etsy Mini, mais ils ont malheureusement récemment suspendu cette option, faisant du plugin Etsy Shop actuellement la possibilité la plus favorable.

Sans autre dû ; Commençons.

Télécharger le plugin de la boutique Etsy

La première étape que vous devrez faire est de télécharger le plugin. Vous pouvez télécharger le plugin en cliquant sur le lien suivant.

Téléchargez le plugin sur votre site Web

Une fois que vous avez téléchargé le plugin, vous pouvez le télécharger en accédant à votre tableau de bord WordPress > Plugins > Ajouter un nouveau > Et en téléchargeant le plugin sur votre site Web. Assurez-vous également d'activer le plugin.

Obtenez votre clé API de boutique Etsy

Une fois que vous avez téléchargé le plugin, la prochaine étape que vous devrez suivre consiste à obtenir une clé API de votre boutique Etsy. Il se peut que vous ayez déjà une telle API disponible, mais si vous ne l'avez pas, nous vous montrerons comment en obtenir une immédiatement.

Créez une nouvelle application pour votre compte Etsy

Une fois que vous avez téléchargé le plugin Etsy Shop et que vous accédez aux paramètres, vous pouvez voir un lien juste en dessous du champ Clé API Etsy qui vous indique où créer une nouvelle application Etsy. Cliquez sur ce lien.

Une fois que vous avez commencé à créer une nouvelle application, vous devrez fournir quelques détails sur l'application que vous créez, comme indiqué dans l'image ci-dessous.

Une fois que vous avez rempli toutes les informations nécessaires, votre application sera créée. Dans l'image ci-dessous, vous pouvez voir où vous pouvez trouver la clé API après avoir créé l'application.

Copiez la clé API dans votre plugin

La prochaine chose que vous devrez faire est de revenir aux paramètres de votre plugin et de remplir la clé API.

Assurez-vous d'ouvrir la boutique dans une nouvelle fenêtre

Et pendant que vous êtes encore dans les paramètres du plugin, il est recommandé d'ouvrir chaque lien dans une nouvelle fenêtre. De cette façon, vous ne vous contenterez pas de renvoyer vos visiteurs vers une autre page, mais vous les garderez sur les deux pages.

Ajouter le shortcode à un module de texte dans votre Divi Builder

La prochaine chose que vous devrez faire est d'intégrer le shortcode dans votre site Web. Vous pouvez le faire facilement en l'ajoutant à un nouveau module de texte dans la page sur laquelle vous souhaitez que les éléments apparaissent.

Ouvrez la page sur laquelle vous souhaitez ajouter les éléments et ajoutez un module de texte à une ligne pleine largeur. Ensuite, ouvrez les paramètres de la ligne et modifiez la largeur personnalisée de la ligne en « 680px ».

Ensuite, ajoutez le shortcode à la zone Contenu de l'onglet Contenu. Sans aucune modification, le shortcode ressemble à ceci :

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

Maintenant, remplacez le *your-etsy-shop-name* et le *your-etsy-shop-section-id* par le vôtre. Pour ce faire, accédez à votre boutique (ou à toute autre boutique à partir de laquelle vous souhaitez afficher les produits Etsy) et sélectionnez une section sur le côté gauche.

Une fois que vous avez fait cela, vous pouvez remarquer le nom de la boutique Etsy et l'ID de la section dans l'URL.

Désactiver pour mobile

Malheureusement, le plugin Etsy Shop ne fait son travail correctement que sur les ordinateurs de bureau. Ce n'est pas réactif, donc, si vous recherchez une solution gratuite qui vous aidera à générer des ventes via le bureau uniquement, c'est une solution idéale. Sinon, vous voudrez peut-être voir en quoi consiste Etsy 360 ou vous pouvez ajouter les éléments que vous souhaitez présenter manuellement.

Résultat

Copiez simplement ces deux choses et placez-les dans votre shortcode. Une fois que vous avez enregistré les paramètres, vos articles Etsy devraient apparaître sur votre site Web Desktop lorsque vous cliquez sur Aperçu , ce qui vous donne le résultat suivant :

Dernières pensées

Dans cet article, nous vous avons montré comment ajouter la boutique Etsy à votre site Web. Nous vous avons guidé tout au long du processus d'installation du plugin Etsy Shop. Certaines personnes préfèrent ajouter des articles Etsy avec un plugin et laisser leurs visiteurs être redirigés vers le site Web d'Esty, tandis que d'autres préfèrent opter pour un site Web de commerce électronique. Si vous cherchiez la première possibilité, cet article vous aidera. Si vous avez des questions ou des suggestions, assurez-vous de laisser un commentaire dans la section commentaires ci-dessous!

Assurez-vous de vous abonner à notre newsletter par e-mail et à notre chaîne YouTube pour ne jamais manquer une grande annonce, un conseil utile ou un cadeau Divi !