Comment configurer la tarification dynamique WooCommerce

Comment configurer la tarification dynamique WooCommerce

Fournir des incitations à vos acheteurs en fonction de leur activité d’achat est l’une des meilleures stratégies pour les encourager à acheter plus. Avec la tarification dynamique, vous pouvez modifier le prix de vos produits en fonction de certains critères et augmenter vos revenus en vendant plus.

Découvrez comment.

Le contenu dynamique est souvent une fonctionnalité négligée sur WordPress et WooCommerce, mais il offre beaucoup de flexibilité. Il vous permet de prendre des informations du site web et de les insérer automatiquement dans des zones désignées.

Par exemple, la tarification dynamique peut vous aider à augmenter les revenus de votre boutique en ligne et à générer des ventes vers des produits spécifiques sur lesquels vous voudrez peut-être vous concentrer. Entre de bonnes mains, il devient un excellent outil à avoir lors du marketing et de la croissance de votre boutique WooCommerce.

Dans cet article, nous allons vous expliquer tout ce que vous devez savoir sur la tarification dynamique sur WooCommerce. Nous allons commencer par une introduction générale au concept, à certaines des différentes façons dont vous pouvez l’implémenter et à la façon dont il vous aide.

Lire aussi : Elementor Pro : 10 fonctionnalités impressionnantes à débloquer – Partie II

Ensuite, nous vous montrerons étape par étape comment vous pouvez commencer à utiliser vos propres stratégies de tarification dynamique avec un plugin de tarification dynamique WooCommerce gratuit.

Commençons !

Qu’est-ce que la tarification dynamique WooCommerce ?

La tarification dynamique est une stratégie dans laquelle vous modifiez le prix d’un produit en fonction de certains critères, tels que le nombre d’articles qu’un utilisateur achète, le rôle / statut du client, la valeur de la commande du client, l’historique des commandes du client, etc…

Dans presque toutes les situations, vous accorderez un rabais à l’acheteur s’il remplit certaines conditions.

Un exemple courant est la tarification en gros, où vous modifiez le prix unitaire d’un article en fonction de la quantité qu’un acheteur commande. Par exemple, vous pouvez facturer :

  • 10 $ par article pour commander entre 1 et 10 articles.
  • 9 $ par article pour commander entre 11 et 30 articles.
  • 8 $ par article pour commander entre 21 et 50 articles.
  • 7 $ par article pour commander plus de 50 articles.

Comment configurer la tarification dynamique WooCommerce

Un autre exemple courant est « Acheter X, Obtenir X Gratuit ». Par exemple, vous pouvez proposer une offre spéciale « Acheter 3, obtenez 1 gratuit » sur un certain article ou catégorie d’articles.

Ou, vous pouvez donner à certains membres VIP l’accès à des prix réduits spéciaux (ce que vous pouvez faire sur WooCommerce en ciblant leur rôle d’utilisateur). Vous pouvez définir le statut VIP par leur historique de commande (par exemple, cibler les clients fidèles), s’ils sont un membre payant, etc…

L’objectif avec toutes ces stratégies de tarification dynamique est d’encourager vos acheteurs à acheter des quantités plus élevées et / ou à passer des commandes plus fréquentes dans votre magasin.

Quand devriez-vous utiliser la tarification dynamique WooCommerce ?

À un niveau élevé, l’objectif de la tarification dynamique est d’augmenter vos revenus en augmentant la valeur moyenne des commandes et la valeur à vie des clients.

Découvrez également : Comment créer une image de héros : Les meilleures pratiques et exemples

Par exemple, si vous offrez une remise si un utilisateur achète plus de 5 articles, cela l’encouragera à commander plus de 5 articles alors qu’il aurait peut-être simplement commandé 2-3 articles sans tarification dynamique.

Voici quelques avantages et situations spécifiques où la tarification dynamique peut vous aider à:

1. Stimuler les ventes à des produits spécifiques

Vous pouvez utiliser la tarification dynamique pour stimuler les ventes d’un produit spécifique en sélectionnant ce produit pour la tarification dynamique.

En plus d’augmenter les revenus, cela peut être un excellent moyen de vider les stocks de produits qui ne passent pas aussi bien que vous l’espériez.

2. Augmentez la valeur à vie du client

En plus d’augmenter vos revenus pour les commandes individuelles, vous pouvez également utiliser la tarification dynamique pour augmenter la valeur à vie des clients en accordant des remises spéciales aux acheteurs réguliers. Par exemple, vous pouvez débloquer des prix spéciaux lorsqu’un acheteur atteint certaines cibles d’objectif telles que :

  • Valeur de l’ordre à vie
  • Nombre de commandes à vie

Vous pouvez également créer des revenus récurrents fiables en offrant des prix spéciaux aux membres qui paient des frais mensuels. Par exemple, le service Tripadvisor Plus offre aux membres des prix réduits spéciaux sur les hôtels en échange de frais de 99 $ par an. Cela donne non seulement à Tripadvisor des revenus annuels récurrents, mais encourage également les gens à toujours réserver leurs hôtels via Tripadvisor, car ils ont déjà investi de l’argent dans les frais annuels.

3. Obtenez des informations sur le comportement des clients

Enfin, vous pouvez également utiliser des stratégies de tarification dynamique pour obtenir généralement plus d’informations sur le comportement d’achat de vos clients. Par exemple, si vous constatez que les clients sont heureux d’acheter certains produits en gros, vous pouvez utiliser ces informations pour configurer de nouveaux produits ou offres groupées.

Comment configurer la tarification dynamique sur votre boutique WooCommerce

La tarification dynamique n’est pas une fonctionnalité de base de WooCommerce, vous aurez donc besoin de l’aide d’un plugin de tarification dynamique WooCommerce pour le configurer.

