WordPress-ecommerce
Comment créer un site e-commerce avec WordPress en 2021
Vous pouvez être un détaillant, un épicier, un artisan, un artiste ou vous pouvez vendre tout type de produits physiques localement. Si vous cherchez à développer votre activité, la création d’un WordPress e-commerce est la solution. Un magasin de commerce électronique vous donne la possibilité de toucher un public plus large.
Lancer un magasin de commerce électronique peut sembler intimidant au début, surtout si vous n’avez pas de compétences ou d’expérience en programmation, mais en réalité, lancer un magasin de commerce électronique n’a jamais été aussi facile. Avec l’aide de WordPress e-commerce, vous pouvez mettre en place votre site de commerce électronique dans un délai très court. Et vous n’avez pas besoin d’engager une équipe de professionnels pour maintenir le site car la maintenance de votre boutique est aussi simple que sa mise en place ! Dans cet article, nous examinerons comment construire un site de commerce électronique avec WordPress e-commerce. Commençons !

Étape 1 : Acheter un nom de domaine et un hébergement web

Pour créer un site web, vous devez acheter un nom de domaine et un hébergement web. Voyons d’abord comment acheter un nom de domaine.

Acheter un nom de domaine

Un nom de domaine est ce que vos visiteurs taperont dans le navigateur pour se rendre sur votre site web. C’est l’adresse de votre site. Voici quelques conseils pour trouver un nom de domaine pour votre site de commerce électronique :

  1. Sur un morceau de papier, faites un brainstorming sur un certain nombre d’idées de noms de domaine. Idéalement, ces idées devraient également inclure votre nom de marque
  2. Veillez à ce que le nom de domaine soit court, simple à taper et facile à retenir
  3. Vous pouvez utiliser le nom de votre ville si vous cherchez à cibler une région spécifique. Par exemple, Pariswebmaster.com
  4. Évitez les chiffres et les traits d’union, car ils peuvent prêter à confusion
  5. Choisissez une extension de domaine telle que .com ou des extensions de domaine spécifiques à un pays (.fr, .co, .org, .eu, etc.)
  6. Une fois que vous avez choisi un nom de domaine, vérifiez sa disponibilité en utilisant un service comme la recherche instantanée de domaine

Acheter un plan d’hébergement web pour votre e-commerce WordPress

Un hébergeur fournit un espace pour stocker les fichiers/données de votre site web. Voici quelques hôtes web que nous aimerions vous recommander. Assurez-vous que l’hébergeur que vous choisissez possède les qualités suivantes :

  1. Fiabilité
  2. Vitesse
  3. Assistance technique
  4. Espace de stockage
  5. Uptime
  6. Une bonne bande passante

Pour cet article, nous utiliserons Bluehost comme référence pour acheter le nom de domaine et le plan d’hébergement web. Allez sur le site web de Bluehost et lorsque vous arrivez sur la page d’accueil, cliquez sur le bouton  Bluehost Web Hosting

Vous serez alors dirigé vers leur page de tarification, où Bluehost a présenté les détails du plan. Nous vous recommandons soit le plan plus, soit le plan choix plus, en fonction de votre budget. (Pendant que nous travaillions sur l’article, Bluehost offrait une forte réduction sur le plan “choix plus”. Nous vous suggérons d’opter pour cette formule si l’offre existe toujours)
Bluehost Pricing Entrez votre nom de domaine après avoir sélectionné le plan. Sign up Bluehost Une fois le nom de domaine saisi, vous serez dirigé vers la page des paiements. Remplissez toutes les informations de compte et de paiement nécessaires pour enregistrer votre nom de domaine et votre hébergement web auprès de Bluehost. Bluehost Package Information
Une fois votre paiement traité, vous recevrez un courrier de confirmation d’inscription. Vous êtes maintenant prêt à installer WordPress !

Étape 2 : Installation de WordPress pour votre e-commerce

L’installation de WordPress sur Bluehost est un jeu d’enfant. Presque tous les principaux fournisseurs de services d’hébergement web, y compris Bluehost, proposent une installation en un clic pour WordPress et d’autres CMS. Voici comment installer WordPress sur Bluehost en utilisant la fonction d’installation en 1 clic :
  1. Connectez-vous au compte de votre fournisseur d’hébergement web
  2. Aller au panneau de contrôle ou cPanel
  3. Dans la section Site web, cliquez sur l’icône Installer WordPress pour lancer le processus d’installation One Click WordPress InstallationOne Click WordPress Installation
  4. Sur la page suivante, choisissez le nom de domaine où vous souhaitez installer WordPress (le nom de domaine de votre site de commerce électronique, dans ce cas)
  5. Entrez le nom du site (le nom de votre marque ou de votre entreprise), le nom d’utilisateur et le mot de passe de l’administrateur, et cliquez sur Installer maintenant pour terminer la procédure

Vous avez maintenant installé WordPress avec succès. L’étape suivante pour créer une boutique en ligne sur WordPress est d’installer le plugin WooCommerce.

Étape 3 : Installation du plugin WooCommerce

De nombreux plugins de commerce électronique WordPress sont disponibles sur le marché. Pour configurer votre boutique en ligne sur WordPress, vous devez maintenant installer le plugin WooCommerce. Ce plugin est développé par Automattic, la société mère de WordPress, et est disponible gratuitement. Allez à Plugins -> Add New dans le panneau gauche de votre menu WordPress. Tapez WooCommerce dans la barre de recherche. Installez le plugin WooCommerce par Automattic.

Install WooCommerce
Cliquez sur Activer une fois que le plugin est installé. Après l’activation du plugin, vous serez redirigé vers l’assistant d’installation de WooCommerce sur votre e-commerce WordPress, où vous devrez configurer les détails relatifs au magasin, au paiement, à l’expédition, etc.

1. Configuration du e-commerce WordPress

Sur la première page de l’assistant, choisissez le lieu d’implantation de votre entreprise, remplissez les champs d’adresse et choisissez la devise. Cliquez sur Allons-y après avoir rempli les détails.
Store setup

2. Choisissez un ou plusieurs modes de paiement

 

WooCommerce propose plusieurs options de paiement. Les plus couramment utilisées parmi celles-ci sont PayPal et Stripe. Nous vous recommandons d’intégrer votre boutique à ces deux plateformes afin de la rendre plus conviviale. Outre ces deux options, WooCommerce vous permet également de configurer des méthodes de paiement telles que le virement bancaire direct, les paiements par chèque et le paiement à la livraison.

Payment MethodsPayment Methods

3. Ajouter les détails de l’expédition

Vous pouvez également configurer les frais d’expédition lors de l’étape de configuration. Vous devrez peut-être apporter quelques modifications plus tard dans les paramètres, mais vous pouvez remplir les informations de

base pour commencer.
shipping details
Une fois que vous avez rempli tous ces champs, vous pouvez soit revoir les paramètres, soit aller dans le tableau de bord, soit commencer à ajouter de nouveaux produits.

Étape 4 : Installation d’un thème compatible avec le e-commerce WordPress

L’étape suivante de la mise en place de votre site de commerce électronique consiste à installer un thème WordPress. Allez à Apparence -> Thèmes dans le volet de gauche. Sur la page Thèmes, cliquez sur Ajouter nouveau. Sur la page Ajouter des thèmes , cliquez sur Filtre de fonctionnalités et dans la colonne Sujets , cochez Commerce électronique et cliquez sur Appliquer les filtres pour afficher les thèmes compatibles avec le commerce électronique.

installing-themes
Mais il y a une mise en garde à faire ici. Le thème que vous choisissez doit également être compatible avec WooCommerce. Il existe de nombreux thèmes WooCommerce haut de gamme qui sont compatibles avec WooCommerce et qui sont faciles à configurer. Ces thèmes premium nécessitent un certain investissement au début, mais ils valent bien leur prix car vous n’aurez pas à vous soucier des détails plus tard. Une fois le thème installé, vous pouvez personnaliser l’apparence et l’interface du magasin selon vos besoins.

Étape 5 : Ajout de nouveaux produits

Pour montrer que votre magasin est fonctionnel, vous devez ajouter des produits à votre site web. Voyons maintenant comment vous pouvez ajouter de nouveaux produits. Le processus d’ajout d’un nouveau produit est assez intuitif et explicite, mais nous le passerons en revue une fois de toute façon.
add-product-1

  1. Dans le volet de gauche, allez à Produits -> Ajouter nouveau, et vous verrez une fenêtre comme celle-ci :
  2. Dans le champ Nom du produit, tapez le nom du produit
  3. Dans la zone de texte, ajoutez la description du produit. Soyez aussi complet et convaincant dans votre copie de la description du produit
  4. Si vous vendez plusieurs types de produits, choisissez une catégorie dans la section Catégories de produits. Vous pouvez également ajouter de nouvelles catégories en cours de route
  5. Dans la section des données sur les produits, vous pouvez sélectionner le type de produit (nous examinerons chacun d’eux dans une section ultérieure), son prix, les détails de l’inventaire, les détails de l’expédition (poids et dimensions du produit), les détails des produits de vente incitative et de vente croisée, etc.
  6. add-product-2
  7. Ajoutez des informations de base sur le produit dans le champ Description succincte du produit.
  8. Ajoutez l’image de la vitrine du produit dans la section Image du produit
  9. Vous pouvez ajouter plusieurs images du produit dans la section ” Galerie de produits

Différents types de produits

