Section des témoignages

Vous pouvez facilement créer une page d'avis sur le site Web ou ajouter vos avis sur une page en utilisant la section témoignages. L'ajout d'avis clients sur votre site Web renforce la confiance dans votre marque et contribue à maintenir des relations clients de qualité.


Dans cet article :


La liste des témoignages

  • Vous pouvez facilement inclure une section de témoignages sur votre site Web où vous pouvez présenter des commentaires, des commentaires et des témoignages sur votre site Web.
  • C'est un excellent moyen de mettre en valeur le buzz positif sur votre site Web.

Ajouter une section de liste de témoignages

  • Une section peut être ajoutée à une page. Vous pouvez soit ajouter une section à une page déjà existante, soit créer une nouvelle page au sein de votre site Web.
  • Sur ta page, Cliquez sur le bleu + icône ajouter un Nouvelle section à votre page.

  • Vous verrez maintenant le catégories de rubriques sur le côté gauche.
  • Faites défiler vers le bas et choisissez le Rubrique Témoignages (1) option où vous pouvez choisir parmi les différentes mises en page.

  • Choisissez n'importe quel disposition des sections (2) et cliquez dessus pour l'ajouter à votre page.

Ajouter et modifier des éléments de liste

Ajouter un élément de liste

Une fois que vous avez ajouté la section :

  • Cliquez sur le Modifier les témoignages (1) pour ouvrir le panneau des éléments de la liste.

  • Cliquez sur le Ajouter un article (2) bouton pour ajouter un nouvel élément de liste.
  • Vous aurez l'option de dupliquer et supprimer (3) les éléments de la liste.


Modifier l'élément de la liste

Cliquez sur l'élément de liste que vous souhaitez modifier. Il ouvrira les options d'édition d'éléments de liste particuliers.

De là, vous pouvez:

  • Télécharger/Supprimer l'image principale et secondaire (1)
    Vous pouvez télécharger un Image secondaire avec l' Image principale pour chaque élément de la liste. Lorsqu'un utilisateur passe la souris sur l'élément, l'image secondaire s'affiche, remplaçant l'image principale. De plus, vous pouvez définir le Couleur d'accentuation de l'image, qui s'affichera au survol de l'image.
  • Ajouter un Objet (2), Sous-titre (3), et Description (4) de l'élément de liste.
  • Vous ne trouverez peut-être pas l'option de sous-titre et de description dans des éléments de liste particuliers en fonction de la mise en page que vous choisissez.
    Avant d'ajouter la description, vérifiez ceci. .

5. Action au clic

Vous pouvez personnaliser le comportement de clic des éléments individuels dans le Témoignages section. Vous trouverez ci-dessous les options disponibles :

  • Accéder à un lien
    La sélection de cette option ouvre la Créateur de liens, vous permettant d'ajouter un lien hypertexte vers cet élément. Le lien peut diriger les utilisateurs vers une autre page de votre site Web ou vers une URL externe. En savoir plus à propos Créateur de liens.
  • Ouvrir dans la Lightbox
    Cette option affiche l'élément dans une version agrandie Visionneuse vue lorsque vous cliquez dessus. Dans ce mode, le Sous-titre et Description associé à l'élément n'apparaîtra pas dans la vue grille mais sera visible en mode Lightbox.
  • Pas d'action
    Choisissez cette option pour rendre l'élément non cliquable. Lorsque cette option est sélectionnée, cliquer sur l'élément ne déclenchera aucune action.

6. Ouvrir le lien dans une nouvelle fenêtre : Définissez le lien pour qu'il s'ouvre dans un nouvel onglet ou dans le même onglet. Cela ne sera visible que lorsque Accéder à un lien l'option est sélectionnée sous le Action au clic menu.

7. Boutons et liens : Ajoutez n'importe quel type de Lien à l'élément de la liste. Vous pouvez ajouter un bouton/un lien image/une icône sociale/un lien texte. Apprendre encore plus.

8. Sauvegardez : Après avoir effectué les personnalisations, enregistrez les modifications.


Voir en action :


Éléments de la liste de séquence

  • Vous pouvez facilement faire glisser et déposer les éléments de la liste pour modifier la séquence.

Supprimer un élément de liste

Une fois que vous avez ajouté un élément de liste, vous pouvez le modifier et également le supprimer.

  • Cliquez sur le Supprimer icône à côté de l'élément de la liste de témoignages.
  • Cliquez sur le Supprimer bouton dans la fenêtre de confirmation.
  • Enregistrer vos changements.

 

 

Note

L'élément de liste une fois supprimé ne peut pas être récupéré.