Parce que cette stratégie de prix est très populaire, vous pouvez trouver un certain nombre de plugins gratuits ou payants pour configurer cela.

Il existe un plugin de tarification dynamique d’un développeur tiers (Element Stark) répertorié sur le marché des extensions WooCommerce. Cependant, c’est un peu cher à 129 $ et vous pouvez trouver des options moins chères (ou même des options gratuites) pour réduire le coût de votre magasin.

Pour une option plus abordable, vous pouvez envisager le plugin WooCommerce Dynamic Pricing &Discounts chez CodeCanyon, qui coûte $59 et a une note de 4.6 étoiles sur ses ventes de plus de 19,000.

Ou, si vous voulez garder les choses gratuites, vous pouvez également trouver des plugins de tarification dynamique gratuits populaires :

Parce que nous voulons rendre ce tutoriel accessible à tous, nous utiliserons le plugin gratuit Advanced Dynamic Pricing for WooCommerce dans le guide étape par étape ci-dessous.

Pour commencer, assurez-vous d’installer et d’activer le plugin gratuit à partir de WordPress.org.

La plupart des autres plugins fonctionnent sur les mêmes principes de base, mais leurs interfaces seront évidemment différentes.

1. Configurer les paramètres du plugin

Avant de commencer à créer vos règles de tarification, vous devez d’abord parcourir les paramètres du plugin, dont vous pouvez accéder en allant dans WooCommerce → Pricing Rules → Settings.

Le plugin est configuré de manière à ce que vous n’ayez pas automatiquement besoin de modifier l’un des paramètres – il devrait fonctionner uniquement avec les valeurs par défaut. Toutefois, vous souhaiterez peut-être apporter des modifications pour votre situation unique :

Comment configurer la tarification dynamique WooCommerce

Si vous n’êtes pas sûr de la façon dont un paramètre spécifique va changer les choses, vous pouvez toujours revenir à cette zone une fois que vous aurez une meilleure idée du fonctionnement du plugin et de la façon dont vous voudrez peut-être l’ajuster.

2. Créer une règle de tarification

Chaque stratégie de tarification dynamique que vous implémentez est appelée « règle de tarification ».

Vous pouvez créer des règles qui ciblent des produits spécifiques ou vous pouvez créer des règles qui s’appliquent à tous les produits ou produits avec une catégorie/balise spécifique.

Lors de la configuration d’une règle, vous obtenez de nombreuses options différentes, nous ne manquerons donc pas de vous donner plusieurs exemples sur la façon dont vous voudrez peut-être configurer les choses.

Pour créer votre première règle, accédez à WooCommerce → Pricing Rules → Rules :

Comment configurer la tarification dynamique WooCommerce

En haut, vous pouvez configurer quelques paramètres de base :

  • Title – un nom interne pour vous aider à vous souvenir de ce que fait la règle.
  • Can be applied – combien de fois la règle peut être appliquée – vous pouvez rendre les règles d’utilisation illimitée ou limiter leur utilisation de 1 à 10 fois.
  • Apply at first to – comment appliquer la règle aux articles dans le panier de l’utilisateur – vous pouvez appliquer aux articles les plus chers, les articles les moins chers, ou que les articles apparaissent dans le panier.
  • Coupon – si vous cochez cette case, le plugin ajoutera des articles au panier au prix normal, mais appliquera automatiquement un code promo pour ajouter la réduction.

Une fois que vous avez pris ces décisions, vous pouvez utiliser les boutons ci-dessous pour configurer votre règle. Vous avez huit options différentes:

  • Product filters – choisissez le(s) produit(s) sur lequel(s) la règle s’appliquera.
  • Product discounts – choisissez le type et le montant de la remise.
  • Role discounts : appliquez uniquement la règle de tarification aux acheteurs ayant un certain rôle d’utilisateur.
  • Bulk rules : configurez des remises en gros dans lesquelles vous appliquez des prix différents à différentes quantités d’articles.
  • Free products – donnez aux utilisateurs un ou plusieurs produits gratuitement s’ils remplissent les conditions.
  • Cart adjustments – appliquez des réductions, des frais ou la livraison gratuite à l’ensemble du panier de l’acheteur.
  • Cart conditions – n’appliquez la règle que si un acheteur remplit certaines conditions du panier, telles que la valeur totale de son panier, le nombre d’articles, leur statut de connecté, la date/heure, etc…
  • Limits – définissez une utilisation maximale globale de cette règle.

L’important est que vous pouvez mélanger et assortir autant ou aussi peu ces options comme vous le souhaitez.

Par exemple, vous pouvez limiter la règle à certains produits et la limiter à certains rôles d’utilisateur et exiger que l’acheteur ait au moins 200$ dans son panier pour être éligible. Ou, vous ne pouvez appliquer que la condition de panier et ne pas limiter la remise d’une autre manière.

Lorsque vous cliquez sur les options, elles développeront des zones de paramètres supplémentaires pour configurer ce type de règle. Une fois que vous ouvrez une zone de paramètres, ce bouton disparaîtra de la liste en bas:

C’est donc l’idée de base du fonctionnement des règles de tarification. Examinons maintenant quelques exemples spécifiques sur la façon dont vous pouvez appliquer certaines des stratégies de tarification dynamique dont nous avons discuté ci-dessus.

Exemple 1 : Tarification dynamique en gros

Pour ce premier exemple, supposons que vous souhaitiez configurer la tarification en bloc lorsque le prix unitaire d’un article change en fonction de la quantité qu’un acheteur achète.

