Personnalisez vos onglets de produits avec Woocommerce Tab Manager

personnaliser les onglets woocommerce

Salut les gars, comment allez-vous!!!

Dans ce tutoriel, nous continuons à voir à quel point il est polyvalent de créer nos magasins avec WooCommerce

Pour cela, nous verrons comment nous pouvons modifier et enrichir les onglets que nous utilisons avec des informations, au sein de chaque produit que nous avons en magasin.

Gestionnaire d'onglets WooCommerce Vous l'avez disponible à zone premium

Il vous est sûrement arrivé de vouloir décrire et développer toutes les bonnes choses de votre produit, mais vous ne devez l'inclure que dans un seul onglet, ce qui fait perdre l'intérêt de vos clients.

Il est prouvé que voir autant de texte ne fait que vous faire fuir le site.

Idéalement, nous serions en mesure de gérer ces onglets de manière à ce que nos clients potentiels sachent où cliquer et trouver les informations qu'ils recherchent vraiment.

Non seulement nous devons pouvoir générer plus d'onglets, mais aussi pouvoir y inclure tout type de contenu, modifier leur ordre ou les renommer.

Cela vous aide vraiment à afficher tout ce que vous voulez.

Ici je vous donne un exemple :

Normalement au sein d'un produit de votre boutique, les onglets se présentent par défaut de la manière suivante :

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 1

 

Et le résultat que nous aimerions atteindre serait :

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 2

 

Le plugin qui rend cela possible est : Gestionnaire d'onglets WooCommerce, tu peux Téléchargez le plug-in Premium Zone o acheter le plugin dans le lien suivant

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 3

 

Ce plugin est payant et son prix est de 99.00 dollars, mais comme vous le savez déjà, si vous êtes abonné à ma zone Premium, je vous le donnerai pour que vous puissiez l'utiliser.

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 4

 

Eh bien, entrons dans ce tutoriel et suivez-moi pour que dans quelques minutes vous ayez déjà le plugin qui fonctionne dans votre boutique en ligne.

La première chose à faire est de charger le plugin dans notre éditeur WordPress. Nous allons dans Plugin, ajoutons un nouveau et téléchargeons le plugin

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 5

 

Nous sélectionnons le fichier ZIP que nous venons d'acheter et l'installons

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 6

 

Nous l'activons

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 7

 

Et prêt, nous l'avons déjà dans notre éditeur WordPress. Mais ce n'est que le début, maintenant nous devons voir comment cela fonctionne.

Nous allons sélectionner n'importe quel produit de notre magasin et nous allons le modifier.

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 8

 

Nous faisons défiler vers le bas jusqu'à atteindre les options de configuration du produit.

Nous allons trouver un onglet à la fin qui dit: Tabs.

Si nous cliquons là-bas, les onglets que nous avons par défaut dans notre produit s'ouvriront. Qui sont Description et informations supplémentaires. (c'est en anglais)

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 9

 

La première chose serait alors de modifier le titre et l'en-tête de chacun d'eux, pour que lorsque tout est affiché, il apparaisse en espagnol.

Initialement, ce qui est affiché ne peut pas être modifié, pour ce faire, cliquez sur la case à cocher Remplacer la disposition des onglets par défaut :

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 10

 

Après cela, vous pouvez modifier ce que vous voulez.

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 11

 

Ce qui suit serait de pouvoir créer un onglet supplémentaire pour décomposer les informations que j'avais initialement dans un seul onglet.

Nous pouvons faire presque tout ce que nous voulons avec les onglets et ce plugin.

C'est aussi simple que d'avoir à cliquer sur Ajouter

Une nouvelle boîte s'ouvrira où je placerai le titre de mon nouvel onglet et les informations que je souhaite y afficher.

Pour mon exemple, j'appellerai l'onglet "Contenu" et à l'intérieur, je placerai tous les sujets qui se trouvent dans le cours que je vends.

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 12

 

Non seulement je peux ajouter un onglet, je peux en ajouter autant que je veux, ajoutons par exemple une vidéo montrant la présentation du cours.

Je clique donc sur Ajouter et remplis les données.

Mon titre sera "Présentation du cours" et dans le contenu, j'ajoute le code que YouTube me donne, c'est là que j'ai téléchargé la vidéo.

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 13

 

Une fois terminé, je clique sur mettre à jour

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 14

 

Si j'allais voir comment mes onglets de produits ont changé, j'aurais quelque chose comme ça :

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 15

 

Les deux onglets que je viens de créer sont déjà affichés et dans l'onglet "Présentation du cours", la vidéo que j'avais intégrée.

N'oubliez pas que vous pouvez également déplacer les onglets pour les placer dans l'ordre que vous souhaitez, simplement par glisser-déposer dans l'éditeur.

Mais que se passe-t-il si j'ai beaucoup de produits. Dois-je créer un onglet dans chacun d'eux ?

Et bien la réponse est non…. Vous pouvez avoir des onglets préconçus afin que vous ne les ajoutiez que dans les produits que vous souhaitez ou qu'ils apparaissent dans les produits de la catégorie dont vous avez besoin.

Voyons ça. Nous cliquons sur Woocommerce et Tab Manager.

Les informations seront ouvertes Tabs

Comme nous avions déjà créé deux onglets appelés Présentation du cours et Contenu, ils seront affichés ici.

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 16

 

Si ce que je veux, c'est ajouter un onglet déjà conçu que je n'ai qu'à l'ajouter dans certains produits, cliquez sur Ajouter un onglet global

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 17

 

Une fois à l'intérieur, nous n'avons plus qu'à configurer mon onglet que j'utiliserai presque toujours et qu'il m'est pratique de le faire personnaliser.

  1. je lui donne un nom
  2. Saisissez le contenu
  3. Je choisis si je veux l'afficher uniquement pour certaines catégories ou juste pour toutes
  4. Je coche la case si je veux qu'il apparaisse dans les moteurs de recherche
  5. je clique sur Enregistrer l'onglet
Personnalisez vos onglets de produits avec Woocommerce Tab Manager 18

 

Si maintenant, je vais modifier n'importe quel produit, il apparaîtra par défaut dans les options pour ajouter un onglet. (Onglet personnalisé).

On va le voir

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 19

 

Facile non ? 😉

Si je vérifie mon onglet Tabs La boîte créée apparaîtra (Pour mon exemple : "Contenu") et dans Tipo il sera de type Global, car il peut être affiché prédéfini dans les options.

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 20

 

Si je coche le troisième onglet du gestionnaire d'onglets (disposition des onglets par défaut), il m'affichera les cases affichées par défaut.

Je vous recommande de changer les descriptions en espagnol afin que dans les futurs produits, tout apparaisse dans votre langue.

Personnalisez vos onglets de produits avec Woocommerce Tab Manager 21

 

J'espère que ce tutoriel vous a plu et qu'il vous sera très utile.

Gestionnaire d'onglets WooCommerce Vous l'avez disponible à Zone Premium

Rendez-vous dans la prochaine vidéo.

À plus tard!!!

Laisser un commentaire