Gérer les éléments de la section Témoignages

La section Témoignages comprend un Onglet Eléments qui vous permet de gérer facilement la visibilité des différents éléments de la section. À l'aide de simples commutateurs à bascule, vous pouvez activer ou désactiver des éléments spécifiques sans avoir à supprimer ou modifier les éléments eux-mêmes.

  • Cliquez sur le Modifier les témoignages (1) bouton.

  • Choisissez le Éléments (2) onglet.
  • Après avoir effectué les modifications, appuyez sur le bouton Enregistrer (3) bouton.

Options des sections

  1. Afficher le titre: Activer ou désactiver la visibilité du titre pour la section Témoignages.
  2. Afficher les boutons: Contrôlez si les boutons sont affichés au niveau de la section.

Options des articles

  1. Afficher l'image: Basculer la visibilité des images.
  2. Montrer le titre: Contrôle si le titre est affiché.
  3. Afficher le sous-titre: Activer ou désactiver les sous-titres.
  4. Montrer la description: Gérer la visibilité des descriptions d'articles.
  5. Afficher les boutons:Décidez si les boutons des éléments individuels doivent être affichés.


Disposition des sections

  • Cliquez sur le Modifier les témoignages pour ouvrir le panneau d'édition de section.
  • Choisissez le Mise En Page languette.
  • À partir de là, vous pouvez facilement modifier la mise en page de la section même après l'avoir ajoutée à la page.

Lors de la modification de la mise en page, vous verrez les mises en page liées aux sections en haut.

En dehors de cela, vous avez également la possibilité de choisir une mise en page dans d'autres sections sous la rubrique Plus de mises en page cap.


Stylisez votre section

  • Cliquez sur Modifier les témoignages (1) pour ouvrir le panneau d'édition de la liste des témoignages.

  • Choisissez le Style (2) languette.
  • Modifiez le style des éléments de section et Enregistrer (3) vos changements.

Options de style

Vous aurez plusieurs options de style pour la section : 

    1. Articles
    2. Taille du texte
    3. espacement
    4. Titre de la section
    5. Images
    6. Masque de forme
    7. Bordure d'image
    8. Cartes
    9. Shadow
    10. Bouton et liens

Articles 

  1. Choisissez d' Afficher les éléments in lignes et colonnes or carrousel 
    • Si vous avez choisi le lignes et colonnes option, les éléments de la liste seront disposés en lignes et en colonnes. Dans ce cas, vous devez spécifier le nombre de lignes et de colonnes.
    • Si vous avez choisi le carrousel option, les éléments de la liste seront présentés sous forme de diaporama. En savoir plus.
  2. Mettez le le nombre de colonnes pour les éléments de la liste. Vous pouvez choisir de 1 à 10 colonnes.
  3. Spécifie le Espace entre les colonnes des éléments de la liste.
  4. Choisissez le Ordre du contenu c'est-à-dire les images des éléments de la liste à afficher en premier ou le texte associé.
  5. Aligner le contenu dans les éléments de la liste. Vous pouvez les définir pour qu'ils soient alignés à gauche, à droite ou au centre.
  6. Choisissez de boucler le carrousel ou non.
  7. Dans le cas du carrousel, choisissez le Commandes de navigation. Vous pouvez choisir entre Aucune commande, Flèches – En bas au centre/En haut à droite/En bas à droite, Chevron ou Points.


Taille du texte

  1. Cliquez sur le Modifier le style de texte bouton pour visiter le Design section et gérer vos tailles et styles de police.
  2. Mettez le Objet style de police pour les éléments de la liste.
  3. Mettez le Sous-titre style de police pour les éléments de la liste.
  4. Définir la valeur par défaut Description style de police pour les éléments de la liste.
  5. Activez cette option pour animer n'importe quels nombres Présent dans le Objet et Sous-titre Lorsque cette option est activée, les valeurs numériques s'affichent avec une animation de comptage dynamique, ce qui les rend plus attrayantes visuellement.


espacement

  1. Spécifie le Largeur de l'image pour les éléments de la liste.
  2. Spécifie le Largeur du contenu pour les éléments de la liste.
  3. Spécifie le Espace sous le titre de la section en px.
  4. Spécifie le Espace sous les images des éléments de la liste (en %).
  5. Spécifie le Espace sous les titres des éléments de la liste (en %).
  6. Spécifie le Espace sous le sous-titre des éléments de la liste (en %).