Tout d’abord, vous devez ajouter les filtres de produit et choisir le ou les produits pour lesquels vous souhaitez activer la tarification en vrac ou en gros. Nous allons mettre en place une règle spéciale pour notre t-shirt, mais vous pouvez cibler plusieurs autres produits, catégories de produits ou même tous vos produits.

Ensuite, vous devez ajouter les règles en bloc pour configurer votre tarification en bloc. Vous pouvez configurer des remises fixes ou en pourcentage. Ou, vous pouvez également entrer des prix fixes (au lieu d’une remise). Les remises en pourcentage seraient particulièrement utiles si vous appliquez une règle à plusieurs produits avec des prix différents.

Pour les remises ou les prix fixes, vous pouvez appliquer la remise à chaque article ou à un ensemble (par exemple, les cinq articles).

Pour cette règle, notre prix de gros sera :

  • 1-5 t-shirts – plein prix
  • 6-10 t-shirts – 3 $ de réduction par chemise
  • Chemises 11-20 – 5 $ de réduction par chemise
  • Chemises 20 + – 8 $ de réduction par chemise

Ci-dessous, vous pouvez voir la règle complète:

Et voici à quoi cela ressemblerait sur le front-end:

Une note rapide – si vous utilisez Elementor WooCommerce Builder, le plugin ajoutera automatiquement une grille des prix en vrac partout où vous avez placé le widget Ajouter au panier de WooCommerce Builder.

Exemple 2 : Tarification dynamique basée sur le rôle

Pour ce deuxième exemple, supposons que vous souhaitiez donner aux utilisateurs ayant un certain rôle un prix dynamique sur le t-shirt Elementor. Disons que si une personne est un auteur sur le site web, elle obtient un prix spécial de seulement 10$ par chemise.

Pour configurer cela, vous avez besoin de deux règles.

Tout d’abord, vous utiliseriez la règle Product filters pour cibler à nouveau le t-shirt.

Ensuite, vous appliqueriez la règle Role discounts pour cibler un rôle d’utilisateur et appliquer le prix unitaire fixe, par exemple les auteurs.

Exemple 3 : Remise avec dépenses minimales

Pour ce dernier exemple, disons que les acheteurs peuvent obtenir 5$ de réduction sur le coût de chaque T-Shirt qu’ils achètent, mais seulement s’ils dépensent un minimum de 100$.

Pour configurer cela, vous auriez besoin de trois règles.

Tout d’abord, vous devez utiliser les Product filters pour cibler les produits sur lesquels vous souhaitez appliquer la remise.

Deuxièmement, vous utiliseriez les Products Discounts pour ajouter la remise par article. Vous pouvez également spécifier un rabais maximum total – par exemple, 5$ de rabais par chemise, mais pas plus de 20$ au total.

Enfin, vous utiliseriez les Cart conditions pour spécifier que le sous-total du panier de l’acheteur doit être supérieur à 100$ :

Si la valeur du panier d’un acheteur est inférieure à, 100$, il paiera au prix normal de la chemise. Mais si la valeur est supérieure à 100$, ils obtiendront automatiquement un rabais de 5 $ sur chaque chemise.

Ce ne sont que trois exemples des types de tarification dynamique WooCommerce que vous pouvez configurer. Vous pouvez jouer avec votre propre configuration pour trouver les stratégies parfaites pour votre magasin.

3. Personnaliser les détails de la tarification dynamique

Comme vous l’avez vu dans les exemples ci-dessus, le plugin ajoutera parfois son propre contenu à la page du produit pour communiquer vos règles de tarification dynamique aux clients (par exemple, la grille des prix en vrac). Encore une fois, si vous utilisez Elementor WooCommerce Builder, ces détails apparaîtront généralement partout où vous ajouterez le widget Add To Cart.

Une bonne option dans le plugin, cependant, est que vous pouvez utiliser le Customizer de WordPress pour contrôler le style et la mise en page de ces ajouts.

Pour le faire, accédez à Apparence → Personnaliser et utilisez les nouvelles options de la barre latérale :

Quelles stratégies de réduction devriez-vous utiliser sur WooCommerce ?

Il existe plusieurs stratégies de tarification dynamique différentes que vous pouvez utiliser avec le plugin (s) ci-dessus. Selon votre magasin, vous pouvez peut-être utiliser plusieurs stratégies ou vous pourriez simplement vous en tenir à un type de stratégie de tarification dynamique.

Voici quelques idées :

  • Niveaux de tarification en vrac – offrez des prix moins chers dans différents niveaux à mesure que la quantité augmente (comme notre premier exemple).
  • Tarification réservée aux membres – offrez des prix spéciaux pour certains rôles d’utilisateur (comme notre deuxième exemple).
  • Remises sur la valeur élevée des commandes – offrez des remises sur certains articles si la valeur totale de la commande d’un utilisateur est supérieure à un certain montant.
  • Remises de fidélité – offrez des offres spéciales aux clients fidèles – par exemple, les personnes qui ont passé plus de 10 commandes.
  • Offres BOGO – offrez des offres « Acheter X, obtenez X gratuitement ». Vous pouvez également ajouter des conditions au panier pour les limiter, comme exiger une dépense minimale.
  • Offres groupées de produits – créez des offres groupées de produits qui offrent des prix plus bas si les gens achètent plusieurs produits.
  • Remises basées sur le temps – offrez des prix plus bas certains jours / heures. Cela peut être particulièrement utile si vous utilisez WooCommerce comme quelque chose comme un système de commande de restaurant, où vous pourriez avoir des jours de la semaine sur lesquels vous souhaitez offrir des prix dynamiques.

Augmentez les revenus de votre boutique avec du contenu dynamique

