Want to make creations as awesome as this one?

Eléments sociaux Chapitre 4

Transcript

ÉLÉMENTS SOCIAUX

CHAPITRE 4 : TÉMOIGNAGE

MODULE 7

Le module de témoignage

Les témoignages sont un excellent moyen d'encourager la confiance de vos visiteurs.

En utilisant le widget de témoignage Divi, vous pouvez ajouter rapidement des témoignages à vos pages de jointure et de vente.
Découvrez la démo en ligne: www.elegantthemes.com/preview/Divi/testimonial/

Les témoignages sont un excellent moyen d'encourager la confiance de vos visiteurs.


À l'aide du module de témoignages Divi, vous pouvez ajouter rapidement des témoignages à vos pages d'adhésion et de vente. les témoignages sont généralement des citations convaincantes de vos clients.

Chaque témoignage comporte une citation, le nom de son auteur et un lien vers leur site web (facultatif). Elles sont idéales lorsqu'elles sont utilisées en conjonction avec le module des tables de prix sur les pages de ventes.


Comment ajouter un module de témoignage à votre page

Avant de pouvoir ajouter un module de témoignage à votre page, vous devez d'abord sau- ter dans le Divi Builder.


Une fois que le thème Divi a été installé sur votre site Web, vous remarquerez un bouton Utiliser Divi Builder au-dessus de l'éditeur de messages chaque fois que vous construisez une nouvelle page.

Cliquez sur ce bouton pour activer le Divi Builder, vous donnant accès à tous les modules du Divi Builder.


Ensuite, cliquez sur le bouton Utiliser Visual Builder pour lancer le constructeur en mode Visual.


Vous pouvez également cliquer sur le bouton Activer Visual Builder lorsque vous naviguez sur votre site Web si vous êtes connecté à votre tableau de bord WordPress.


Une fois que vous êtes entré dans le Visual Builder, vous pouvez cliquer sur le bouton gris plus pour ajouter un nouveau module à votre page.


Les nouveaux modules ne peuvent être ajoutés qu'à l'intérieur des rangées.

Si vous commencez une nouvelle page, n'oubliez pas d'ajouter une ligne à votre page. Nous avons quelques bons tutoriels sur la façon d'utiliser les éléments de ligne et de section de Divi.



Localisez le module de témoignage dans la liste des modules et cliquez dessus pour l'ajouter à votre page.

La liste des modules est interrogeable, ce qui signifie que vous pouvez également taper "Témoignage" puis appuyer sur Entrée pour trouver et ajouter automatiquement le module Témoignage!

Une fois le module ajouté, vous serez accueilli avec la liste d'options du module. Ces options sont divisées en trois groupes principaux: Contenu, Design et Avancé.

Exemple d'utilisation: Section Témoignage pour la page d'accueil du produit

Ajouter une section de témoignages est l'un des meilleurs moyens de promouvoir votre produit ou service.

Pour cet exemple, je vais vous montrer comment utiliser le module Témoignages pour créer une section de témoignage au bas d'une page d'accueil afin de promouvoir votre produit ou service.

Le titre de la section des témoignages est "Happy Customers".


Il est important d'avoir un titre efficace, créatif et pertinent.


Les trois témoignages sont présentés en trois colonnes, suivis d'un bouton CTA au bas de la page.


Pour ajouter la section de témoignage à la page, utilisez le générateur visuel pour ajouter une section standard avec une rangée de trois colonnes.


Ajoutez ensuite un module de témoignage à la première colonne de votre ligne...



Mettez à jour les paramètres de votre module Témoignage en procédant comme suit:

Onglet de contenu

Nom de l'auteur:[entrer le nom][inscrire le nom de l'auteur

Titre du poste :[inscrire le titre

Nom de l'entreprise:[inscrire l'entreprise])

Contenu:[entrer le contenu du témoignage

URL de l'image du portrait:[Télécharger l'image 90×90] (Télécharger l'image 90×90)

Icône Citation: Caché

Utiliser la couleur de fond: NON


Onglet Design

Couleur du texte: Light

Orientation du texte: Centre

Police de corps: Roboto Light

Taille de police du corps: 20px

Hauteur de ligne du corps: 1.5em



Maintenant que votre premier Module Témoignage est créé, dupliquez-le deux fois et faites glisser les modules dupliqués pour remplir les deuxième et troisième colonnes.


Comme tous les paramètres de conception ont été reportés sur les modules dupliqués des deuxième et troisième lignes, il vous suffit de revenir en arrière et de mettre à jour le contenu pour chacun d'entre eux.

Paramètres de contenu du module Témoignage

Les paramètres de l'onglet Contenu sont ensuite organisés en groupes que vous pouvez ouvrir pour afficher d'autres options.

Cela vous permet de trouver plus facilement le réglage que vous recherchez.

Vous pouvez également utiliser la barre de recherche en haut pour rechercher tous les onglets de paramètres à la fois, quel que soit le paramètre que vous souhaitez.

Il vous mènera droit au but !

Texte

Image

Lien

Si vous avez une photo de profil ou un autre type d'image pour accompagner votre témoignage, c'est ici que vous l'ajouterez.

C'est ici que vous pouvez ajouter le nom de l'auteur du témoignage, le titre du poste, l'entreprise et le contenu du témoignage lui-même.


Ici vous pouvez ajouter l'url de l'auteur ou de la société et contrôler comment il s'ouvre.

Éléments

Contexte

Étiquette Admin

Ici, vous pouvez choisir d'ajouter une couleur de fond ou une image à votre témoignage.

Ici, vous pouvez choisir de rendre l'icône de citation visible ou cachée.


Dans ce menu déroulant, vous pouvez ajouter une étiquette d'administrateur qui apparaîtra dans le constructeur backend ainsi que dans la vue squelette du constructeur visuel.

Paramètres de conception du module Témoignage

Les paramètres de l'onglet Design sont organisés dans les groupes suivants pour faciliter la recherche des paramètres recherchés.

Et n'oubliez pas, vous pouvez également utiliser la barre de recherche pour trouver n'importe quel paramètre encore plus rapidement !

Icône Citation

Portrait

Texte

Les réglages du portrait vous permettent d'ajuster le rayon de la bordure, la largeur et la hauteur du portrait pour l'image que vous avez peut-être ajoutée dans l'onglet Contenu.

C'est ici que vous pouvez ajuster la couleur de l'icône de citation.


Ces paramètres vous permettent de modifier la couleur et l'orientation du texte.

Texte du corps

Bordure

Espacement

Ici, vous pouvez choisir d'utiliser une bordure.

Et si vous choisissez d'utiliser une bordure, vous pouvez également sélectionner sa couleur, changer sa largeur et choisir son style.

Ces paramètres vous permettent d'ajuster la police du corps du texte, le poids, la taille, la couleur, l'espacement, la hauteur des lignes et plus encore.


Dans la zone d'espacement, vous pouvez ajouter un rembourrage personnalisé en haut, à droite, en bas ou à gauche du témoignage.

Vous pouvez également modifier ces valeurs pour les ordinateurs de bureau, les tablettes ou les appareils mobiles.

Le module Testimonial Module Paramètres avancés

Dans l'onglet Avancé de votre module de témoignage, vous pouvez ajouter un identifiant et une classe css unique.

Vous pouvez également ajouter du css personnalisé à divers sélecteurs de css prédéfinis (et présélectionnés) dans le module de curseur vidéo dans le menu déroulant css personnalisé.

Enfin, dans le menu déroulant de visibilité, vous pouvez régler la visibilité de votre module sur les téléphones, les tablettes et les ordinateurs de bureau.


MERCI