---
title: "Comment utiliser EmbedSocial avec Duda"
description: "Intégrez un widget dans Duda, connectez des sources d'avis, importez des avis et personnalisez le style de votre widget."
---

Ce guide couvre tout ce que vous pouvez faire avec EmbedSocial dans le créateur de site Duda : intégrer un widget, connecter des sources d'avis, importer et créer des avis, et personnaliser le style du résultat.

## Intégrer un widget dans Duda

Avant de commencer :

-   Allez dans l'application EmbedSocial et générez votre widget d'avis en connectant l'une des sources suggérées.
    
-   Une fois la personnalisation terminée, choisissez la page où vous voulez intégrer votre widget.
    
-   Cliquez sur le bouton Widgets et, une fois le tiroir ouvert, cliquez sur EmbedSocial en le faisant glisser vers la section de la page où vous voulez qu'il apparaisse.
    

![Glisser le widget EmbedSocial depuis le tiroir Widgets vers la section de la page](https://embedsocial.com/images/docs/6231688/1.png)

-   Choisissez le widget que vous voulez afficher sur la page dans le champ déroulant dynamique.  

    

![Choix du widget à afficher dans le champ déroulant dynamique](https://embedsocial.com/images/docs/6231688/2.png)

C'est tout, votre widget d'avis est ajouté avec succès à la page.

![Le widget d'avis ajouté à la page Duda](https://embedsocial.com/images/docs/6231688/3.png)

Enfin, n'oubliez pas de publier les modifications.

## Intégrer des avis Facebook ou Google

Dans cet article, vous apprendrez à connecter votre compte Google Business Profile et à récupérer les avis Google dans un widget pour les intégrer sur Duda. Les mêmes étapes s'appliquent aux avis Facebook.  

1\. Pour commencer, allez dans l'onglet 'Sources' et sélectionnez Google ou Facebook comme source :

![Sélection de Google ou Facebook comme source dans l'onglet 'Sources'](https://embedsocial.com/images/docs/6253476/1.png)

  
2\. Si vous n'avez pas encore connecté votre compte social, le système vous demandera de connecter le compte Google Business Profile ou Facebook, selon ce que vous avez sélectionné comme source :

![Connexion du compte Google Business Profile ou Facebook à l'invite](https://embedsocial.com/images/docs/6253476/2.png)

  
3\. Maintenant que votre compte est connecté, l'étape suivante consiste à choisir la source (page ou établissement) dont vous voulez récupérer les avis et à créer un widget :  

![Choix de la page ou de l'établissement dont récupérer les avis](https://embedsocial.com/images/docs/6253476/3.png)

  
4\. Cliquez maintenant sur créer un widget et, après quelques secondes, vos avis seront générés et vous serez redirigé vers votre widget d'avis :

![Le widget d'avis généré après un clic sur créer un widget](https://embedsocial.com/images/docs/6253476/4.png)

  
5\. la dernière étape consiste à intégrer votre widget d'avis dans Duda, cliquez donc sur le bouton ci-dessous si vous avez besoin d'aide pour les intégrer  

[Intégrer le widget dans Duda](#intgrer-un-widget-dans-duda)

## Créer et intégrer des avis personnalisés

Avec cette fonctionnalité, vous pouvez désormais créer un widget Custom Reviews en ajoutant vos propres avis, que vous pouvez afficher sur Duda avec une seule ligne de code.

Pour cela, suivez les étapes ci-dessous :

Allez sur la page '**Sources**' et cliquez sur '**Ajouter une source**'

![Clic sur 'Ajouter une source' sur la page 'Sources'](https://embedsocial.com/images/docs/6259722/1.png)

Une fois que vous sélectionnez '**Custom Reviews**', vous arrivez sur une nouvelle page où vous pouvez ajouter vos avis personnalisés.

Il vous suffit de cliquer sur '**Ajouter un avis**' et de **remplir le formulaire** avec la note et le nom du client.

Vous pouvez aussi ajouter le texte de l'avis, téléverser une photo du client et choisir la date de l'avis.

![Clic sur 'Ajouter un avis' et remplissage du formulaire avec la note et le nom du client](https://embedsocial.com/images/docs/6259722/2.png)

![Ajout du texte de l'avis, d'une photo du client et de la date de l'avis](https://embedsocial.com/images/docs/6259722/3.png)

Une fois vos avis ajoutés, allez dans '**Créer le widget**' et votre widget sera créé avec succès.

## Importer des avis depuis une feuille de calcul

L'application EmbedSocial vous permet d'importer facilement vos avis actuels enregistrés dans une feuille de calcul ou les avis que vous avez téléchargés depuis des plateformes tierces. Une fois cela fait, vous pouvez les afficher dans un widget sur Duda.

Pour importer des avis, vous devrez vous assurer que vos avis sont structurés dans une feuille de calcul selon les règles suivantes :

### Spécification du fichier d'import des avis

L'outil **Import d'avis** accepte les données au format de fichier [valeurs séparées par des virgules (CSV)](https://en.wikipedia.org/wiki/Comma-separated_values). La première ligne du modèle ou du fichier de données contient les en-têtes de colonnes. Chaque ligne suivante correspond à un avis personnalisé à importer.

Vous pouvez téléverser au maximum **500** avis dans un seul fichier. Téléchargez le fichier modèle [ici](/downloads/reviews_template.csv).

**Colonnes :**

`name`, `review_date`, `rating`, `review_text`, `email`, `tags`, `custom_link`, `reviewer_photo_url`

-   `name` : nom de l'auteur de l'avis
    
-   `review_date` : vous pouvez choisir le format de date
    
-   `rating` : nombre de 1 à 5
    
-   `review_text` : texte de l'avis
    
-   `email` : e-mail de l'auteur de l'avis
    
-   `tags` : tags de l'avis, séparés par des virgules
    
-   `custom_link` : lien de l'avis individuel. Ce lien est prioritaire sur le lien de la source
    
-   `reviewer_photo_url` : URL de la photo de l'auteur de l'avis
    

Les colonnes obligatoires sont `name`, `review_date` et `rating`. Les autres colonnes peuvent être vides, mais elles doivent être séparées par des virgules

**Importer la feuille de calcul des avis dans l'application EmbedSocial**

Une fois votre feuille de calcul d'avis structurée selon les règles ci-dessus, vous pouvez aller dans votre application EmbedSocial et simplement téléverser ce fichier.

Pour cela, suivez simplement les étapes :

1\. Allez sur la page '**Sources**', cliquez sur '**Ajouter une source**' et cherchez l'option '**Custom Reviews**'

2\. Une fois redirigé vers une nouvelle page, cliquez sur le bouton 'Importer des avis'

![Clic sur le bouton 'Importer des avis' sur la page des avis personnalisés](https://embedsocial.com/images/docs/6261129/1.png)

3\. Choisissez le **fichier téléversé** qui servira à alimenter les avis (1er champ), et sélectionnez le format de date que vous utilisez dans le fichier CSV (2e champ) :

![Choix du fichier téléversé et du format de date utilisé dans le CSV](https://embedsocial.com/images/docs/6261129/2.png)

C'est tout !

Les avis importés s'afficheront désormais dans la source sélectionnée et vous pourrez les utiliser pour créer un widget que vous pourrez afficher sur Duda.

Voici les [étapes d'intégration](#intgrer-un-widget-dans-duda) pour afficher les avis importés dans Duda.

## Personnaliser le widget d'avis

Vous pouvez personnaliser les mises en page de votre widget d'avis en allant dans le menu déroulant '**Mise en page**' sur le côté gauche du widget et en choisissant l'une des différentes options de mise en page.  

![Choix d'une mise en page dans le menu déroulant 'Mise en page' et enregistrement du widget](https://embedsocial.com/images/docs/6152051/1.png)

Chaque fois que vous faites des modifications, veillez à cliquer sur '**Enregistrer**' en haut à droite (capture d'écran ci-dessus).

Si vous voulez changer le nombre de colonnes afin de préciser combien d'avis s'affichent sur une même ligne, allez dans :

Mise en page-> Paramètres généraux-> Colonnes, et vous pouvez ici choisir le nombre exact de colonnes pour la vue Bureau et pour la vue Mobile.

D'autres options de personnalisation se trouvent dans le menu déroulant suivant, '**Flux**', comme les avis sur la page, l'affichage du logo du média, la date et le choix des couleurs, et bien d'autres.  

![Le menu déroulant 'Flux' avec les options de logo du média, de date et de couleurs](https://embedsocial.com/images/docs/6152051/2.png)

Une fois les modifications effectuées avec succès dans votre widget, vous devrez cliquer sur le bouton '**Enregistrer**' en haut à droite et les modifications s'afficheront automatiquement sur votre site web à l'endroit où le widget est intégré.

Si vous voulez  

  
Des personnalisations supplémentaires sont possibles avec la section CSS personnalisé et vous pouvez en savoir plus dans l'article suivant : [Ajouter du CSS personnalisé](#ajouter-du-css-personnalis).

## Épingler et prioriser les avis

Dans ce tutoriel, nous allons vous montrer comment épingler des avis et les faire s'afficher dans un ordre défini dans le widget en spécifiant des numéros de priorité dans Duda.

### Comment épingler un avis ?

Une épingle est une option qui vous donne un contrôle total sur les avis qui doivent s'afficher en premier, quels que soient les autres réglages d'ordre dans le widget.

Pour épingler un avis, suivez simplement les étapes ci-dessous.

1.  Ouvrez l'un de vos **widgets**
    
2.  Cliquez sur l'onglet **Modération**
    
3.  Dans le tableau, cliquez sur **Épingler** à côté de l'avis que vous voulez afficher en premier
    

![Clic sur 'Épingler' à côté d'un avis dans l'onglet 'Modération'](https://embedsocial.com/images/docs/6259690/1.png)

Désormais, l'avis épinglé sera toujours en premier dans votre widget d'avis, sans tenir compte des autres réglages d'ordre que vous avez spécifiés dans les options de Paramètres.

### Comment classer les avis par priorité ?

Si vous voulez un contrôle total sur l'ordre des avis affichés dans votre widget, vous pouvez utiliser l'option Priorité et ajouter des numéros d'ordre aux avis. Avec cette option, vous pouvez définir 20 avis à afficher dans l'ordre de priorité.

Voici comment créer un ordre personnalisé des avis dans votre widget d'avis :

1.  Ouvrez l'un de vos widgets
    
2.  Cliquez sur l'onglet **Modération**
    
3.  Dans la colonne priorité, définissez le numéro de **priorité** de chaque avis
    

![Définition du numéro de priorité de chaque avis dans la colonne priorité](https://embedsocial.com/images/docs/6259690/2.png)

Par exemple, vous pouvez ajouter de 1 à 20 numéros de priorité pour les avis que vous voulez afficher parmi les 20 premiers, dans l'ordre spécifié, dans le widget d'avis.

## Ajouter du CSS personnalisé

Dans cet article, nous partagerons un exemple de CSS que vous pouvez utiliser pour vos flux dans EmbedSocial. L'idée derrière l'option CSS personnalisé est de vous donner une flexibilité totale pour que le design du flux de réseaux sociaux s'accorde à l'image de marque et à la mise en page de votre site.  

Dans cet exemple, nous changeons le CSS de la **couleur d'arrière-plan du titre :**  

### Exemple de code CSS personnalisé :  

#es-header .es-header-avatar {  
border-radius: 40px;  
margin-right: 5px;  
margin-bottom: 2;  
object-fit: cover;  
}  
.table-cell {  
vertical-align: middle;  
display: table-cell;  
float: none;  
background-color: #03FCF4;  
}

Voici le changement :  

![La couleur d'arrière-plan du titre du widget modifiée par l'exemple de CSS personnalisé](https://embedsocial.com/images/docs/5646596/1.png)

### Comment appliquer le CSS personnalisé au flux :

Ouvrez simplement le menu déroulant CSS personnalisé sur le côté gauche du widget. Ajoutez ici les modifications des balises CSS ci-dessus, et cliquez sur Aperçu pour voir le rendu des changements.  

![Ajout du CSS dans le menu déroulant CSS personnalisé et clic sur Aperçu](https://embedsocial.com/images/docs/5646596/2.png)

  

Une fois terminé, cliquez sur le bouton **Enregistrer** en haut à droite pour vous assurer que les modifications sont répercutées sur votre site web.

Si vous avez des questions ou besoin d'une aide supplémentaire, n'hésitez pas à nous contacter sur notre chat en direct ou à nous écrire à [support@embedsocial.com](mailto:support@embedsocial.com).

Nous sommes ravis de vous aider.