La tarification dynamique de WooCommerce est un excellent moyen d’augmenter les revenus de votre magasin en encourageant vos acheteurs à acheter de plus en plus souvent. Ils auront des réductions sur les articles qu’ils veulent et vous aurez des revenus plus élevés par commande et une valeur à vie – c’est gagnant-gagnant.

Pour configurer la tarification dynamique sur votre boutique WooCommerce, vous disposez d’une variété de plugins, y compris des options gratuites et payantes. Nous vous avons montré comment configurer la tarification dynamique à l’aide du plugin gratuit Advanced Dynamic Pricing for WooCommerce, mais les autres plugins fonctionnent à peu près sur les mêmes principes et pourraient mieux répondre à vos besoins en fonction des types de règles de tarification que vous souhaitez créer.

Mieux encore, vous pouvez toujours utiliser ces plugins même si vous utilisez Elementor WooCommerce Builder pour personnaliser les conceptions de vos pages de produits. Comme nous vous l’avons montré dans l’exemple, la tarification dynamique avancée de WooCommerce fonctionne comme d’habitude même lorsque vous utilisez un modèle WooCommerce Builder (rappelez-vous – des détails comme le tableau des prix en vrac apparaîtront partout où vous ajouterez le widget Add To Cart).

Avez-vous encore des questions sur la tarification dynamique WooCommerce ?

Obtenez Elementor Pro Maintenant !

Conclusion

Voila ! C’est tout pour cet article qui vous montre comment configurer la tarification dynamique WooCommerce. Si vous avez des soucis sur comment y arriver faites-nous savoir dans les commentaires.

Cependant, vous pourrez aussi consulter nos ressources, si vous avez besoin de plus d’éléments pour mener à bien vos projets de création de sites internet, en consultant notre guide sur la création de blog WordPress ou celui sur Divi : le meilleur thème WordPress de tous les temps.

Mais en attendant, partagez cet article sur vos différents réseaux sociaux.

Elementor : Comment créer un magnifique menu déroulant

Elementor : Comment créer un magnifique menu déroulant

Besoin de savoir comment créer un menu déroulant dans Elementor ?

La création de menus est une fonction de WordPress. Vous pouvez utiliser le widget Elementor Nav Menu (Pro) ou votre thème pour les afficher si nécessaire. Pour en savoir plus, cliquez ici. Dans cet article nous allons vous montrer comment créer un menu déroulant dans Elementor.

Mais avant, vous pouvez consulter notre guide sur comment installer Elementor dans WordPress

Mais revenons vers ce pourquoi nous sommes là.

Créez votre menu

Pour créer votre menu :

Accédez au Tableau de bord > Apparence > Menus. Si vous n’avez pas créé de menu, vous devez le faire maintenant. Donnez un nom à votre menu et cliquez sur le bouton Créer un menu. Vous pouvez en outre attribuer l’option qui permet d’ajouter automatiquement les pages nouvellement créées et les emplacements d’affichage.

 

créer un menu déroulant

Ajout de pages au menu

Dans le panneau Ajouter des éléments de menu, sélectionnez les pages à insérer et cliquez sur le bouton Ajouter au menu.

Création de sous-menus

  1. Ajouter vos éléments au menu
  2. Faites glisser et déposez un élément afin qu’il soit placé sous l’élément parent légèrement mis en retrait
  3. Répétez ce processus pour les autres éléments enfants
  4. Enregistrez votre menu

Ajouter des liens personnalisés au menu

Vous pouvez ajouter des URL externes, des liens d’ancrage et des liens d’espace réservés à l’aide de l’option Liens personnalisés.

Ajouter des catégories de blog à votre menu

Vous pouvez attribuer des catégories d’archives de blog à partir des catégories. Pour en savoir plus sur les catégories WordPress, cliquez ici.

Afficher votre menu

À partir du tableau de bord, vous pouvez maintenant afficher votre menu en cliquant sur le lien Allez sur le site

Obtenez Elementor Pro Maintenant !

Découvrez aussi quelques plugins WordPress premium  

Vous pouvez utiliser d’autres plugins WordPress pour donner une apparence moderne et pour optimiser la prise en main de votre blog ou site web.

Nous vous proposons donc ici quelques plugins WordPress premium qui vous aideront à le faire.

1. Contact form 7 Aweber Add-on

Ce plugin WordPress premium combine la simplicité du plugin WordPress Contact Form 7 et ajoutez à votre site web un système de création de formulaire de contact. Il intègre le module de réponse automatique de AWEBER et peut envoyer des e-mails directement sur votre liste AWEBER. 

Cf7 aweber add on

Ses principales fonctionnalités sont : les statistiques de AWEBER dans votre tableau de bord WordPress, 8 modèles attractifs et mignons pour créer votre propre formulaire de souscription, et ce en peu de temps, la vérification de toute la campagne de diffusion de votre compte Aweber en un clic, la facilité d’installation, la compatibilité avec les dernières versions de jQuery et WordPress, une documentation complète et une assistance 24h/24h 7j/7j.

Télécharger | Démo | Hébergement Web

2. Total Recipe Generator

Total Recipe Generator est un plugin premium de recettes disponible sur WordPress. Il  vous donne l’occasion de présenter vos recettes aux utilisateurs d’une manière qui va certainement vous aider à vous démarquer de la foule.

Total recipe generator wordpress recipe maker with schema and nutrition facts elementor addon plugin wordpress

Ce plugin WordPress vous permettra de transformer facilement votre site web en un site internet consacré aux recettes de cuisine. Vous pourrez entre autres :

