{"id":2425,"date":"2021-06-22T06:45:44","date_gmt":"2021-06-22T06:45:44","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=2425"},"modified":"2023-02-21T14:07:50","modified_gmt":"2023-02-21T14:07:50","slug":"how-to-add-the-reviews-widget-to-your-wordpress-website","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/how-to-add-the-reviews-widget-to-your-wordpress-website\/","title":{"rendered":"How to Add the Reviews Widget to Your WordPress Website"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2425\" class=\"elementor elementor-2425\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5c290c4d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5c290c4d\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-185c8dca\" data-id=\"185c8dca\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4660d463 elementor-widget elementor-widget-video\" data-id=\"4660d463\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=sxTXGEz1Raw&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2ad5f149 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2ad5f149\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2ef17535\" data-id=\"2ef17535\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-537ea422 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"537ea422\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1401\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1401\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1402\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1402\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1401\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1401\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1401\" tabindex=\"0\" hidden=\"false\"><p>Using Elementor, you can easily add a review to your WordPress website or blog. In this video, we&#8217;ll go over all the setting and options so you could set up your own reviews widget in minutes.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1402\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1402\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1402\" tabindex=\"0\" hidden=\"hidden\"><p>hi guys zip from elements or here today<br \/>I&#8217;ll introduce you to the new elements<br \/>or reviews widget this widget is great<br \/>for displaying and linking reviews from<br \/>all over the web anywhere on your page<br \/>it is no secret that online reviews help<br \/>your customers make purchasing decisions<br \/>and it&#8217;s a great way to grow both<br \/>traffic and sales so let&#8217;s dive in<br \/>go-ahead search for it and drag it into<br \/>the column first off let&#8217;s check out the<br \/>content tab in the first section of the<br \/>slides drop-down we can see three<br \/>default items we can duplicate them by<br \/>pressing the duplicate icon on the right<br \/>and delete them by pressing the X you<br \/>can also reorder the items by dragging<br \/>them to where we like clicking on an<br \/>item opens up the editing area where we<br \/>can choose an image type a name and<br \/>title add a star rating between 1 to 5<br \/>choose from a multitude of social icons<br \/>to be displayed on the top right corner<br \/>of the slide and you can also set a link<br \/>to the actual review if you like adding<br \/>the review text is done here go ahead<br \/>and add your slides I&#8217;ll show you how to<br \/>style them soon but let&#8217;s go over some<br \/>other settings first in the slides<br \/>preview option you can control the<br \/>amount of slides we see and in the<br \/>slides to scroll option you can set the<br \/>amount of slides that are scrolled to<br \/>swipe the width slider determines the<br \/>slides width in the additional options<br \/>drop-down we can hide or show the arrows<br \/>we can also choose the pagination style<br \/>there are four options nan dots fraction<br \/>and progress you can set the transition<br \/>duration here which is the speed at<br \/>which the slides will scroll autoplay<br \/>makes the review widget scroll through<br \/>the slides automatically the autoplay<br \/>speed is the time it will take before<br \/>automatically scrolling to the next<br \/>slide the infinite loop option sets the<br \/>slides to continue scrolling<br \/>indefinitely if you want to stop the<br \/>slide<br \/>from scrolling when you&#8217;re interacting<br \/>with it you can set that here with the<br \/>pores on interaction option you can also<br \/>set the image size from the source file<br \/>which is great for improving loading<br \/>times let&#8217;s go over to the style tab<br \/>there are six drop-down settings I&#8217;ll go<br \/>over them one by one in the slides<br \/>drop-down you can set the space between<br \/>the slides you can set a background<br \/>color and control the border size and<br \/>radius and its color you can also set a<br \/>custom padding if you like the header<br \/>section refers to all the content above<br \/>the review text you can set a custom<br \/>background color this will be applied to<br \/>the header section only the gap slider<br \/>controls the space between the header<br \/>section and the review text you can<br \/>disable or enable the separator here set<br \/>a color and control its size in the text<br \/>drop-down you can customize the name<br \/>title and the review text let&#8217;s set a<br \/>color and change some typography<br \/>settings go ahead and set it to your<br \/>liking in the image drop-down we can set<br \/>the image size control the gap between<br \/>the text and the image and set the<br \/>border radius in the icon drop-down you<br \/>can keep its official color or set a<br \/>custom one if you like we can control<br \/>the icon size with this slide the rating<br \/>drop-down gives us the possibility to<br \/>customize the star rating you can set<br \/>the icon type by choosing between font<br \/>awesome and Unicode the unmarked style<br \/>has two options solid and outline solid<br \/>fills in the unmarked stars and the<br \/>outline option leaves them empty use<br \/>these sliders to control the size of the<br \/>stars as well as the spacing between<br \/>each one you can also set the color of<br \/>the stars that are marked as well as the<br \/>unmarked stars<br \/>the navigation drop-down allows us to<br \/>set the arrow size as well as its color<br \/>the pagination option gives us the<br \/>possibility to change the size and color<br \/>of the pagination elements as you can<br \/>see this widget is extremely<br \/>customizable and allows you to create<br \/>endless unique designs the sky&#8217;s the<br \/>limit well that&#8217;s it don&#8217;t forget to<br \/>subscribe to our YouTube channel to see<br \/>more videos and tutorials see you later<\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview Using Elementor, you can easily add a review to your WordPress website or blog. In this video, we\u2019ll go over all the setting and options so you could set up your own reviews widget in minutes. Transcript hi guys zip from elements or here today I\u2019ll introduce you to the new elements [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":3381,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[41],"class_list":["post-2425","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-layout","tag-guides-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Add the Reviews Widget to Your Wordpress Website - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/how-to-add-the-reviews-widget-to-your-wordpress-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add the Reviews Widget to Your Wordpress Website - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview Using Elementor, you can easily add a review to your WordPress website or blog. In this video, we\u2019ll go over all the setting and options so you could set up your own reviews widget in minutes. Transcript hi guys zip from elements or here today I\u2019ll introduce you to the new elements [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/how-to-add-the-reviews-widget-to-your-wordpress-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-22T06:45:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-21T14:07:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Reviews-Widget.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hodaya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hodaya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add the Reviews Widget to Your Wordpress Website - Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/academy\/how-to-add-the-reviews-widget-to-your-wordpress-website\/","og_locale":"en_US","og_type":"article","og_title":"How to Add the Reviews Widget to Your Wordpress Website - Academy","og_description":"Overview Transcript Overview Using Elementor, you can easily add a review to your WordPress website or blog. In this video, we\u2019ll go over all the setting and options so you could set up your own reviews widget in minutes. Transcript hi guys zip from elements or here today I\u2019ll introduce you to the new elements [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/how-to-add-the-reviews-widget-to-your-wordpress-website\/","og_site_name":"Academy","article_published_time":"2021-06-22T06:45:44+00:00","article_modified_time":"2023-02-21T14:07:50+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Reviews-Widget.jpg","type":"image\/jpeg"}],"author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/how-to-add-the-reviews-widget-to-your-wordpress-website\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/how-to-add-the-reviews-widget-to-your-wordpress-website\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"How to Add the Reviews Widget to Your WordPress Website","datePublished":"2021-06-22T06:45:44+00:00","dateModified":"2023-02-21T14:07:50+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-add-the-reviews-widget-to-your-wordpress-website\/"},"wordCount":804,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-add-the-reviews-widget-to-your-wordpress-website\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Reviews-Widget.jpg","keywords":["Guides and Tutorials"],"articleSection":["Design \/ Layout"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/how-to-add-the-reviews-widget-to-your-wordpress-website\/","url":"https:\/\/elementor.com\/academy\/how-to-add-the-reviews-widget-to-your-wordpress-website\/","name":"How to Add the Reviews Widget to Your Wordpress Website - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-add-the-reviews-widget-to-your-wordpress-website\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-add-the-reviews-widget-to-your-wordpress-website\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Reviews-Widget.jpg","datePublished":"2021-06-22T06:45:44+00:00","dateModified":"2023-02-21T14:07:50+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/how-to-add-the-reviews-widget-to-your-wordpress-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/how-to-add-the-reviews-widget-to-your-wordpress-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/how-to-add-the-reviews-widget-to-your-wordpress-website\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Reviews-Widget.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Reviews-Widget.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/how-to-add-the-reviews-widget-to-your-wordpress-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Design \/ Layout","item":"https:\/\/elementor.com\/academy\/design-layout\/"},{"@type":"ListItem","position":4,"name":"How to Add the Reviews Widget to Your WordPress Website"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c","name":"Hodaya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","caption":"Hodaya"},"url":"https:\/\/elementor.com\/academy\/author\/hodaya\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=2425"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2425\/revisions"}],"predecessor-version":[{"id":9464,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2425\/revisions\/9464"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/3381"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=2425"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=2425"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=2425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}