Lorsque vous ajoutez de nouveaux produits sur votre site web, vous pouvez voir 4 types de produits sous l’onglet Données sur les produits. Examinons brièvement chacun d’entre eux :

  • Un produit simple : Les produits simples sont des produits autonomes avec un prix et une référence uniques. Par exemple, si vous vendez des livres en ligne, chaque livre peut être traité comme un produit simple car chaque livre aura un prix et un numéro de référence uniques
  • Produit virtuel : Un produit virtuel est une entité intangible, il n’est donc pas nécessaire d’ajouter des dimensions ou un poids au produit. Et il n’a pas non plus besoin d’être expédié. Par exemple, si vous êtes consultant, votre public cible peut réserver une séance de conseil en achetant un produit virtuel
  • Produit téléchargeable : Les produits téléchargeables sont similaires aux produits virtuels en termes de dimensions et d’expédition. Avec les produits téléchargeables, vous pouvez permettre à vos acheteurs de télécharger des fichiers après le traitement du paiement. Par exemple, si vous êtes un musicien qui a récemment sorti son album, vous pouvez télécharger les fichiers MP3/FLAC de votre disque en tant que produit téléchargeable. L’auditeur intéressé peut payer et télécharger l’album via votre magasin sans aucun problème
  • Produit groupé : Un produit groupé est un ensemble de produits simples. Le produit groupé est traité comme le produit parent, et dès que vous créez un produit groupé, vous pouvez commencer à ajouter des produits simples (enfants). Il n’a pas de prix ni d’UGS, et il affiche tous les produits simples regroupés sur une seule page Si votre magasin vend des produits électroniques, vous pouvez regrouper les claviers et souris individuels et les présenter comme un produit groupé
  • Produit externe/affilié : Certains produits peuvent être vendus via un site web tiers. Dans ce cas, vous pouvez utiliser la fonction de produit externe/affilié. Vous devez fournir le lien vers le produit et le texte du bouton d’appel à l’action. L’acheteur sera redirigé vers le site web tiers en cliquant sur le bouton CTA
  • Produit variable : Un produit variable vous permet d’ajouter de multiples variations d’un produit simple. Chaque produit variable a son propre prix et sa propre UGS. Par exemple, si vous vendez des tee-shirts, vous pouvez avoir différentes variations d’un tee-shirt en termes de taille et de couleur et chaque combinaison peut avoir un prix différent

Étape 6 : Installation des plugins

Bien que la combinaison de WordPress et de WooCommerce vous permette de construire un e-commerce fonctionnelle, vous devez ajouter un ensemble de plugins pour vraiment passer au niveau supérieur. Un plugin est une application complémentaire qui améliore la fonctionnalité globale de votre site web sans que vous ayez à écrire une seule ligne de code. Voici 5 plugins que vous devez avoir sur votre boutique de commerce électronique pour la rendre plus intuitive et conviviale :

1. Yoast SEO

L’optimisation de votre site web pour les moteurs de recherche est l’une des activités de marketing les plus cruciales pour une start-up de commerce électronique. Yoast SEO vous simplifie la tâche en vous offrant un moyen d’optimiser vos activités de référencement sur la page.

2. Yoast WooCommerce Plugin SEO

Il s’agit d’un plugin premium qui devrait idéalement être utilisé en conjonction avec le plugin SEO Yoast. Alors que Yoast SEO s’occupe de l’ensemble du site web, le plugin Yoast WooCommerce SEO s’occupera des pages de produits, de la structure du site, du plan du site, etc.

3. Formulaire de contact 7

Vos clients ont besoin d’un moyen de vous contacter. L’assistance en ligne et par téléphone sont de bonnes solutions, mais vos clients ont parfois besoin d’une approche plus élaborée et préfèrent donc les formulaires de contact. Le formulaire de contact 7 est un plugin qui vous permet de créer des formulaires de contact avec un peu d’effort. L’utilisation de ce plugin est gratuite, mais vous pouvez faire un don pour le soutenir.

4. HumCommerce

L’une des plus grandes difficultés auxquelles sont confrontés les propriétaires de magasins de commerce électronique est le dépôt des marchandises. Ils sont capables de générer du trafic vers le site web, mais ils ne sont pas capables de le convertir. Google Analytics peut vous aider, dans une certaine mesure, à comprendre le comportement des utilisateurs. HumCommerce est un outil efficace pour comprendre comment vos visiteurs naviguent sur votre site web. Ses caractéristiques telles que les cartes thermiques, les enregistrements des sessions des visiteurs, le flux des utilisateurs, etc. vous permettent de comprendre précisément l’utilisation du site web. Grâce à ces données, vous pouvez apporter les modifications nécessaires pour faire monter en flèche les ventes du magasin.

5. MailChimp pour WordPress e-commerce

Un site web de commerce électronique est aussi solide que la taille de sa liste d’adresses électroniques. Je sais, cela peut paraître banal, mais c’est vrai. Une liste d’abonnés importante vous permet d’atteindre un large public par le biais d’un simple courrier électronique et sans dépenser un seul centime. La constitution de votre liste de diffusion devrait être une activité permanente, et un moyen simple d’y parvenir est d’utiliser le plugin MailChimp pour WordPress. Ce plugin vous permet de créer des formulaires d’adhésion et peut être intégré de manière transparente à WooCommerce.

Conclusion

Bravo à vous si vous êtes arrivé jusqu’ici dans l’article. Il est clair que vous êtes sérieux dans la création de votre propre boutique en ligne. WordPress e-commerce et WooCommerce ont facilité la mise en place d’un site de commerce électronique pour les entrepreneurs en herbe. Cela peut sembler difficile au début, mais commencez à mettre en œuvre les modules décrits dans l’article un par un, et vous aurez fini de créer votre boutique en ligne avant même de vous en rendre compte ! Si vous avez des questions ou des demandes, n’hésitez pas à nous en faire part ici !

Les 9 meilleurs plugins de paiement WordPress pour 2020
Vous pouvez trouver des dizaines de plugins de paiement WordPress sur le marché. Mais tous les plugins ne répondent pas à vos besoins spécifiques. C’est pourquoi vous devriez examiner les fonctionnalités et les options offertes par les principaux plugins de paiement

Dans cet article, nous vous présentons quelques-uns des meilleurs plugins de paiement WordPress que vous pouvez utiliser pour accepter les paiements en ligne.

Les meilleurs plugins de paiement WordPress

Vous trouverez ci-dessous des plugins de paiement WordPress payants et gratuits. Chaque plugin offre des fonctionnalités uniques, vous pouvez donc sélectionner le meilleur plugin de paiement pour votre site WordPress.

1. WPForms

WPForms

WPForms est le plugin de formulaire de contact WordPress le plus convivial pour les débutants. Il vous permet de créer et d’afficher différents types de formulaires sur votre site web.

Le plugin propose des modèles intégrés et un générateur de formulaires par glisser-déposer pour configurer rapidement votre formulaire de paiement. Il convient parfaitement à tout site web WordPress pour créer des formulaires simples et personnalisés sans avoir à écrire de code.

Avec WPForms, vous disposez de plusieurs passerelles de paiement, dont PayPal et Stripe. Vous pouvez les intégrer dans vos formulaires WordPress pour collecter des paiements en ligne.

De plus, il est doté de notifications instantanées pour recevoir des alertes sur le paiement des créances. Ainsi, vous pouvez suivre vos paiements et partager rapidement les détails au sein de votre équipe.

Pour plus de détails, vous devriez consulter notre revue complète de WPForms.

Prix : 39,50 $ – 299,50 $ par an

Commencez dès aujourd’hui avec le plugin WPForms !

2. MemberPress

MemberPress

MemberPress est un plugin d’adhésion à WordPress tout-en-un. Il vous permet de créer des sites d’adhésion puissants à partir de zéro sans avoir à faire appel à un développeur professionnel.

Vous pouvez vendre des cours en ligne et des téléchargements numériques. Le meilleur de MemberPress est qu’il vous donne le contrôle total de votre contenu. Cela signifie que vous pouvez définir des autorisations personnalisées pour déverrouiller automatiquement un cours après avoir accepté les paiements des membres.

Avec MemberPress, vous pouvez également accorder et révoquer l’accès aux pages de votre site web, aux messages, aux vidéos, aux catégories, aux balises et autres types de messages personnalisés. Tout est facile à gérer et à suivre dans votre tableau de bord WordPress.

Pour plus de détails, vous devriez consulter notre revue complète de MemberPress.

Prix : 149 $ – 349 $ par an

Commencez avec le plugin MemberPress dès aujourd’hui !

3. LearnDash

LearnDash

LearnDash est un plugin WordPress très répandu pour les systèmes de gestion de l’apprentissage (LMS). Il s’agit d’une solution complète pour créer et vendre des cours en ligne, délivrer des certificats, offrir des badges et susciter l’intérêt des utilisateurs.

Vous obtenez un accès complet pour ajouter des frais de cours, inscrire des utilisateurs, gérer les progrès, créer des groupes d’utilisateurs et communiquer par courrier électronique. Il envoie également des notifications automatiques aux utilisateurs qui achètent des cours en ligne sur votre site.

Il prend en charge plusieurs méthodes de paiement, dont PayPal, Stripe, 2Checkout, etc. Avec LearnDash, vous pouvez créer des cours à paiement unique, des abonnements mensuels ou annuels, des adhésions payantes et des offres. Il envoie des notifications de renouvellement aux membres afin de maximiser les revenus.

Pour plus de détails, vous devriez consulter notre revue complète de LearnDash.

Prix : 159 $ – 329 $ par an.

Commencez avec le plugin LearnDash dès aujourd’hui !

4. PayPal Plus

PayPal Plus

PayPal Plus est un plugin de paiement WordPress gratuit pour les sites web de WooCommerce. Il s’intègre à votre compte PayPal et vous permet d’ajouter plus facilement un système de paiement en ligne à votre boutique de commerce électronique.

PayPal Plus prend en charge plusieurs formats de paiement, notamment les cartes de crédit, les cartes de débit et le paiement sur facture. Avec les options de paiement express, vous pouvez créditer directement le paiement sur votre compte PayPal.

Prix : GRATUIT

Commencez à utiliser le plugin PayPal Plus dès aujourd’hui !

5. Passerelle de paiement WooCommerce Stripe

WooCommerce Stripe Payment Gateway

WooCommerce Stripe Paymet Gateway est un excellent plugin de paiement pour WordPress. Il vous permet d’intégrer Stripe à votre site web WooCommerce et prend en charge les solutions de cartes de crédit, Alipay et Apple Pay.

Il fonctionne avec n’importe quel site web WordPress pour collecter les paiements des utilisateurs. Vous obtenez une page d’aperçu intuitive pour gérer, accepter et rembourser vos paiements en quelques clics seulement.

Prix : GRATUIT

Démarrez avec le plugin WooCommerce Stripe Payment Gateway dès aujourd’hui !

6. Paiements Stripe

Stripe Payments