filtrer les recettes énumérées en fonction de la quantité d’éléments nutritionnels (sodium, glucides, protéines, etc.), filtrer les recettes énumérées en fonction du temps de préparation, d’un ordre hiérarchique et sémantique, du temps de cuisson, de la difficulté, du type de recettes et le tout à l’aide des valeurs déroulantes etc…

Télécharger | Démo | Hébergement Web

3. AccessPress Social Icons Pro

Accesspress social icons pro plugin wordpress

AccessPress Social Icons Pro vous permet de créer des icônes sociales variées et de lier vos profils sociaux à partir de votre site web WordPress. Il est très attrayant car vous pouvez créer, personnaliser et concevoir de belles icônes pour vos profils de médias sociaux.

Ce plugin WordPress premium vous propose 16 beaux ensembles d’icônes parmi lesquels vous pouvez porter votre choix. Il vous donne en plus de cela, la possibilité de créer votre propre ensemble d’icônes, de les personnaliser, de définir les tailles, d’ajouter plusieurs effets, etc…

Télécharger | Démo | Hébergement Web

Ressources recommandées

Découvrez d’autres ressources recommandées qui vous accompagneront dans la création et la gestion de votre site web.

Conclusion

Voila ! C’est tout pour ce tutoriel, nous espérons qu’il vous aidera à créer un menu déroulant sur WordPress. Si vous avez aimé, n’hésitez pas à le partager avec vos amis sur vos réseaux sociaux préférés

Cependant, vous pourrez aussi consulter nos ressources, si vous avez besoin de plus d’éléments pour mener à bien vos projets de création de sites internet, en consultant notre guide sur la création de blog WordPress.

Mais, en attendant, faites-nous part de vos commentaires et suggestions dans la section dédiée.

…  

Elementor : Comment créer une playlist audio

Elementor : Comment créer une playlist audio

Avez-vous déjà essayé de créer une playlist audio ou une liste de lecture sur WordPress ? L’avez-vous déjà fait avec Elementor ?

Si ce n’est pas encore le cas, l’article suivant vous montrera pas à pas comment créer une liste de lecture dans Elementor.

La liste de lecture audio est une fonctionnalité WordPress native et peut être utilisée dans l’éditeur classique ou l’éditeur de blocs à l’aide du bloc classique. Il utilise des fichiers mp3 téléchargés dans la bibliothèque multimédia et est très similaire à la création d’une galerie d’images.

Mais avant, si vous n’avez pas encore installé le plugin Elementor, découvrez-le en cliquant sur ce lien. Ensuite, revenons vers ce pourquoi nous sommes là.

Pour créer une liste de lecture audio dans Elementor, vous devrez utiliser le widget Éditeur de texte.

  1. À partir de la bibliothèque de widgets de base, faites glisser un widget d’éditeur de texte vers votre page à l’emplacement souhaité comment créer une playlist audio
  2. Cliquez sur le bouton Ajouter un média dans les contrôles de l’Éditeur de texte
  3. Sélectionnez Créer une liste de lecture audio dans les options de gauche
  4. Sélectionnez les fichiers que vous souhaitez inclure dans votre liste de lecture et cliquez sur le bouton « Créer une nouvelle liste de lecture » dans le coin inférieur
  5. Sélectionnez les paramètres de la liste de lecture que vous souhaitez inclure. Les titres des pistes peuvent également être modifiés à ce stade. Cliquez sur le bouton « Insérer une liste de lecture » dans le coin inférieur droit
  6. Vous verrez alors la liste de lecture dans le panneau de l’éditeur. Il ne s’affichera pas dans la fenêtre principale mais sera affiché en tant que shortcode. Ceci est normal et ne s’affichera que sur la page de votre site web
  7. Publiez ou mettez à jour votre page à partir de l’icône d’aperçu ou dans un autre onglet. Votre liste de lecture audio devrait être visible

Conseil: Les listes de lecture vidéo peuvent être créées en suivant les mêmes étapes ci-dessus.

Remarque : Étant donné que cela utilise la bibliothèque multimédia et est stocké dans le dossier uploads, les fichiers peuvent être téléchargés par les utilisateurs à l’aide des outils de développement ou en inspectant le code. Il est recommandé de télécharger des clips ou des fichiers de qualité inférieure si cela est important pour empêcher que cela se produise.

Obtenez Elementor Pro Maintenant !

Découvrez aussi quelques thèmes et plugins WordPress premium  

Vous pouvez utiliser d’autres plugins WordPress pour donner une apparence moderne et pour optimiser la prise en main de votre blog ou site web.

Nous vous proposons ici quelques plugins WordPress premium qui vous aideront à le faire.

1. The Grid

The Grid est un plugin WordPress premium de grille qui vous permet de présenter tous les types de publications dans un système de grille entièrement personnalisable et responsive. Il est parfaitement adapté pour l’affichage de votre blog, d’un portfolio, de produits e-commerce ou toute sorte de types de publications WordPress.The grid responsive wordpress grid plugin

Ce plugin supporte les formats de fichier suivant : standard, vidéo, audio, galerie, lien, citation. Les possibilités sont illimitées et peuvent être facilement contrôlées grâce un puissant panneau de configuration. Consultez aussi nos 8 plugins WordPress pour personnaliser le look de votre site web The Grid est l’un des plugins de grille les plus avancés sur WordPress et aussi le seul avec un slider tactile responsive à 100%. Vous pouvez filtrer tout type de grille dans ce slider tactile, ce qui est tout simplement unique. Le plugin peut être facilement intégré dans un thème WordPress et avec un style personnalisé…

Télécharger | Démo | Hébergement Web

2. Yellow Pencil: Visual CSS Style Editor

