---
title: "How to use EmbedSocial with Duda"
description: "Embed a widget in Duda, connect review sources, import reviews, and style your widget."
---

This guide covers everything you can do with EmbedSocial in the Duda website builder: embedding a widget, connecting review sources, importing and creating reviews, and styling the result.

## Embed a widget in Duda

Before you begin:

-   Go to EmbedSocial app and generate your reviews widget through connecting some of the suggested sources.
    
-   Once you are done with customisation, choose the page where you want to embed your widget.
    
-   Click on the Widgets button and once the drawer is opened, click on EmbedSocial by dragging it to the section of the page where you want it to appear.
    

![](https://embedsocial.com/images/docs/6231688/1.png)

-   Choose the widget you want to be displayed on the page from the dynamic dropdown field.  

    

![](https://embedsocial.com/images/docs/6231688/2.png)

That's it, your Reviews widget is added successfully to the page.

![](https://embedsocial.com/images/docs/6231688/3.png)

Lastly, don’t forget to publish the changes.

## Embed Facebook or Google reviews

In this article, you will learn how to connect your Google my business account and pull the Google reviews into a widget and embed them on Duda. Same steps, apply for Facebook reviews.  

1\. To get started, please go to the 'Sources' tab, and select Google or Facebook as your source:

![](https://embedsocial.com/images/docs/6253476/1.png)

  
2\. If you didn't connect your Social account already, the system will ask you to connect the Google my business or Facebook account, depending on what you selected as your source:

![](https://embedsocial.com/images/docs/6253476/2.png)

  
3\. Since now you have your account connected, the next step is to choose the source (page or location) from which you want to pull the reviews and create a widget:  

![](https://embedsocial.com/images/docs/6253476/3.png)

  
4\. Now, click create a widget, and after a couple of seconds, your reviews will be generated and you will be transferred to your reviews widget:

![](https://embedsocial.com/images/docs/6253476/4.png)

  
5\. the last step, is to embed your reviews widget inside Duda, so please click on the button below If you need help on how to embed them  

[Embed the widget in Duda](#embed-a-widget-in-duda)

## Create and embed custom reviews

With this feature, you can now create a Custom Reviews widget by adding your own reviews which you can display on Duda with one line of code.

To do this, follow the steps below:

Go to **'Sources' page** and click on **'Add source'**

![](https://embedsocial.com/images/docs/6259722/1.png)

Once you select "**Custom Reviews**', you will get to a new page where you can add your custom reviews.

Just click on '**Add Review'** and **fill in the form** with rating and customer name.

You can also add review text, upload customer photo and choose the review date.

![](https://embedsocial.com/images/docs/6259722/2.png)

![](https://embedsocial.com/images/docs/6259722/3.png)

Once you're done adding reviews, go to **'Create widget'** and your widget will be successfully created.

## Import reviews from a spreadsheet

The EmbedSocial app allows you to easily import your current reviews that you have saved in a spreadsheet or reviews you have downloaded from third-party platforms. Once you do this, you can display them in a widget on Duda.

To import reviews, you will need to make sure your reviews are structured in a spreadsheet according to the following guidelines:

### Import reviews file specification

The **Reviews Import** tool accepts data in [comma-separated values (CSV)](https://en.wikipedia.org/wiki/Comma-separated_values) file format. The first row of the template or data file contains column headings. Each subsequent row corresponds to a custom review that needs to be imported.

You can upload a maximum of **500** reviews in one file. Download the template file [here](/downloads/reviews_template.csv).

**Columns:**

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

-   `name`: Reviewer name
    
-   `review_date`: You can choose the date format
    
-   `rating`: Number 1 to 5
    
-   `review_text`: Review text
    
-   `email`: Reviewer email
    
-   `tags`: Review tags, comma-separated
    
-   `custom_link`: Individual Review link. This link will take precedence over the source link
    
-   `reviewer_photo_url`: Reviewer photo URL
    

Required columns are `name`, `review_date`, and `rating`. The other columns may be empty, but they must be comma-separated

**Import the reviews spreadsheet in EmbedSocial app**

Once you have your reviews spreadsheet structured as the guidelines above, you can go to your EmbedSocial app and just upload this file.

To do this, just follow the steps:

1\. Go to **'Sources' page** and click '**Add source**' and look for the option **'Custom reviews'**

2\. Once you are redirected to a new page click on 'Import reviews' button

![](https://embedsocial.com/images/docs/6261129/1.png)

3\. Choose where the **Uploaded file** to populate the reviews (1st field), and select the date format that you use in the CSV file (2nd field):

![](https://embedsocial.com/images/docs/6261129/2.png)

That’s it!

Now the imported reviews will show in the selected source and you can use them to create a widget that you can show on Duda.

Here is the [embed steps](#embed-a-widget-in-duda) for displaying imported reviews in Duda.

## Customize the reviews widget

You can customize your reviews widget layouts by going into the **"Layout"** drop-down menu on the left-hand side of the widget and choosing one of the several layout options.  

![](https://embedsocial.com/images/docs/6152051/1.png)

Whenever you make changes, make sure to click '**Save**' in the top-right corner (screenshot above).

If you like to change the number of columns so that you can specify how many reviews are shown in one row, go to:

Layout-> General settings-> Columns, and here you can choose the exact number of columns for Desktop and for Mobile view.

More customization options can be found in the next drop-down menu **'Feed'** such as reviews on the page, show media logo, date and choose colors, and many more.  

![](https://embedsocial.com/images/docs/6152051/2.png)

Once you will successfully make the changes in your widget, you will need to click on the top right "**Save"** button and the changes will be automatically shown on your website where the widget is embedded.

If you like to  

  
Additional customization can be made with the Custom CSS section and you can learn more about this in the following article: [Add custom CSS](#add-custom-css).

## Pin and prioritize reviews

In this tutorial, we will show you how to pin and make reviews in the widget to be displayed by defined order by specifying priority numbers in Duda.

### How to pin a review?

A pin is an option that provides you with full control over which reviews should display first no matter what are the other ordering settings in the widget.

To pin a review just follow the steps below.

1.  Open one of your **widgets**
    
2.  Click on the **Moderation** tab
    
3.  In the table click **Pin** next to the review you want to be displayed first
    

![](https://embedsocial.com/images/docs/6259690/1.png)

Now the pinned review will always be first in your reviews widget, not getting into consideration other ordering settings that you have specified in the Settings options.

### How to order reviews by priority?

If you want to have full control of the order of the reviews that are displayed in your widget, you can use the Priority option and add order numbers to the reviews. With this option, you can set 20 reviews to display in the order by priority.

Here is how to make a custom order of the reviews in your reviews widget:

1.  Open one of your widgets
    
2.  Click on the **Moderation** tab
    
3.  In the priority column, set the **priority** number for each review
    

![](https://embedsocial.com/images/docs/6259690/2.png)

For example, you can add from 1 to 20 priority numbers for the reviews you want to display as the first 20 in the specified order in the reviews widget.

## Add custom CSS

In this article, we will share an example of CSS that you can use for your feeds in EmbedSocial. The idea with the Custom CSS option is to give you entire flexibility to make sure the design of the social media feed fits with your website branding and layout.  

In this example, we are changing the CSS of the **Title background color:**  

### Example of custom CSS code:  

#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;  
}

Here is the change:  

![](https://embedsocial.com/images/docs/5646596/1.png)

### How to apply the custom CSS to the feed:

Just open the Custom CSS drop-down menu on the left side of the widget. Here, just add the changes of the above CSS tags, and click Preview to see how the changes look.  

![](https://embedsocial.com/images/docs/5646596/2.png)

  

Once finished, click the top right button **Save** to make sure the changes are reflected on your website.

If you have any questions or need additional assistance, please feel free to reach out to us on our live chat or send us an email at [support@embedsocial.com](mailto:support@embedsocial.com).

We're happy to help.