Stripe Payments est un fantastique plugin de paiement WordPress. Il fournit un raccourci pour ajouter le bouton “Stripe’s Buy Now” sur votre site web pour vendre des produits et des services.

C’est un choix parfait pour les ONG qui acceptent les dons en ligne en toute sécurité. Vous pouvez consulter les paiements à partir de votre tableau de bord d’administration WordPress dans le menu du plugin.

Prix : GRATUIT

Commencez dès aujourd’hui avec le plugin Stripe Payments !

7. WP Simple Pay

WP Simple Pay

WP Simple Pay est un plugin de paiement WordPress Stripe haut de gamme. Il vous permet d’accepter des paiements uniques et récurrents sur votre site sans avoir à ajouter de code.

Vous pouvez ajouter des services, des produits et des options de don en ligne à WordPress en quelques clics seulement. Les clients peuvent s’inscrire pour des paiements récurrents, des abonnements, des versements, etc. Il vous permet également de créer des comptes d’essai et de facturer des frais d’installation initiaux.

Prix : de 99 à 249 dollars par an. Il propose également un plan de paiement unique qui coûte 499 $.

Commencez dès aujourd’hui avec le plugin WP Simple Pay !

8. WordPress Simple PayPal

WordPress Simple PayPal

WordPress Simple Pay est un plugin de paiement et de panier d’achat gratuit. Il vous permet d’afficher un bouton “Ajouter au panier” sur les pages de produits, les articles et les types d’articles personnalisés.

Grâce à l’accès instantané au panier d’achat, les utilisateurs sauront ce qu’ils achètent sur votre site web et combien payer en complétant une commande. Il propose un bouton de paiement PayPal intelligent pour accepter les paiements directement sur votre compte PayPal.

Prix : GRATUIT

Commencez à utiliser le plugin WordPress Simple PayPal dès aujourd’hui !

9. Stripe Digital

Easy Digital Downloads Stripe

Easy Digital Downloads Stripe est un plugin WordPress payant pour accepter les paiements en ligne. Si vous voulez vendre des téléchargements numériques, alors c’est un package complet pour mettre en place votre magasin et ajouter des ebooks, des cours, des documents, etc.

Il permet de passer à la caisse sur place, de sorte que les utilisateurs puissent payer leurs achats sans passer d’une page à l’autre. Vous pouvez également utiliser les extensions premium du plugin Easy Digital Downloads pour ajouter des fonctionnalités supplémentaires à votre système de paiement en ligne.

Prix : 89 $ – 209 $ par an

Commencez dès aujourd’hui avec le plugin Easy Digital Downloads Stripe !

Et c’est tout !

Nous espérons que cet article vous a aidé à trouver les meilleurs plugins de paiement WordPress pour accepter les paiements en ligne sur votre site.

Si vous avez apprécié cet article, vous devriez également consulter nos guides sur les meilleurs plugins de paiement Stripe et les meilleurs plugins WordPress PayPal.

Dans ces articles, vous trouverez encore plus de plugins WordPress spécifiques aux solutions Stripe et PayPal.

29 meilleurs plugins WooCommerce pour augmenter rapidement les ventes (2020)

Vous recherchez les meilleurs plugins WooCommerce pour vous aider à augmenter rapidement les ventes de votre boutique en ligne ? Utilisé par plus de 28 % de toutes les boutiques en ligne, WooCommerce est la plateforme de commerce électronique la plus populaire actuellement. Cet étonnant plugin offre une grande flexibilité et des fonctionnalités puissantes pour vous aider à construire un site de commerce électronique à part entière, rapidement.

Dans cet article, nous vous présentons 29 plugins WooCommerce triés sur le volet qui vous aideront à augmenter vos ventes de manière significative ! Parce que WooCommerce est fantastique, mais WooCommerce avec les bons plugins vous épatera, et remplira votre portefeuille à craquer. Préparez-vous !

1. OptinMonster

OptinMonster

OptinMonster est un puissant logiciel de conversion, d’optimisation et de génération de prospects qui vous permet de convertir les visiteurs de votre site en abonnés et en clients. Il comprend des fonctions vraiment étonnantes qui vous permettent de stimuler les conversions de votre site, d’augmenter votre liste de diffusion et d’atteindre vos objectifs commerciaux.

Grâce aux solutions de commerce électronique d’OptinMonster, vous pouvez augmenter considérablement vos ventes en réduisant l’abandon de panier, en utilisant le reciblage sur site et en élaborant des messages personnalisés. En d’autres termes, vous pourrez créer de magnifiques formulaires d’adhésion et les présenter de manière stratégique aux visiteurs de votre site, afin qu’ils achètent un produit ou s’inscrivent sur votre liste.

De plus, sa fonction de test A/B vous permet de comparer différents optins avec des variations dans les titres, la mise en page du contenu et les styles, puis de voir le meilleur. Ainsi, vous pouvez toujours utiliser les optins qui ont le plus de succès lors de la conversion.

Lisez notre revue complète d’OptinMoster.

2. TrustPulse

TrustPulse

L’ajout d’une preuve sociale à votre site web favorise la confiance sur votre site, ce qui vous aide à augmenter vos ventes. Avec TrustPulse, vous pouvez instantanément augmenter les conversions sur votre site WooCommerce en utilisant la preuve sociale.

70% des visiteurs de votre site web quittent votre site en pensant qu’on ne peut pas vous faire confiance. TrustPulse vous aide à convertir ces 70 % en clients en leur montrant ce que font les autres sur votre site et en favorisant ainsi la confiance.

3. Advanced coupons

Advanced Coupons

WooCommerce est doté d’une fonction de coupon de base qui ne vous permet pas de créer le type de coupons qui rehaussent vos campagnes de marketing modernes. C’est là que les coupons avancés deviennent pratiques.

Advanced Coupons est le meilleur plugin WordPress pour les coupons, qui est fourni avec toutes les fonctionnalités étonnantes :

  • Offres “Buy One Get One” (BOGO)
  • Cadeaux gratuits
  • Programme de fidélisation
  • Conditions d’utilisation des coupons

4. Wholesale suite

wholesale suite plugin

Wholesale Suite est le meilleur plugin WooCommerce pour les marchands en gros. Wholesale Suite est livré avec une collection d’extensions pour grossistes qui transforment votre site en un véritable magasin de gros.

Les extensions sont :

  • Prix de gros : Fixation des prix de gros, montants minimums d’achat, remises échelonnées, taxe séparée des clients au détail, etc.
  • Formulaire de commande en gros : Créez un formulaire de commande AJAX qui peut être recherché et catégorisé.
  • Capture de plomb en gros : Créer des pages de connexion et d’inscription pour les grossistes. De plus, configurez des séquences de courriel en gros.

5. MonsterInsights

MonsterInsights

L’analyse des sites web est très importante pour la croissance de tout type d’entreprise. Lorsque vous savez comment les visiteurs de votre site trouvent et utilisent votre site, vous pouvez prendre des décisions commerciales éclairées qui fonctionnent réellement.

Pour optimiser votre magasin WooCommerce et augmenter vos ventes, vous aurez besoin d’un outil d’analyse du commerce électronique. Une solution parfaite à vos besoins, il existe un puissant plugin Google Analytics appelé MonsterInsights. Grâce à ce module complémentaire, vous pouvez suivre tous les paramètres utiles de votre site en matière de commerce électronique, notamment les ventes, les recettes, le taux de conversion, etc.

Il vous permet également de suivre vos principales sources de référencement et les conversions et revenus exacts qu’elles vous envoient. Vous pouvez ensuite décider sur quelles sources de référencement vous voulez porter votre attention.

Lisez notre revue complète de MonsterInsights.

6. Créateur de badges Woo

accesspress-themes

Woo Badge Designer est un puissant plugin qui vous permet d’ajouter un badge à votre site. Ce plugin vous permet d’ajouter du texte, des étiquettes d’icônes et une image à votre produit.

Ce plugin est parfait pour ajouter des étiquettes lorsqu’il y a une vente, une remise, des caractéristiques spéciales et des informations uniques sur un produit. Vous pouvez ajouter un nombre illimité de badges, placer des rubans et ajouter des étiquettes de compte à rebours comme vous le souhaitez. Cela vous permettra d’avoir un nombre illimité de badges uniques dans chaque produit.

De plus, le plugin est fourni avec 30 modèles de fond de texte prédéfinis, plus de 30 modèles de fond d’image prédéfinis et un calcul automatique du pourcentage ainsi que des montants basés sur le prix de vente pour tous les produits.

Ce plugin vous permettra de mettre plusieurs badges sur chaque produit et il fonctionne parfaitement avec presque tous les thèmes WordPress.

7. Abonnements WooCommerce

woocommerce-subscriptions

Un magasin par abonnement peut être un choix idéal si vous souhaitez obtenir davantage de revenus résiduels.

En utilisant les abonnements WooCommerce, vous pouvez permettre à vos clients de s’abonner à vos produits ou services et de payer sur une base hebdomadaire, mensuelle ou annuelle, et de gagner un revenu récurrent et constant que vous pouvez suivre et sur lequel vous pouvez compter.

Grâce aux abonnements WooCommerce, vous pouvez introduire une variété d’abonnements pour des produits ou services physiques et virtuels avec des calendriers de facturation différents. Vous pouvez également ajouter des frais d’inscription, proposer des essais gratuits et définir des périodes d’expiration.

8. WooCommerce Membership

woocommerce-memberships-plugin

Si vous souhaitez transformer votre magasin WooCommerce en site d’adhésion, WooCommerce Memberships est l’outil qu’il vous faut.

En utilisant les adhésions à WooCommerce, vous pouvez restreindre les produits WooCommerce, de sorte que seuls les membres enregistrés puissent les acheter.

Il prend en charge de multiples passerelles de paiement, l’égouttage de contenu, les coupons de réduction, etc. pour transformer votre boutique en un site d’adhésion à part entière.

9. Contact permanent

Constant Contact est l’un des meilleurs services de marketing par courriel pour votre boutique WooCommerce. Son outil d’automatisation de la messagerie permet à vos clients de s’engager dans des séries de courriels déclencheurs et facilite la segmentation des utilisateurs en groupes distincts.

En un mot, il offre tout ce dont vous avez besoin pour transformer vos prospects en clients fidèles.