Yellow Pencil est un éditeur visuel de style que vous pouvez utiliser avec n’importe quel thème pour personnaliser votre site Web en quelques minutes (polices, couleurs, animations et plus…).Yellowpencil visual css style editor plugin wordpress Ce plugin WordPress premium va créer des styles CSS en arrière-plan pendant que vous jouez avec les couleurs comme s’il s’agissait d’un jeu. Il a été conçu aussi bien pour les débutants que pour les utilisateurs expérimentés. Lire aussi notre article sur les 5 plugins WordPress pour recevoir des dons sur votre blog Aucune connaissance en codage n’est requise ; Toutefois, le plugin dispose d’un bon éditeur de CSS pour ceux qui aiment coder. Vous pouvez coder en live avec cet éditeur et personnaliser votre CSS.

Télécharger | Démo | Hébergement Web

3. Mega Menu Monster

Mega Menu Monster est un plugin WordPress premium qui vous permettra d’ajouter de mega menu à vos pages sur WordPress.

Mega menu monster wordpress

Même si son utilisation est beaucoup plus adaptée aux menus de l’en-tête, il reste que ce plugin vous permet également de l’utiliser au pied de page. Découvrez également Comment s’appliquent Interface et expérience utilisateur à WordPress Parmi ses fonctionnalités on retrouve entre autres : le support de tous les navigateurs modernes, responsive sur tous les périphériques, la mise en page hautement personnalisable (Fond, couleurs, polices) et bien d’autres.

Télécharger | Démo | Hébergement Web

Ressources recommandées

Pour aller plus loin dans la monétisation de votre blog ou de votre site web, nous vous recommandons aussi de lire les articles suivants :

Conclusion

Voilà ! C’est tout pour ce tutoriel, j’espère qu’il vous permettra de facilement créer une playlist audio sur WordPress. Cependant, vous pourrez aussi consulter nos ressources, si vous avez besoin de plus d’éléments pour mener à bien vos projets de création de sites internet, en consultant notre guide sur la création de blog WordPress ou celui sur Divi : le meilleur thème WordPress de tous les temps. Nous vous invitons aussi à le partager sur vos différents réseaux sociaux.

Comment installer Elementor sur WordPress

Comment installer Elementor sur WordPress

Souhaitez-vous savoir comment installer Elementor sur votre site web ?

Nos constructeurs de pages préférés pour WordPress sont Divi, Visual Composer et Elementor. Ils sont faciles à configurer et vous permettent d’arriver à créer de superbes pages. Dans ce guide, nous parlerons essentiellement d’Elementor en vous montrant comment installer ce dernier.

Il faut savoir qu’il y a trois façons principales d’installer Elementor. Comme tout plugin WordPress., vous pouvez le faire en :

  1. le téléchargeant sur le site web d’Elementor et l’installer à partir du tableau de bord de WordPress
  2. l’installant directement à partir du référentiel WordPress
  3. En l’installant à partir du cPanel

La première méthode est celle que nous apprécions, elle est plus facile pour les débutants et rencontre moins de problèmes. Mais si les deux premières méthodes ne fonctionnent pas, la dernière fonctionnera très bien.

Installer Elementor via le tableau de bord WordPress

Pour cette méthode, rendez-vous sur le site d’Elementor et choisissez le plan qui convient à votre entreprise.

installer elementor buider

Cliquez sur Extensions sur le menu latéral ensuite sur Ajouter.

comment installer Elementor

Cliquez sur le bouton Téléverser une extension. Cela permettra d’ouvrir une fenêtre qui vous aidera à chercher le fichier Elementor que vous avez téléchargé dans l’étape précédente. Sélectionnez le fichier et cliquez sur Ouvrir.

 

Vous pouvez soit faire glisser le fichier sur le bouton « Choisir le fichier », soit cliquer sur « Choisir le fichier », trouver votre fichier Elementor et cliquer sur « Ouvrir ».

Cliquez sur « Installer maintenant » pour installer Elementor sur votre site web.

Étant donné que Elementor est puissant, vous pouvez rencontrer une erreur de limite de mémoire WordPress ou dépasser le temps d’exécution maximum.

En supposant que vous ayez installé Elementor avec succès, vous verrez un message « Plugin installé avec succès ».

Cliquez sur le bouton Activer le plugin pour commencer à utiliser Elementor. Vous serez redirigé sur la page de bienvenue d’Elementor.

Installer Elementor à partir du répertoire de plugins de WordPress

L’installation d’Elementor à partir du répertoire des plugins WordPress est généralement assez facile. Cependant, nous trouvons que cette façon ne fonctionne pas très bien sur XAMPP que plusieurs débutants utilisent, c’est la raison pour laquelle installer Elementor via le tableau de bord est une option très viable pour les novices.

Mais si vous optez pour cette deuxième méthode alors allez sur le menu Extensions de la barre latérale de votre tableau de bord puis cliquez sur Ajouter .

Sur la barre de recherche située à l’extrême droite supérieure de de cette page tapez le mot Elementor le premier résultat est généralement le plugin que vous recherchez. Généralement c’est le premier qui apparait dans la liste des résultats.

Cliquez sur « Installer maintenant » pour installer Elementor.

Une fois Elementor installé, le bouton « Installer maintenant » se changera en « Activer ». Cliquez sur ce dernier pour activer Elementor et commencer à l’utiliser.

Vous serez redirigé vers la page des extensions installées. 

Installer Elementor à partir du cPanel

L’installation des plugins via cPanel est quelque chose que chaque webmaster devrait savoir. C’est un repli qui fonctionnera à chaque fois, si vous rencontrez des erreurs avec les autres méthodes.

La raison pour laquelle nous utilisons cPanel, plutôt que FTP, est que la plupart des programmes FTP n’ont pas une fonction Extraire, alors que le gestionnaire de fichier du cPanel le fait sans problème.

