{"id":812,"date":"2025-03-24T14:27:45","date_gmt":"2025-03-24T14:27:45","guid":{"rendered":"https:\/\/wpgeodirectory.com\/documentation\/article\/embeddable-ratings-badge-setup-guide\/"},"modified":"2025-04-03T15:24:06","modified_gmt":"2025-04-03T14:24:06","slug":"embeddable-ratings-badge-setup-guide","status":"publish","type":"gd_place","link":"https:\/\/wpgeodirectory.com\/documentation\/article\/embeddable-ratings-badge\/embeddable-ratings-badge-setup-guide\/","title":{"rendered":"Embeddable Ratings Badge Setup Guide"},"content":{"rendered":"<section class=\"alert alert-info\">\n\t This setup guide will run through a typical setup of the <a href=\"https:\/\/wpgeodirectory.com\/downloads\/embeddable-ratings-badge\/\">Embeddable Ratings Badge<\/a> extension from start to finish.<\/section>\n<h2>Overview<\/h2>\n<p>\n\t The <a href=\"https:\/\/wpgeodirectory.com\/downloads\/embeddable-ratings-badge\/\">Embeddable Ratings Badge<\/a> extension allows&nbsp;listing owners to create a widget to display their live ratings from your directory on their website. This is fairly identical to the TripAdvisor rating widget, albeit a lot cooler.&nbsp;<\/p>\n<p>\n\tThe embed widget is <strong>highly customizable. <\/strong>You can control <strong>every feature of the badge<\/strong> and make it available to the user to customize or restrict it. For example, you can remove the <strong>color change options<\/strong> so that all embeds match your branding colors. Here is how the Customizer looks by default:&nbsp;<\/p>\n<p>\n\t<img width=\"920\" height=\"513\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-BwCNAFSsTI.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-BwCNAFSsTI.png 942w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-BwCNAFSsTI-300x167.png 300w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-BwCNAFSsTI-768x428.png 768w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><\/p>\n<section class=\"alert alert-info\">\n\t For a <strong>full list of features see<\/strong> the <a href=\"https:\/\/wpgeodirectory.com\/downloads\/embeddable-ratings-badge\/\">Embeddable Ratings Badge product page.<\/a><\/section>\n<h2>Installation<\/h2>\n<p>\n\t The <strong>first step<\/strong> if you haven&#8217;t already, is to <strong>install the Embeddable Ratings Badge extension.<\/strong> This can be done by following our guides on <a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/category\/installing-extensions\/\">how to install an extension.<\/a><\/p>\n<h2>Step 1 &#8211; Settings<\/h2>\n<p> <strong>Once installed and activated<\/strong>, you can find the Embeddable Ratings Badge&nbsp;settings at <strong>GeoDirectory &gt; Settings &gt; Embed<\/strong>.&nbsp;<\/p>\n<p>\n\t<img width=\"920\" height=\"405\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-aA8fy8Cmmb-1024x451.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-aA8fy8Cmmb-1024x451.png 1024w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-aA8fy8Cmmb-300x132.png 300w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-aA8fy8Cmmb-768x338.png 768w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-aA8fy8Cmmb.png 1291w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><\/p>\n<section class=\"alert alert-success\">\n\tEmbeddable Ratings Badge extension comes with <strong style=\"background-color: initial;\">sane defaults<\/strong> meaning the <strong style=\"background-color: initial;\">default settings will work for the majority of users<\/strong>, however, there are many customizations that can be done via the settings, for a full explanation of what all the settings do please see our <a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/embeddable-ratings-badge\/settings-overview-for-gd-settings-embed\/\">settings overview.<\/a><\/section>\n<h2>Step 2 &#8211; Adding the Widget<\/h2>\n<div>\n  Next, you will need to add the <strong>Click to Embed <\/strong>badge on the frontend.&nbsp;You can use our <strong>GD &gt; Embed&nbsp;<\/strong>widget to add a claim submission button to any widget area, or within content areas as a shortcode or block. To do so, please see the guide about <a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/embeddable-ratings-badge\/gd-embed\/\">GD  Embed widget.<\/a> \n<\/div>\n<section class=\"alert alert-success dashed\">\n\t All Widgets come as Widgets, Shortcodes or Blocks. Learn more about our <a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/core-widgets\/what-makes-geodirectory-widgets-special\/\">Super Duper Widgets<\/a>.<\/section>\n<div>It is recommended to display this widget, block or shortcode only on <strong>Single Listing<\/strong> page. You can specify display options in widget settings.&nbsp;<\/div>\n","protected":false},"excerpt":{"rendered":"<p>This setup guide will run through a typical setup of the Embeddable Ratings Badge extension from start to finish. Overview The Embeddable Ratings Badge extension allows&nbsp;listing owners to create a widget to display their live ratings from your directory on their website. This is fairly identical to the TripAdvisor rating widget, albeit a lot cooler.&nbsp; [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[554,569,648],"article\/categories":[213,409],"class_list":["post-812","gd_place","type-gd_place","status-publish","hentry","gd_place_tags-geodirectory-extensions","gd_place_tags-setup-guide","gd_place_tags-embeddable-ratings-badge","gd_placecategory-extensions-features","gd_placecategory-embeddable-ratings-badge"],"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/types\/gd_place"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/comments?post=812"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/812\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/media?parent=812"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/tags?post=812"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/categories?post=812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}