10. WPForms

WPForms

Un plugin de formulaire de contact est indispensable pour tous les sites web, y compris une boutique WooCommerce. Vous aurez besoin d’une page de contact pour rester en contact avec vos utilisateurs et clients, répondre à leurs questions et résoudre leurs problèmes.

WPForms est le plugin de formulaire de contact WordPress le plus convivial pour les débutants sur le marché. Il vous permet de créer des formulaires WordPress simples ou avancés comme un expert, sans avoir à engager un développeur ou à apprendre à coder. Outre les formulaires de contact normaux, vous pouvez également créer en quelques minutes des enquêtes en ligne, des formulaires de don, des bons de commande, etc. et les intégrer facilement à votre site.

Lisez notre revue complète de WPForms.

11. Réservations WooCommerce

woocommerce-bookings

WooCommerce Bookings est un puissant plugin WooCommerce permettant d’ajouter des options de réservation sur votre boutique en ligne.

WooCommerce Bookings est l’un des meilleurs plugins WooCommerce pour mettre en place un système de réservation sur votre site.

Si vous proposez des services tels que des soins de spa, des réservations d’hôtel, de restaurant, etc., vous pouvez définir des options de réservation afin que vos visiteurs puissent réserver maintenant et acheter plus tard. Cette fonction vous permet de rendre votre magasin plus pratique pour vos clients qui ont un emploi du temps chargé. Vous pouvez également consulter notre liste des principaux plugins de réservation WordPress.

En ajoutant cette fonctionnalité à votre boutique WooCommerce, vous vous assurez de ne pas manquer de visiteurs intéressés par l’achat de vos produits ou services.

12. YITH WooCommerce Demander un devis

yith-woocommerce-request-a-quote

YITH WooCommerce Request a Quote est l’un des meilleurs plugins de WooCommerce pour demander un devis.

Lors de l’achat d’une grande quantité de produits, les gens préfèrent généralement négocier le prix et obtenir des réductions. Mais, avec l’introduction des magasins en ligne, le marchandage semble presque impossible pour les clients.

Le plugin YITH WooCommerce Request a Quote résout ce problème pour votre magasin WooCommerce. Grâce à ce plugin, vous pouvez ajouter une option de demande de devis sur votre page de détails des produits, afin que vos utilisateurs puissent soumettre une demande.

Cette fonction facilite les transactions entre vous et votre client et vous aide à augmenter vos ventes dans une large mesure.

13. Compléments de produits WooCommerce

woocommerce-product-addons

Le succès de toute entreprise repose sur l’engagement qu’elle prend pour le bonheur de ses utilisateurs. Pour un magasin de commerce électronique, les options de personnalisation sont liées au bonheur et à la satisfaction du client. Les clients préfèrent un magasin qui offre des options de personnalisation.

Ainsi, pour vous permettre d’ajouter une option de personnalisation pour vos utilisateurs, vous pouvez utiliser l’extension WooCommerce appelée Product Add-Ons. Elle vous permet d’ajouter une zone de saisie spéciale sur la page de détails du produit (juste au-dessus du formulaire Ajouter au panier) où les utilisateurs peuvent soumettre leurs spécifications pour un produit. Cette fonction vous permet de fournir à vos utilisateurs exactement ce qu’ils veulent, et de leur faire payer des frais pour la personnalisation.

De cette façon, vous pouvez rendre vos utilisateurs heureux et les encourager à devenir des clients réguliers.

14. YITH WooCommerce Wishlist

yith-woo-wishlist

YITH WooCommerce Wishlist est un plugin très utile pour votre boutique en ligne. Il permet à vos utilisateurs d’enregistrer des produits dans leur liste de souhaits afin de pouvoir les acheter plus tard ou de partager leur liste de souhaits avec leurs amis et leur famille.

Avec le plugin YITH WooCommerce Wishlist, vous pouvez ajouter un lien dans chaque page de détail d’un produit de votre boutique, permettant à vos utilisateurs d’ajouter les produits à leur page de liste de souhaits. Le plugin est gratuit et facile à utiliser.

15. Coupons intelligents WooCommerce

woocommerce-smart-coupons

Tout le monde aime faire de bonnes affaires, c’est pourquoi les coupons de réduction sont toujours très attractifs pour les utilisateurs. Si vous voulez augmenter considérablement vos ventes, vous devez offrir des bons de réduction.

Pour créer des bons de réduction pour votre boutique WooCommerce, vous pouvez utiliser le plugin WooCommerce Smart Coupons qui a été spécialement créé à cet effet. Grâce à ce plugin, vous pouvez générer des milliers de coupons à la fois, les envoyer par courrier électronique aux clients (apprenez comment créer une liste de diffusion) et les ajouter à WooCommerce. Vous pouvez également accorder une remise sur d’autres produits à l’achat d’un produit spécifique, ou vendre des chèques-cadeaux.

C’est un ajout très intéressant à votre boutique WooCommerce pour augmenter les ventes. Il peut être utilisé lors d’occasions spéciales, comme les week-ends de vacances, ou systématiquement dans le cadre d’une offre promotionnelle à vie.

16. YITH WooCommerce Recherche Ajax

yith-ajax-product-search

Les barres de recherche sont très importantes pour tout type de site web, y compris un magasin WooCommerce. Mais la création d’une barre de recherche rapide et efficace est un peu difficile si vous êtes débutant.

Ainsi, pour vous aider à créer une barre de recherche entièrement fonctionnelle et puissante dans votre magasin WooCommerce, il existe un plugin appelé YITH WooCommerce Ajax Search. Grâce à ce plugin, vous pouvez permettre à vos utilisateurs de rechercher des produits spécifiques dans votre boutique en ligne. Il affiche en temps réel tous les résultats des produits pertinents.

Le plugin vous aide à améliorer l’expérience de l’utilisateur et à faire de votre boutique un succès. Après tout, si un client est réellement à la recherche de quelque chose, c’est un excellent indicateur qu’il est prêt à faire un achat. Ne perdez plus jamais ces ventes !

17. YITH WooCommerce Ajax Product Filter

yith-ajax-product-filter

YITH WooCommerce Ajax Product Filter est un plugin qui vous aide à améliorer l’expérience de vos clients en utilisant la barre de recherche de votre boutique en ligne. Il permet à vos utilisateurs de filtrer les produits en fonction de leurs besoins, afin qu’ils puissent trouver exactement ce qu’ils veulent acheter en quelques secondes.

Il est clair que cela contribue à accélérer les processus d’achat et à améliorer les taux de conversion de votre boutique en ligne. En d’autres termes, vous pouvez aider vos utilisateurs à trouver rapidement les produits qu’ils veulent et à en faire des clients satisfaits.

18. WooCommerce Prix dynamique

woocommerce-dynamic-pricing

Une autre caractéristique intéressante pour votre site WooCommerce est la tarification avancée des produits. Grâce à l’extension WooCommerce Dynamic Pricing, vous pouvez offrir des remises importantes à vos clients après qu’ils aient acheté une certaine quantité de produits. Par exemple, vous pouvez accorder une remise de 10 % sur un produit lorsque les clients achètent 5 articles ou plus du même produit.

De même, vous pouvez offrir des réductions sur l’achat de produits de la même catégorie ou sur tout ce qui se trouve dans le magasin. Vous pouvez également mettre en place une tarification basée sur les rôles et offrir à vos membres inscrits une remise prédéterminée sur certains produits.

Cette fonction sert de récompense à vos clients et les encourage à acheter régulièrement dans votre magasin.

19. Booster pour WooCommerce

booster-for-woocommerce

Booster for WooCommerce, comme son nom l’indique, vous aide à dynamiser votre boutique WooCommerce grâce à un certain nombre de fonctionnalités puissantes. Il s’agit d’un plugin gratuit que vous pouvez télécharger et utiliser gratuitement.

Grâce à ce plugin, vous pouvez gérer les prix et les devises de vos produits WooCommerce, par exemple en ajoutant toutes les devises du monde et en accordant une remise globale à tous les produits. Vous pouvez également gérer les étiquettes de boutons et de prix, les produits, le panier et la caisse, les passerelles de paiement, l’expédition et les commandes, etc.

Si vous souhaitez une solution gratuite pour vos différents besoins de magasin WooCommerce, vous pouvez l’essayer.

20. Pack WooCommerce et offre groupée

woo-pack-and-ship-bundle

WooCommerce Pack and Ship Bundle est une solution complète pour un magasin qui expédie des produits dans le monde entier. Elle contient tout ce dont vous avez besoin pour vendre, emballer et expédier des produits.

L’offre groupée est fournie avec plusieurs extensions WooCommerce, notamment des factures, des bordereaux d’expédition, des options d’expédition personnalisées, des kits de produits, l’expédition à plusieurs adresses, le suivi des envois, etc.

Pour vous aider à améliorer les ventes de votre magasin, il dispose d’une option de rotation d’image à 360° pour afficher les produits.

21. Mode catalogue YITH WooCommerce

yith-woo-catalog-mode

Si vous rêvez de créer une boutique WooCommerce et de vendre des produits en ligne mais que vous n’êtes pas encore prêt, le plugin YITH WooCommerce Catalogue Mode pourrait vous être très utile. Ce plugin vous permet de transformer votre boutique en ligne en un e-catalogue et de présenter vos produits pour votre future boutique.

En créant un catalogue électronique avant le lancement de votre boutique entièrement fonctionnelle, vous pourrez donner une image de marque à votre boutique et pré-informer vos clients potentiels sur vos produits.

22. YITH WooCommerce Personnaliser la page de mon compte

yith-woo-my-account-landing-image

Pour toute entreprise en ligne prospère, la page “Mon compte” est importante. Elle permet à vos utilisateurs de naviguer et d’interagir facilement sur votre site web.

YITH WooCommerce Customize My Account Page est un addon WooCommerce de YITH Themes qui vous simplifie cette tâche. Ce module complémentaire permet à vos utilisateurs de créer et d’organiser leur page “Mon compte” dans votre magasin. Cela permet à vos utilisateurs de trouver des informations importantes comme leurs listes de souhaits, des guides importants, des factures, des fichiers téléchargeables, etc. en un seul endroit, ce qui rend l’expérience de leur site beaucoup plus agréable.