Allez plus loin avec : Comment installer un plugin en utilisant un logiciel FTP

Si vous devez absolument utiliser un FTP, vous devez dézipper le dossier sur votre ordinateur, puis télécharger ce dossier sur wp-content/plugins/folder. Si vous êtes sur un Mac, le dossier peut être décompressé automatiquement. Si vous êtes sur Windows, faites un clic droit sur le dossier et cliquez sur « Extraire ici». Si vous ne voyez pas cette option, vous devrez peut-être installer le programme gratuit 7-Zip.

Installons Elementor via cPanel.

Allez sur le site web d’Elementor et téléchargez-le. Vous devrez probablement mettre votre adresse e-mail pour y accéder.

Rendez-vous sur le cPanel de votre site web. L’adresse est généralement la suivante : votresiteweb.com/cpanel ou votresiteweb.com:2083.

Cliquez sur « File Manager », qui s’ouvrira dans un nouvel onglet.

comment installer Elementor

Allez sur public_html et cherchez le dossier wp-content de votre site Web. Vous le trouverez généralement sur la racine de votre site web, mais votre chemin pour y arriver pourrait être différent.

Si vous ne trouvez pas le dossier wp-content il pourrait avoir été renommé. Certains webmasters le font comme une couche de protection contre le piratage. Si c’est le cas, recherchez wp-admin et wp-includes. Ceux-ci ne sont jamais renommés.

Découvrez aussi : Comment créer un site Web complet avec Elementor

Si vous avez trouvé ce dossier, ouvrez-le, vous trouverez un sous-dossier appelé « plugins » ouvrez-le également.

Si vous n’avez pas de plugins installés, vous verrez probablement juste un index.php comme dans l’image ci-dessous. Plus probable, il y aura d’autres dossiers, correspondant aux plugins que vous avez installés.

Cliquez sur « Upload».

comment installer Elementor

Assurez-vous que le chemin sélectionné se termine par plugins. Faites glisser le fichier compressé d’Elementor dans la zone de téléchargement.

Vous pouvez également cliquer sur « Sélectionnez un fichier » et trouver votre fichier Elementor.zip sauvegardé sur votre ordinateur.

Une fois Elementor téléchargé, la barre deviendra probablement verte. Si vous ne pouvez pas distinguer le vert, il suffit d’attendre un peu jusqu’à ce que le curseur atteigne 100%.

Lire également notre guide sur : Comment utiliser Elementor pour créer des sites Web

Revenez en arrière ou fermez l’onglet pour revenir au gestionnaire de fichiers.

comment installer Elementor

Dans le gestionnaire de fichier assurez-vous que le fichier elementor.zip est sélectionné, puis cliquez sur « Extraire » dans la barre supérieure.

comment installer Elementor

Vous verrez un popup avec des détails de ce qui est extrait. Rassurez-vous que le chemin d’extraction se termine par plugins ensuite cliquez sur Extraire le fichier.

Après quelques secondes à une minute, les fichiers seront extraits dans un dossier appelé « elementor». Cliquez sur « Fermer ».

comment installer Elementor

Vous pouvez supprimer le fichier .zip que vous avez initialement téléchargé. Cliquez dessus pour le mettre en surbrillance, ensuite cliquez sur « Supprimer » dans la barre supérieure.

C’est tout pour l’installaion via le cPanel ensuite fermez les onglets.

Rendez-vous sur votre site web et rendez-vous sur la page Extensions installées. Vous devrez peut-être actualiser la page pour voir Elementor dans la liste des plugins. Cliquez sur « Activer » sous Elementor.

Félicitations, vous avez installé et activé Elementor avec succès à partir du cPanel.

Désormais vous pouvez commencer à créer vos pages.

Obtenez Elementor Pro Maintenant !

Ressources recommandées

Pour aller plus loin dans la monétisation de votre blog ou de votre site web, nous vous recommandons aussi de lire les articles suivants :

Conclusion

Voilà ! C’est tout pour ce tutoriel, j’espère qu’il vous permettra d’installer le plugin WordPress Elementor. A la fin, choisissez la méthode qui semble plus facile pour vous.

Cependant, vous pourrez aussi consulter nos ressources, si vous avez besoin de plus d’éléments pour mener à bien vos projets de création de sites internet, en consultant notre guide sur la création de blog WordPress ou celui sur Divi : le meilleur thème WordPress de tous les temps.

Nous vous invitons aussi à le partager sur vos différents réseaux sociaux.

Comment exclure les commentaires du widget Table des matières dans Elementor

Comment exclure les commentaires du widget Table des matières dans Elementor

Souhaitez-vous découvrir comment exclure les commentaires du widget Table des matières d’Elementor ?

Elementor possède un widget par défaut appelé Table Of Content que vous pouvez utiliser pour ajouter une fonctionnalité de navigation supplémentaire sur votre site Web. Avec ce widget, vous n’avez pas besoin d’installer un plugin supplémentaire uniquement pour ajouter ou créer une table des matières sur votre site web WordPress. Le widget Table Of Content lui-même peut être utilisé n’importe où sur votre site Web, y compris sur les articles de blog.

Si vous souhaitez ajouter une table des matières pour chaque article de blog à l’aide du widget Table Of Content d’Elementor, vous pouvez créer un modèle personnalisé pour l’article à l’aide d’Elementor Theme Builder.

Le fonctionnement du widget Table Of Content est assez similaire à celui des autres plugins de table de matières, où il génère les éléments de liste de la table de matières. Si vous utilisez ce widget sur un modèle de publication unique personnalisé, il y a de fortes chances que la section des commentaires soit incluse dans la liste. Comment l’exclure ?