Titre de la section

  1. Aligner horizontalement le texte du titre de la section. Vous pouvez le définir à gauche, au centre et à droite.
  2. Activer/désactiver le Cloison entre le titre de la section et le contenu de la section.
  3. Mettez le épaisseur du diviseur (en px).
  4. Spécifie le Couleur du séparateur du sélecteur de couleurs.
  5. Sélectionnez un style pour titre de section diviseur.


Images 

  1. Choisissez le recadrage d'image pour les éléments de la liste. Vous pouvez définir les images sur Carré, Cercle, Paysage, Portrait et Dynamique.
  2. Choisissez d'avoir un rayon d'angle commun ou un rayon d'angle différent pour chaque côté des éléments de la liste et définissez un nombre (en px) pour le rayon de coin des images des éléments de la liste.

Astuce

Le rayon de coin , vous pouvez créer différentes formes d'images d'éléments de liste. Si vous spécifiez 500 px ici, les images s'afficheront en forme de cercle. 

  • Si vous avez choisi des coins divisés, vous pouvez définir un rayon de coin différent pour chaque coin.

Au survol de l'image 

  1. Choisissez le Couleur de superposition d'image à l' couleur d'accentuation ou être spécifié. Si vous avez choisi le couleur d'accentuation, puis spécifiez le opacité.
  2. Si vous avez choisi le spécifier la couleur puis définissez l'option Couleur de superposition pour les éléments de la liste.
  3. Mettez le Éléments couleur pour les éléments de la liste de la section.
  4. Choisissez d' animer les images des éléments de la liste au survol en cliquant sur Oui.
  5. Sélectionnez un Style d'animation pour les images au survol.


Masque de forme

  1. Masque de forme : Activez cette option pour appliquer un masque de forme à l'image dans la section Témoignage. Une fois activée, la forme sélectionnée s'ajustera visuellement à l'image.
  2. Sélectionnez la forme : Choisissez parmi différentes formes prédéfinies à appliquer à votre image. Cela vous permet de styliser votre contenu de manière créative en affichant l'image sous une forme unique, comme arrondie, en losange, en goutte, etc.

Remarques

  • L'option Masque de forme dépend de la disposition – Il peut ne pas apparaître dans les mises en page où du texte comme un titre ou un sous-titre est affiché sur l'image.
  • Le paramètre Stretch dépend de plusieurs facteurs – y compris les paramètres de taille d’image, d’alignement et de recadrage définis sous l’onglet Style.
  • Si le recadrage de l'image est défini sur Original, les dimensions réelles de l'image détermineront si elle sera étirée verticalement ou horizontalement.


Bordure d'image

  1. Activer/Désactiver la bordure autour des images en basculant la bascule.
  2. Choisissez d'avoir un frontière commune de tous les côtés des images ou vous pouvez spécifier le frontières séparément pour chaque côté.
  3. Spécifie le largeur de la frontière. S'il est défini sur 0, la bordure n'apparaîtra pas. Vous avez également la possibilité de définir la largeur de la bordure individuellement pour chaque côté de l'image.
  4. Sélectionnez le Couleur de la bordure du sélecteur de couleurs.
  5. Sélectionnez un préféré Style de bordure de la liste déroulante.
  6. Détermine le largeur de bordure pour mobile appareils, en l'alignant sur la largeur choisie pour le bureau.


Cartes


Shadow

  1. Écran – Choisissez d'afficher toujours l'ombre derrière les éléments de la liste ou uniquement au survol.
  2. Style – Choisissez parmi les préréglages existants ou créez une ombre personnalisée.
    Si vous avez choisi l'option personnalisée, visitez ce Générateur d'ombre de boîte pour créer une ombre personnalisée. Enfin, copiez et collez le boîte ombre CSS.
  3. Si vous avez choisi l'option de préréglages, alors Choisissez les styles d'ombre de la liste déroulante.


Bouton et liens

Enregistrer tous les changements de style.


La carte complète et la carte texte

Lorsque vous allumez le Carte complète/texte sur votre liste de témoignages, les éléments de la liste auront un contour et un arrière-plan avec la couleur de la carte que vous avez sélectionnée dans le Design . Regarde aussi: Couleurs et espacement du site Web.

Carte complète

Lorsque l'option carte complète est sélectionnée, la couleur de la carte est appliquée à l'ensemble de la carte, c'est-à-dire à l'image et au texte qui lui est associé. Jetez un oeil: 

 

Carte texte

Lorsque l'option carte texte est sélectionnée, la couleur de la carte est appliquée uniquement au texte associé à l'image. Jetez un oeil: 

 


Vous ne trouvez pas ce que vous cherchez?

Contactez un Expert Pixpa.