23. MailChimp pour WooCommerce

mailchimp-for-woocommerce

MailChimp est l’un des services de marketing par courrier électronique les plus populaires actuellement. Vous pouvez l’utiliser pour lancer vos campagnes d’e-mail marketing et augmenter la croissance de votre magasin.

MailChimp pour WooCommerce est l’extension officielle de l’équipe MailChimp pour les sites WooCommerce. Grâce à ce plugin, vous pouvez synchroniser vos clients WooCommerce et leurs données d’achat avec votre compte MailChimp et l’utiliser pour envoyer des campagnes ciblées.

En outre, vous pouvez envoyer des e-mails de suivi après l’achat, recommander des produits, et aussi récupérer des chariots abandonnés. Vous pouvez également consulter ces alternatives à MailChimp pour plus d’options.

24. YITH WooCommerce Comparer

yith-woocommerce-compare-image

Si vous avez plusieurs produits de même nature, vos utilisateurs peuvent se tromper en se demandant quel produit est le meilleur. Le plugin YITH WooCommerce Compare permet à vos utilisateurs de résoudre ce problème.

Grâce à ce plugin, vos utilisateurs peuvent facilement comparer deux ou plusieurs produits WooCommerce côte à côte et décider rapidement quel produit acheter.

25. YITH WooCommerce Quick View

yith-woocommerce-quick-view

Le plugin YITH WooCommerce Quick View vous permet d’ajouter une option Quick View dans votre magasin où vos clients peuvent jeter un coup d’œil instantané sur les détails du produit. En cliquant sur le bouton, les utilisateurs verront une image plus grande du produit, une description du produit et un bouton d’ajout au panier dans une fenêtre contextuelle.

Cela permet aux clients potentiels d’avoir un aperçu rapide du produit et augmente leurs chances d’acheter le produit.

26. Facebook pour le WooCommerce

facebook-for-woocommerce

Facebook est l’une des formes les plus courantes de médias sociaux où les gens passent beaucoup de temps de nos jours. Ainsi, pour que les gens remarquent votre entreprise, vous pouvez connecter votre boutique en ligne à votre compte Facebook.

Facebook pour WooCommerce est l’extension officielle pour les sites de WooCommerce de l’équipe Facebook. Il vous aide à présenter vos produits WooCommerce sur votre page Facebook de manière attrayante.

Ainsi, il vous aide à trouver plus de clients et à générer plus de ventes.

27. Codes WooCommerce

woocommerce-shortcodes

WooCommerce Shortcodes est un plugin gratuit qui fournit un ensemble de codes courts WooCommerce que vous pouvez utiliser sur votre site web pour ajouter des produits, des boutons, etc. Le plugin ajoute simplement une liste déroulante dans votre éditeur de messages WordPress, vous permettant de sélectionner et d’insérer facilement des codes courts dans les zones de contenu comme les messages, les pages ou les produits.

Grâce à ce plugin, vous pouvez facilement transformer votre contenu habituel en une page de commerce électronique et vendre des produits.

28. WooCommerce Factures et bordereaux d’emballage en PDF

woocommerce-pdf-invoices

WooCommerce PDF Invoices & Packing Slips est un plugin WooCommerce gratuit très utile. Il vous permet d’envoyer facilement à vos clients des factures et des bordereaux d’expédition au format PDF par courrier électronique. Les utilisateurs peuvent également télécharger leurs factures à partir de leur compte sur votre site web.

En tant que propriétaire du magasin, vous pouvez générer des factures et des bordereaux d’expédition au format PDF en vrac et les télécharger.

Si vous souhaitez modifier la conception de vos modèles de factures, vous pouvez facilement les personnaliser et les utiliser sur votre site.

29. Onglets de produits personnalisés pour WooCommerce

custom-product-tabs-woocommerce

Custom Product Tabs for WooCommerce est un autre plugin WooCommerce gratuit qui vous aide à organiser les détails de vos produits WooCommerce dans des onglets. Grâce à ce plugin, vous pouvez ajouter des onglets personnalisés aux produits et diviser les descriptions de produits en différents onglets. Ensuite, les visiteurs de votre site peuvent simplement passer d’un onglet à l’autre pour voir les détails du produit.

En ajoutant des onglets, vous pouvez rendre votre page de produits propre et ordonnée. Cela améliore également l’expérience utilisateur de votre site, car les utilisateurs n’auront pas besoin de faire défiler une longue page de description.

Nous espérons que cet article vous a aidé à trouver certains des meilleurs plugins WooCommerce pour augmenter rapidement vos ventes. Vous pouvez également consulter nos comparaisons de WooCommerce vs Shopify et de WooCommerce vs BigCommerce.

tutoriel woocommerce elementor
Comment créer de belles pages de produits WooCommerce avec Elementor

 

Les pages de produits standard de WooCommerce sont assez fonctionnelles, et en plus, elles sont belles ! Mais nous pouvons faire mieux, surtout en couplant WooCommerce et Elementor !

Dans ce guide, nous vous montrons comment créer des pages de produits WooCommerce personnalisées (et magnifiques) pour vos clients et générer plus de ventes.

Ce dont vous avez besoin

En plus de ce que vous avez déjà – une installation WordPress fonctionnelle et WooCommerce ajouté par-dessus – vous avez besoin du plugin de création de pages Elementor.

Elementor est disponible en deux versions : gratuite et payante. Bien que certaines personnalisations soient disponibles gratuitement dans Elementor et puissent être utilisées pour le WooCommerce, pour accéder aux vraies bonnes choses, vous devez passer à la version pro. Cela vous coûtera 49 dollars pour un site.

Remarque : Elementor n’est pas le seul constructeur de pages qui fonctionne avec WooCommerce et vous permet de construire des pages de produits WooCommerce personnalisées. Voici quelques alternatives si vous souhaitez explorer ce qui existe d’autre. Cela dit, Elementor est notre solution préférée pour les personnalisations de WooCommerce.

Avant de pouvoir vous mettre au travail, vous devez installer les plugins Elementor free et Elementor pro sur votre site :

  • L’installation d’Elementor free est simple. Il suffit d’aller sur Plugins → Ajouter nouveau et entrez Elementor dans la boîte de recherche. Installez et activez.
  • Pour installer Elementor pro, vous devez d’abord effectuer votre achat sur Elementor.com. Vous pourrez télécharger le package Elementor pro à partir de votre profil d’utilisateur – c’est un fichier ZIP. Allez sur Plugins → Ajouter nouveau et cliquez sur le bouton Télécharger le plugin bouton. Sélectionnez le ZIP Elementor sur votre bureau et téléchargez-le sur votre site. Activez le plugin.

Elementor vous demandera de valider votre licence avant que tout ne devienne opérationnel.

Créer une nouvelle page de produit WooCommerce avec Elementor

Pour commencer, allez à Modèles et cliquez sur Ajouter un nouveau.

Modèles d'éléments pour les pages de produits WooCommerce

Dans la liste, sélectionnez Produit unique.

Produit unique

Elementor vous montrera quelques modèles de pages de produits WooCommerce prêts à l’emploi avec lesquels vous pouvez commencer. Choisir celui qui se rapproche le plus de ce que vous voulez est la meilleure voie à suivre pour la plupart des utilisateurs. La création d’un modèle de produit à partir de zéro prendra généralement beaucoup plus de temps. Il est simplement plus facile de modifier un modèle existant. Cliquez sur Insérer pour obtenir le modèle.

Modèles de produits Elementor

Vous verrez votre modèle ajouté sur la toile Elementor. Vous pouvez maintenant personnaliser le modèle comme bon vous semble : ajouter de nouveaux éléments à la page, personnaliser les éléments actuels, supprimer les éléments dont vous n’avez pas besoin, etc.

Tableau de bord WooCommerce d'Elementor

Dans la barre de gauche, vous remarquerez une série d’éléments de WooCommerce, tels que Titre du produit, Images de produits, Prix du produitet toutes les autres données que WooCommerce affiche sur vos produits.

Vous pouvez prendre chacun de ces éléments et les faire glisser sur la toile à l’endroit exact où vous en avez besoin.

Voici quelques personnalisations que vous pouvez faire en premier lieu :

Ajoutez votre marque et vos couleurs

Les modèles de produits Elementor en stock sont jolis, mais ils ne correspondent probablement pas parfaitement à votre marque. Un changement rapide que nous pouvons faire pour remédier à cela est d’ajuster les couleurs de fond, les couleurs des polices et les divers paramètres typographiques en général.

Pour ajuster un bloc quelconque de la page, cliquez sur le crayon dans le coin supérieur droit du bloc.

crayon

Puis, dans la barre latérale gauche, passez à la Style onglet. C’est là que vous pouvez effectuer toutes les personnalisations liées au style et à l’apparence. Par exemple, pour l’onglet Titre du produit vous pouvez modifier la couleur du texte, la typographie et les ombres.

Onglet Style pour vos pages de produits WooCommerce

Cliquons sur Typographie. Vous verrez alors apparaître une autre boîte dans laquelle vous pourrez modifier la police et tous les paramètres de celle-ci.

Passez en revue tous les textes un par un et modifiez-les jusqu’à ce qu’ils ressemblent à ce que vous souhaitez. Faites particulièrement attention à l’aspect du bloc de prix – il doit être clairement visible afin de ne pas semer la confusion chez le client.

changer la typographie de vos pages de produits WooCommerce

Réaligner/déplacer la description du produit

WooCommerce affiche la description de vos produits à quelques endroits. Nous n’avons pas besoin d’entrer dans les détails pour l’instant, mais concentrons-nous sur deux choses :

  • le brève description
  • votre onglets de données sur les produits

Le brève description est juste ce qu’il semble. WooCommerce reprend ce texte de la Description succincte (un des champs à remplir lors de la création d’un nouveau produit). Il est conseillé d’afficher la courte description du produit en haut de la page.

Vous pouvez prendre l’Elementor’s Description succincte bloquez-le et glissez-déposez-le là où vous en avez besoin.

Brève description à afficher sur les pages de produits WooCommerce