Le widget Table Of Content vous permet d’exclure des éléments de liste par sélecteur CSS. Par conséquent, vous devez déterminer le sélecteur CSS de la section des commentaires sur le thème que vous utilisez. Dans la plupart des cas, vous pouvez le trouver dans le fichier comments.php de votre thème WordPress. Pour accéder à ce fichier, vous pouvez aller dans Apparence -> Éditeur de thème sur votre tableau de bord WordPress. Sélectionnez comments.php dans le panneau de droite.

exclure des commentaires du widget Table des matières

Une fois le fichier sélectionné, recherchez le sélecteur CSS dans la zone de l’éditeur. Dans notre cas, le sélecteur de la section des commentaires est comme indiqué sur la capture d’écran ci-dessous.comments-area

Ensuite, accédez à l’éditeur Elementor et modifiez le widget Table Of Content. Dans le bloc Table Of Content sous l’onglet Contenu, cliquez sur l’onglet EXCLUDE et collez le sélecteur CSS que vous avez trouvé ci-dessus dans le champ Anchors By Selector. Ajoutez un point comme préfixe.

exclure des commentaires du widget Table des matières
Si vous souhaitez exclure d’autres sections, vous pouvez simplement ajouter le sélecteur CSS des sections que vous souhaitez exclure dans le champ Anchors By Selector. Vous pouvez séparer chaque sélecteur CSS par une virgule.

Obtenez Elementor Pro Maintenant !

Conclusion

Voila ! C’est tout pour cet article qui vous montre comment exclure les commentaires du widget Table des matières. Si vous avez des soucis sur comment y arriver faites-nous savoir dans les commentaires.

Cependant, vous pourrez aussi consulter nos ressources, si vous avez besoin de plus d’éléments pour mener à bien vos projets de création de sites internet, en consultant notre guide sur la création de blog WordPress ou celui sur Divi : le meilleur thème WordPress de tous les temps.

Mais en attendant, partagez cet article sur vos différents réseaux sociaux.

Créez votre première page avec Elementor

Créez votre première page avec Elementor

 

Besoin de créer votre première page avec Elementor ?

Après avoir installé le plugin WordPress Elementor, nous supposons que vous souhaitez créer votre première page. Et c’est exactement ce que nous allons faire dans ce texte.

Une fois que vous activez Elementor, vous serez redirigé vers la page de bienvenue. Si vous n’avez pas utilisé Elementor avant, la vidéo sur cette page vous aidera à vous lancer. Si vous voulez juste vous lancer dans le vif et commencer à manipuler Elementor, cliquez sur « Créer votre première page ». comme sur l’mage ci-dessous.

créer votre première page avec Elementor

Elementor créera une nouvelle Page (vous la retrouverez plus tard dans la section Pages de votre tableau de bord. Votre page pourra également être différente selon votre thème et vos paramètres.

Découvrez aussi : Comment établir la confiance avec les utilisateurs de votre site WordPress (5 conseils clés)

Sur le côté gauche vous retrouverez toutes les parties d’une page Web que vous pouvez utiliser dans Elementor. Il y’en aura plus si vous utilisez l’extension Ultimate Addons for Elementor.

À l’aide de votre souris, faites glisser le bloc éditeur de texte dans la zone où il est écrit  » Glisser un widget ici « .

Vous pouvez également cliquer sur l’icône plus de cette zone pour ajouter un bloc.

Vous aurez la possibilité de modifier directement le texte sur la page ou dans la barre latérale. Si vous n’avez pas assez de place, vous avez également la possibilité de rendre la barre latérale plus large. 

Lire également : Comment créer des sites Web ultra-rapides en utilisant le développement WordPress local

Puisqu’il il ne s’agit que d’une démo et que vous allez la supprimer plus tard, cliquez sur « Publier ».

créer votre première page avec Elementor

Lorsque vous cliquez sur « Publier », il y aura un popup qui durera une dizaine de secondes. Cliquez sur « Have a look » pour prévisualiser la page. Mais si pou rune raison quelconque vous n’avez pas vu le popup vous pouvez cliquer sur l’icône de l’œil à côté du bouton Mettre à jour.

Une fois que vous avez terminé avec la page, cliquez sur l’icône hamburger en haut à gauche de la fenêtre Elementor. C’est le nom technique pour les trois lignes verticales qui sont couramment utilisées pour représenter « menu ».

À partir de cette zone, vous aurez la possibilité soit de continuer à paramétrer votre page, soit d’afficher la page, ou encore de quitter le tableau de bord.

Vous pouvez faire beaucoup plus avec une page Elementor, y compris la création de colonnes, la mise en place d’images, de titres, de vidéos, de lignes pleine largeur (vous aurez besoin d’une mise en page pleine largeur) et bien plus encore.

Allez plus loin avec : Comment créer un site Web complet avec Elementor

Nous vous présenterons par la suite une série de tutoriels qui vous permettront de maitriser chaque élément de ce puissant plugin. Visitez donc régulièrement notre blog pour de nouveaux tutoriels.

Ressources recommandées

Pour aller plus loin dans la monétisation de votre blog ou de votre site web, nous vous recommandons aussi de lire les articles suivants :

Conclusion

Voilà ! C’est tout pour ce tutoriel, j’espère qu’il vous permettra de créer votre première page avec le plugin WordPress Elementor.

Cependant, vous pourrez aussi consulter nos ressources, si vous avez besoin de plus d’éléments pour mener à bien vos projets de création de sites internet, en consultant notre guide sur la création de blog WordPress ou celui sur Divi : le meilleur thème WordPress de tous les temps.

Nous vous invitons aussi à le partager sur vos différents réseaux sociaux.