Le onglets de données sur les produits est en fait le bloc qui abrite les principales informations sur le produit. Assurez-vous qu’il est bien visible dans votre nouveau modèle de page produit WooCommerce.

Onglets de données pour les pages de produits WooCommerce

N’oubliez pas d’appliquer les couleurs et la typographie de ces blocs.

Ajustez votre bouton “Ajouter au panier”.

Le bouton “Ajouter au panier” est le bouton le plus important de tout site de commerce électronique. Vous voulez vraiment qu’il se démarque et attire l’attention de votre client.

Vous pouvez utiliser deux types de blocs différents pour le bouton “ajouter au panier” dans Elementor. Il y a le bouton Ajouter au panier et le bloc Personnaliser Ajouter au panier bloc.

Personnaliser Ajouter au panier

Faites des expériences avec les deux pour voir lequel est le meilleur dans votre cas. Cliquez sur le bouton crayon et voir ce qui est disponible dans la barre latérale pour les paramètres du bloc donné.

ajouter au panier d'options

En quelques clics, vous pouvez améliorer l’aspect de votre bouton.

bouton final

Ajouter/supprimer des évaluations de produits

L’affichage de l’évaluation des produits peut être un excellent moyen de donner à vos clients le dernier coup de pouce pour acheter vos produits. Le seul problème est qu’il faut d’abord avoir quelques évaluations. 🤷♂️

Lorsque votre magasin est tout neuf et que vous n’avez pas encore de classement, il est préférable de ne pas avoir le bloc de classement sur la page. Cliquez avec le bouton droit de la souris sur l’icône Evaluation des produits et le supprimer.

supprimer les évaluations des pages de produits de WooCommerce

Plus tard, vous pourrez réintégrer ce bloc et même en personnaliser l’aspect. Vous pouvez notamment modifier la couleur des étoiles et l’espacement des éléments.

style de notation

Modifier les vues du mobile et de la tablette

De nos jours, de plus en plus de personnes accèdent au web depuis leur smartphone que des ordinateurs de bureau et des ordinateurs portables. C’est pourquoi votre magasin doit être optimisé pour le visionnage mobile, sinon vous perdrez des ventes !

Le WooCommerce est déjà optimisé pour les téléphones portables, mais comme nous créons une page de produit personnalisée, nous devons nous assurer que votre nouveau modèle de produit a également un bon aspect.

Dans le coin inférieur gauche de l’interface d’Elementor, il y a un bouton intitulé Mode réactif.

mode réactif pour les pages de produits WooCommerce

Lorsque vous cliquez dessus, vous pourrez passer de l’une à l’autre des Bureau, Tabletteet Mobile vues. Choisissez l’une d’entre elles et modifiez le dessin si nécessaire.

Ce qui est cool ici, c’est que vous pouvez modifier les paramètres d’affichage de vos blocs de manière à ce qu’ils ne prennent effet que sur le mobile ou la tablette. Par exemple, si vous pensez que le prix devrait être plus élevé sur le mobile, cliquez sur l’icône du crayon dans le bloc de prix, puis cliquez pour modifier la typographie, et enfin passez à Mobile à côté de la taille de la police :

polices mobiles

Si vous modifiez la taille de la police maintenant, seule la vue mobile sera affectée.

Passez en revue votre modèle élément par élément jusqu’à ce que vous ayez configuré le tout pour les visionneuses de mobiles et de tablettes.

Publier des pages de produits WooCommerce personnalisées

Lorsque votre nouveau modèle de produit est prêt, cliquez sur le Publier dans le coin inférieur gauche de l’interface Elementor.

Elementor vous demandera d’ajouter une condition concernant le moment où le modèle doit être utilisé.

condition d'affichage

Pour que le modèle soit utilisé pour tous les produits, il suffit de sélectionner “Produits” dans la liste, comme cela :

permettre pour les produits

Cliquez sur SAUVEGARDER ET FERMER pour tout finaliser.

C’est tout ! 🍾 Ceci fait, votre page de produit WooCommerce personnalisée a été sauvegardée et a remplacé la page de produit par défaut.

Vous pouvez voir la page de votre produit en action lorsque vous visitez l’un des produits de votre magasin.

pages de produits WooCommerce personnalisées finales avec Elementor
Guide gratuit

5 conseils essentiels pour accélérer
Votre site WordPress

Réduisez votre temps de chargement de 50 à 80 %.
en suivant des conseils simples.

Comment créer une boutique en ligne avec WordPress et Woocommerce

 

Ce tutoriel s’adresse à tous les niveaux d’expérience avec WordPress. Si vous êtes nouveau sur la console ou sur le Web en général et que vous souhaitez utiliser WooCommerce avec WordPress pour votre boutique en ligne, il est important que je partage le fait que vous devrez travailler, probablement lire d’autres articles, expérimenter et mettre l’épaule à la roue. J’ai vu dans le passé plusieurs personnes essayer d’improviser des développeurs web sans grand succès. D’autre part, j’ai également vu plusieurs personnes déployer les efforts nécessaires et publier une boutique en ligne WooCommerce très professionnelle. Il est simplement important que vos attentes soient réalistes par rapport à votre propre contexte et à votre situation particulière.

Si ce que je viens de partager avec vous parle ou vous inquiète, que mettre tous ces efforts vous décourage et que vous n’avez pas 2500 € (ou plus!) Pour payer un développeur professionnel, je vous suggère de vous pencher éventuellement vers la boutique en ligne Shopify service de création plutôt que WooCommerce. La courbe d’apprentissage de celui-ci est très intéressante et accessible. Le prix est de 29 $ US / mois pour une boutique en ligne professionnelle contenant toutes les fonctionnalités nécessaires à son bon fonctionnement.

Deuxième mise en garde si vous utilisez les services de WordPress.com plutôt que la plate-forme open source gratuite de WordPress.org. Vous devrez utiliser le plan de service le plus cher. Ce qui à mon avis n’est vraiment pas bénéfique. Choisissez plutôt WordPress.org avec un service d’hébergement WordPress. Ce sera beaucoup plus avantageux en termes de coûts et de possibilités de personnalisation de votre site (2 à 10 € par mois, au lieu de 25 € par mois!).

Si je ne vous ai pas trop découragé, voici donc toutes les étapes pour démarrer votre boutique WooCommerce!

démo boutique Woocommerce

Choisir WordPress et Woocommerce pour votre boutique en ligne gratuite

WooCommerce est l’extension gratuite, très complète et ultra professionnelle de WordPress pour créer un e-commerce. Voici quelques détails:

  • WooCommerce est un plugin de WordPress. Celui-ci doit être installé et activé comme n’importe quelle autre extension.
  • C’est de très loin le plugin e-commerce le plus populaire, le plus professionnel et le plus fiable disponible.
  • C’est aussi celui qui offre le plus de fonctionnalités.
  • Vous pouvez l’installer et le configurer par vous-même. Son installation est rapide et efficace.
  • Il est compatible avec la très grande majorité des thèmes premiums.
  • Et beaucoup, beaucoup plus encore!

Quoi vendre en ligne avec WordPress et WooCommerce?

En fait, la même chose qu’avec n’importe quel e-commerce, WooCommerce vous permet de vendre n’importe quoi! Des exemples :

  • produits numériques (PDF, ebooks, logiciels, autres matériels à télécharger)
  • des produits physiques (linge, électronique, articles de sports, articles pour la maison, etc.)
  • vos services
  • réservations en ligne (pour un rendez-vous avec un professionnel, une chambre d’hôtel, …)
  • des inscriptions à un événement, à un podcast ou à du contenu premium
  • les produits de quelque-un d’autre (avec du marketing affilié)

Le tutoriel pour créer une boutique en ligne avec WordPress et WooCommerce

logos WordPress et WooCommerce

Cette partie du tutoriel vous aide à démarrer votre e-commerce en partant de rien. Je vais parler de noms de domaine, d’hébergement, d’installer WordPress et WooCommerce et vos pages de base. Commençons par la base!

e vous ai dit que vous pouvez configurer votre boutique en ligne jusqu’à 100 $ pour la première année et 75 $ pour les années suivantes. – “Mais si WordPress et WooCommerce sont gratuits, pourquoi cela me coûte-t-il quelque chose?” “. C’est assez simple, en fait, pour pouvoir avoir un site Web (ou une boutique) en ligne, vous devez avoir une adresse www (également appelée nom de domaine) et vous devez également avoir un hébergement Web. L’hébergement est l’endroit où tout les fichiers de votre site seront stockés et le nom de domaine est l’adresse web pour y accéder, c’est pour ces deux services qu’il faut dépenser un certain montant.

Étape 1 – Choisir votre nom de domaine et votre hébergement

hébergement WordPress
Le coût total du nom de domaine et de l’hébergement web avec BlueHost est de 45 $ CAN ou de 30€ EUR / année. Je recommande fortement BlueHost à mes lecteurs étant donné la stabilité, la qualité du service, le prix minimal de celui-ci et la facilité d’installation simple comme bonjour! BlueHost est également officiellement recommandé sur la page  WordPress.org/hosting qui est un « statement » en soit.

Visiter BlueHost.com

Pour un tutoriel pas à pas très précis sur les étapes à faire avec BlueHost, consulter mon article sur comment créer un blog. Mais vraiment, c’est hyper intuitif, vous n’avez qu’à suivre les étapes mentionnées par BlueHost lors de votre achat.

Étape 2 – Effectuer l’installation de WordPress (gratuit)

Avec la majorité des services d’hébergement, vous devez vous connecter à un panneau d’administration de votre serveur web appelé cPanel afin d’effectuer l’installation de WordPress. Pas avec BlueHost! Ceux-ci installent désormais automatiquement WordPress pour vous lors de l’achat de votre hébergement. Un pas de plus vers la simplification des processus! On aime ça!

Suite à cette installation, BlueHost vous propose de choisir un thème WordPress pour le visuel de votre boutique en ligne. Je vous suggère de ne pas choisir l’un de leurs thèmes, mais plutôt de magasiner un thème Woocommerce premium spécialement conçu pour les boutiques en ligne. Nous reviendrons sur la notion du choix de thèmes WooCommerce un peu plus loin dans ce tutoriel. Ce n’est pas prioritaire à ce stade de notre recette.

  • L’installation complétée, vous pouvez visionner votre site en visitant votre nom de domaine (ex : www.votreboutique.com)
  • Ouvrez aussi une autre fenêtre pour vous connecter à la console de WordPress en visitant par exemple : www.votreboutique.com/wp-admin

Il est maintenant temps de passer d’un site WordPress à une boutique en ligne avec WooCommerce!

Étape 3 – Installer le plugin WooCommerce (gratuit)

Comme pour l’installation de n’importe quels plugins WordPress gratuits, vous devez vous rendre dans votre console WordPress, cliquer sur Plugins – > Add New (si votre console est en français, « Extensions -> Ajouter une extension »). Écrivez « woocommerce » dans le champ de recherche puis cliquez sur « Installer » ou « Install now » (voir l’image ci-dessous).

installer WooCommerce

Lorsque c’est fait, cliquez ensuite sur le bouton bleu « Activate ». Vous verrez alors le menu de configuration initiale de WooCommerce. Ce processus est très simple à compléter.

Étape 4 – Configuration de la boutique

Débutez la configuration en entrant les coordonnées physiques de votre boutique en ligne. Il se peut que vous ne souhaitiez pas afficher celle-ci sur votre site. Cette section est donc facultative.

configuration WooCommerce

Ajouter une méthode de paiement

Cochez (ou décochez) les méthodes de paiement que vous souhaitez avoir sur votre boutique. Vous avez la possibilité ici de cocher Stripe ou/et Paypal. Par contre, vous pourrez plus tard, ajouter d’autres passerelles de paiement en ligne telles que :

stripe
amazon pay
Payfast
Authorize.Net
Square
Paypal
Klarna
First Data
WorldPay
Sage Pay
Eway
Elavon
Mollie
Paytrace
Paytrail
ANZ
Chase Paymentech
GoCardless
Realex Payments
Ogone payment services
NAB Transact
Bambora
Paymentexpress
USA Epay
Payson
Sofort Uberweisung
Solutions Moneris

Et beaucoup plus encore! Cliquez sur « Continuer » lorsque vous avez terminé cette étape.

configuration de paiement WooCommerce

Expédition

Vous pouvez ici configurer différentes zones d’expédition et y définir votre unité de poids et mesure.
configuration livraison

Extras

Si vous avez le thème de base de WordPress, ou que votre thème n’est pas compatible avec WooCommerce, vous avez l’option d’installer le thème Storefront de WooCommerce. Pour le moment, vous pouvez installer celui-ci. Vous pourrez plus tard ajouter le thème WordPress premium que vous aurez choisi pour votre boutique.

Vous avez aussi la possibilité de cocher l’option de taxes automatisées, qui prend en considération le lieu physique de votre boutique en ligne que vous avez définie à l’étape précédente. Woocommerce a créé une vidéo vous montrant les possibilités du module de gestion des taxes que vous pourrez configurer plus tard dans configurations avancées. Voici la vidéo :

WooCommerce extras

Activer

À l’étape suivante, vous avez la possibilité d’installer le plugin Jetpack. Personnellement, je ne vous le recommande pas puisque Google Analytics, un plugin spécifique de sécurité comme « All in One WordPress Security » ou « iThemes Security » et un plugin spécifique de caching comme « WP Rocket » feront un bien meilleur boulot.

activer WooCommerce

Prêt !

Voilà les premières étapes complétées! Vous êtes prêt à créer les pages essentielles de votre boutique en ligne!

Commencer WooCommerce

Étape 5 – Création des pages essentielles au fonctionnement de votre boutique en ligne

Une boutique en ligne requiert différentes pages spécifiques partant du début jusqu’à la fin d’une commande en ligne. Nous allons donc créer celles-ci. Dans le module « Pages » de WordPress, créez une à une les pages suivantes en n’ajoutant rien d’autre que le titre à l’intérieur de celles-ci :

  • Boutique : la page d’accueil de votre boutique en ligne
  • Panier : la page contenant le panier d’achats avec les items ajoutés par le client
  • Commande : la page dans laquelle votre client ajoutera ses informations de livraisons et de paiement en ligne
  • Mon compte : (facultatif) une sorte de page de profil pour les clients qui désirent créer un compte sur votre site pour faciliter leurs futures commandes
  • Conditions générales de vente et d’utilisation : la page contenant les conditions générales de vente et d’utilisation de votre site.

Lorsque ces pages seront créées, vous devez associer celles-ci dans la configuration de WooCommerce. Pour associer la page « Boutique », ouvrez WooCommerce -> Réglages -> Produits.

page Boutique
Pour associer les autres pages, ouvrez WooCommerce -> Réglages -> Commande.

page Commande

Étape 6 – Ajouter votre premier produit

Pour que votre boutique en ligne soit réellement opérationnelle, vous aurez besoin de produits ou d’un service à vendre! Pour ajouter un nouveau produit, allez dans votre console WordPress et cliquez sur « Produits -> Ajouter un produit ». Voici ce que vous verrez à l’écran (chaque numéro dans l’image est décrit plus en détail sous celle-ci) :

ajouter un produit

  1. Le nom de votre produit
  2. La description générale de votre produit. Cette section vous permet d’ajouter beaucoup de contenu texte. En utilisant les outils du wyzywyg, vous pourrez même ajouter des images, des vidéos, des tableaux, des titres, etc.
  3. La portion des données concernant votre produit. Utilisez celle-ci pour indiquer d’abord si votre produit est un produit physique, virtuel ou téléchargeable. S’il s’agit d’un produit physique, ne cochez pas de case. S’il s’agit d’un service, celui-ci est considéré comme un produit virtuel. Voici les autres portions de cette section centrale :
    • Général : Qui vous sert à définir le prix du produit et ses taxes
    • Inventaire : Pour gérer votre inventaire (si nécessaire)
    • Expédition : Pour définir les dimensions, le poids et le prix de livraison du produit
    • Produits liés : Pour définir des produits similaires du genre : « Les clients qui ont acheté ce produit ont aussi acheté ceux-ci … »
    • Attributs : Pour ajouter des attributs du genre : grandeur, couleur, matériel…
    • Avancés : Contenant les champs « Note d’achat », « Ordre du menu » et « Activer les avis »
  4. Description courte du produit : Ce texte sera affiché sous le titre du produit dans la page (single-product) du produit.
  5. Catégories de produit : Pour regrouper les produits d’une même catégorie (ex: catégorie « chandails » sous la catégorie « hommes » )
  6. Étiquettes produit :  Une autre façon de regrouper vos produits (ex: des marques en particulier)
  7. Image produit : L’image principale de votre produit (qui sera aussi utilisée en miniature dans vos pages de catégories ou sur la page Boutique)
  8. Galerie produit : Une galerie contenant différentes images de votre produit

Étape 7 – Choisir le visuel de votre boutique en ligne

WooCommerce et votre thème actuel

Par défaut, WooCommerce est compatible avec tous les thèmes WordPress. Une bonne nouvelle si vous avez un site au visuel personnalisé, car vous pourrez conserver celui-ci. La moins bonne nouvelle est que ce ne sont pas tous les thèmes qui afficheront les informations de votre boutique avec les visuels désirés selon vos goûts et préférences. Il se peut que votre intégrateur ou programmeur ait à faire quelques retouches sur celui-ci.

Aussi, si vous avez un thème qui a été créé de A à Z par un programmeur, il se peut que celui-ci n’est pas programmé de base (ce qui serait normal selon le budget que vous lui aviez alloué au départ du mandat) pour être compatible avec WooCommerce. Dans ce cas-ci, vous aurez à payer ce même programmeur ou une nouvelle personne pour compléter votre thème en lien avec votre nouveau projet de e-commerce.

Si changer le visuel de votre site n’est pas un problème, il existe de nombreux thèmes premium conçus et optimisés spécialement pour WooCommerce. Ainsi, toutes les pages de catégories, de produits et du processus de paiement en ligne seront toutes déjà programmées et designées pour une boutique impeccable.

themeforest woocommerce

L’équipe de WooCommerce a également créé un thème de base appelé Storefront qui peut être une alternative à payer un thème premium. Voici la vidéo de présentation du thème. Il s’agit d’une alternative gratuite, mais qui comprend plusieurs limites visuelles.

* Pour votre info, les thèmes de ThemeForest sont programmés dans le même sens que celui de Storefront pour assurer une compatibilité maximale avec WooCommerce.

Peu importe si vous décidez de conserver votre thème actuel ou de modifier celui-ci pour un thème WooCommerce, la prochaine étape consiste justement à vérifier que chacune des pages de votre boutique en ligne fonctionne adéquatement.

Quelques notions de base concernant le visuel d’un e-commerce :

  • Le visuel et l’expérience utilisateur de votre boutique se doivent d’être hyper clairs pour le visiteur. Sinon un client potentiel confus n’achètera tout simplement pas.
  • Le contenu central contenant vos produits doit capter l’attention des visiteurs.
  • Avoir la possibilité d’enlever ou d’ajouter une ou 2 barres latérales pour chacune des pages peut être utile à votre projet.
  • Avoir un site compatible avec les différentes plateformes mobiles n’est plus négociable. Environ 60 % des visiteurs en provenance d’un mobile quitteront votre site si celui-ci n’est pas adapté à un cellulaire ou une tablette. Sans compter les pénalités que Google vous imposera en matière de positionnement en référencement organique.
  • La navigation doit être, elle aussi, hyper claire pour permettre aux utilisateurs de repérer facilement et rapidement ce qu’ils recherchent.

En gardant ces notions en tête, voici le minimum d’éléments que vous devriez avoir sur les pages de votre boutique.

La page « Boutique » ou la page contenant vos produits

C’est la page d’accueil de votre boutique contenant certains produits, des catégories de produits ou même les deux. Ce qui vaut la peine d’ajouter à cette page :

  • Un peu de contenu texte pour venter les mérites de votre boutique ou de vos produits
  • Décider si vous voulez ajouter une barre latérale à cette page ou pas. Pour ce faire, rendez-vous dans le module « Pages » du CMS et cliquez sur la page à laquelle vous avez associé votre boutique un peu plus haut dans ce tutoriel. Dans « Page Attributes », attribuez-y le Template nécessaire :

full-width

Voici à quoi ressemble la page d’accueil de la boutique du thème Storefront de WooCommerce. On peut y retrouver un produit en vedette et le listing de produit dans la portion de gauche, le shopping cart et les catégories de produits dans la barre latérale.

storefront shop page
WooCommerce vous permet d’afficher dans la portion de gauche (portion principale) de cette page les catégories ou les produits ou les deux. Pour se faire, allez dans votre CMS sous « Apparences -> Personnaliser -> WooCommerce -> Catalogue de produits ».

catalogue de produits

Page individuelle d’un produit

Pour ce type de page, si vous utilisez un thème créé pour WooCommerce, vous ne devriez pas avoir à changer des éléments. Vous pourrez jouer avec la description du produit, ses images et avec les variations de produit (grandeur, couleur, texture, …) si de mise.
Voici à quoi ressemble cette page avec StoreFront :

page de produit avec StoreFront

Panier d’achats

Une bonne pratique pour cette page est de mettre celle-ci en pleine largeur d’écran. Il est important de ne pas trop montrer d’options à l’acheteur. Il faut que le processus d’achat soit clair et simple :

panier d'achat

Paiement en ligne

La page de paiement en ligne est probablement la page la plus importante de votre boutique pour la conversion d’achat. Son ergonomie et son interface doivent être impeccables. L’acheteur doit se sentir suffisamment en sécurité pour conclure sa transaction. Voici quelques règles importantes à respecter :

  • Cette page doit être plein écran.
  • Le seul moyen que devrait avoir l’utilisateur pour quitter la page est de finaliser sa transaction. Je vous suggère d’y enlever la navigation principale.

La page par défaut de WooCommerce est bien conçu pour ça :

panier-dachat

À ce stade, vous avez pratiquement terminé la base visuelle de votre boutique en ligne!  Il vous reste à ajouter les options de paiement et de livraison qui sont faciles à personnaliser via les menus « WooCommerce -> Réglages -> Commande » et « WooCommerce -> Réglages -> Expédition ».

Étape 8 – Déployer les possibilités de WooCommerce

Tout comme WordPress en général, une des forces de WooCommerces se trouve au niveau des plugins disponibles pour rendre votre boutique en ligne vraiment adaptée à vos besoins particuliers.

Les plugins et extensions populaires approuvées par l’équipe de WooCommerce

Autres plugins utiles à avoir sur votre site e-commerce

  • WooCommerce Multilingual : Pour une boutique en ligne bilingue.
  • WPBakery Page Builder : Extension de style « Page Builder » vous permettant de créer le visuel désiré pour vos pages, articles, produits, etc.
  • Gravity Form : Le plugin de formulaire en ligne le plus professionnel et offrant le plus de possibilités pour WordPress.
  • Yoast SEO : Pour le référencement SEO de votre site.
  • Yoast WooCommerce SEO plugin : Pour le référencement SEO des pages produits, catégories et autres de votre cybercommerce.
  • Visitez notre page dédiée aux plugins WordPress pour plus de recommandations.
  1. Besoin d’aide pour votre boutique en ligne ? Contactez-nous pour un devis immédiat !

Apprenez à intégrer les produits WooCommerce dans vos articles
Vous savez sans doute que WordPress permet d’intégrer facilement les médias sociaux dans les postes et les pages.

Mais savez-vous que vous pouvez simplement intégrer des extraits de messages WordPress et de marchandises WooCommerce dans différents contenus, en utilisant uniquement une URL ?

Voici un résumé de la manière dont WordPress vous permet de partager des articles sur différents sites web (et même sur votre site web personnel).

Pour commencer, découvrez l’URL de n’importe quelle page Web ou page mise en place par WordPress et collez-la directement dans un espace matériel de contenu WordPress :

 

Adding URLs to WordPress content

Après une ou deux secondes, vous verrez peut-être apparaître un aperçu avec le titre, la photo et une brève description. À côté du dessous de l’intégration, vous pouvez également voir l’icône de positionnement, l’identification du site web, la variété des commentaires et un hyperlien de partage.

 

oEmbed inside a WordPress post

Si vous publiez ce contenu, vous risquez de voir apparaître l’embed. Si vous cliquez sur un endroit quelconque de l’encart, vous serez dirigé vers l’ensemble du site web unique.

 

An oEmbed iframe published on WordPress

WooCommerce et oEmbed

Non seulement le noyau de WooCommerce, mais aussi les principaux plugins peuvent partager du contenu. Voici un exemple tiré de WooCommerce à French At this time, affichant la valeur et le score, plus les boutons “Acheter maintenant” et “Apprendre plus“.

A WooCommerce embed in WordPress

Cette intégration WooCommerce fonctionne de manière splendide et efficace. Il utilisera probablement les options des plugins de la troisième célébration, ce qui équivaut à mettre à jour la valeur lorsque vous présentez des devises totalement différentes à des invités de nations totalement différentes :

A WooCoomerce embed with localized pricing

Si vous cliquez sur les gadgets contenus dans l’embed, vous pouvez être envoyé au panier d’achat. Voici ce qui se passe lorsque vous cliquez sur “Acheter maintenant” dans l’encart prouvé ci-dessus :

A WooCommerce cart, after using oEmbed

Comment fonctionnent les embarcations ?

Ils utilisent des iframes pour signaler le contenu. Voici un exemple de code intégré :

WordPress oEmbed code sample

Découvrez la ligne sandbox=”allow-scripts”. Pour des raisons de sécurité, les bancs sont placés dans un cadre de sable.

Vous devriez utiliser votre thème pour réorganiser l’iframe que votre site web propose. Utilisez les fonctions embed_head et embed_footer afin d’ajouter votre code personnalisé au début et en haut du modèle.

Une personnalisation rapide et simple que vous pouvez faire est de gérer l’icône qui apparaît dans le coin inférieur gauche des embed. Allez dans Thèmes > Personnaliser > Identifiant du site web et ajoutez une image qui est carrée, et pas moins de 512px de large et de haut.

 

Using the WordPress site icon feature for oEmbed

Enfin, il est à noter que vous pourrez obtenir un code HTML de la vieille école pour les articles WordPress. Cliquez sur l’icône de partage dans le coin inférieur droit des embed et vous verrez le choix “HTML Embed” :

WordPress HTML Embed
P.S. Si vous êtes un gros consommateur de WordPress ou de WooCommerce, jetez un coup d’œil aux directives relatives au contenu et au WooCommerce. Ils vous permettront de créer des contenus WordPress de haute qualité.
Si vous avez aimé ce tutoriel, jetez un coup d’œil à WooCommerce Defined, la formidable (et la plus vendue) introduction à WooCommerce.

<lang=”fr”></lang=”fr”>

Vous savez sans doute que WordPress permet d’intégrer facilement les médias sociaux dans les postes et les pages.

Mais savez-vous que vous pouvez simplement intégrer des extraits de messages WordPress et de marchandises WooCommerce dans différents contenus, en utilisant uniquement une URL ?

Voici un résumé de la manière dont WordPress vous permet de partager des articles sur différents sites web (et même sur votre site web personnel).

Pour commencer, découvrez l’URL de n’importe quelle page Web ou page mise en place par WordPress et collez-la directement dans un espace matériel de contenu WordPress :

 

Adding URLs to WordPress content

Après une ou deux secondes, vous verrez peut-être apparaître un aperçu avec le titre, la photo et une brève description. À côté du dessous de l’intégration, vous pouvez également voir l’icône de positionnement, l’identification du site web, la variété des commentaires et un hyperlien de partage.

 

oEmbed inside a WordPress post

Si vous publiez ce contenu, vous risquez de voir apparaître l’embed. Si vous cliquez sur un endroit quelconque de l’encart, vous serez dirigé vers l’ensemble du site web unique.

 

An oEmbed iframe published on WordPress

WooCommerce et oEmbed

Non seulement le noyau de WooCommerce, mais aussi les principaux plugins peuvent partager du contenu. Voici un exemple tiré de WooCommerce à French At this time, affichant la valeur et le score, plus les boutons “Acheter maintenant” et “Apprendre plus“.

A WooCommerce embed in WordPress

Cette intégration WooCommerce fonctionne de manière splendide et efficace. Il utilisera probablement les options des plugins de la troisième célébration, ce qui équivaut à mettre à jour la valeur lorsque vous présentez des devises totalement différentes à des invités de nations totalement différentes :

A WooCoomerce embed with localized pricing

Si vous cliquez sur les gadgets contenus dans l’embed, vous pouvez être envoyé au panier d’achat. Voici ce qui se passe lorsque vous cliquez sur “Acheter maintenant” dans l’encart prouvé ci-dessus :

A WooCommerce cart, after using oEmbed

Comment fonctionnent les embarcations ?

Ils utilisent des iframes pour signaler le contenu. Voici un exemple de code intégré :

WordPress oEmbed code sample

Découvrez la ligne sandbox=”allow-scripts”. Pour des raisons de sécurité, les bancs sont placés dans un cadre de sable.

Vous devriez utiliser votre thème pour réorganiser l’iframe que votre site web propose. Utilisez les fonctions embed_head et embed_footer afin d’ajouter votre code personnalisé au début et en haut du modèle.Apprenez à intégrer les produits WooCommerce dans vos articles

Une personnalisation rapide et simple que vous pouvez faire est de gérer l’icône qui apparaît dans le coin inférieur gauche des embed. Allez dans Thèmes > Personnaliser > Identifiant du site web et ajoutez une image qui est carrée, et pas moins de 512px de large et de haut.

 

Using the WordPress site icon feature for oEmbed

Enfin, il est à noter que vous pourrez obtenir un code HTML de la vieille école pour les articles WordPress. Cliquez sur l’icône de partage dans le coin inférieur droit des embed et vous verrez le choix “HTML Embed” :

WordPress HTML Embed
P.S. Si vous êtes un gros consommateur de WordPress ou de WooCommerce, jetez un coup d’œil aux directives relatives au contenu et au WooCommerce. Ils vous permettront de créer des contenus WordPress de haute qualité.
Si vous avez aimé ce tutoriel, jetez un coup d’œil à WooCommerce Defined, la formidable (et la plus vendue) introduction à WooCommerce.