Yelp Review

Estimated reading: 3 minutes 15 views

The Yelp Reviews Widget allows you to add, style, and manage a section displaying Yelp reviews for your business anywhere on your Elementor-powered page. It’s perfect for showcasing customer feedback, building trust, and enhancing credibility with customizable layouts, styling options, and responsive settings.

Whether you’re designing a business page, service site, or restaurant profile, the Yelp Reviews Widget helps you highlight Yelp reviews in an engaging and professional manner.

Key Features:

  • Integrate Yelp reviews using API key and business ID
  • Customize the number of reviews displayed
  • Style review containers, text, and ratings
  • Support for responsive design and layout adjustments
  • Fully optimized for Elementor

🚀 How to Enable the Yelp Reviews Widget

To start using the Yelp Reviews Widget, follow these steps:

  1. Navigate to your WordPress dashboard.
  2. Go to Topper Pack → Widgets.
  3. Locate the Yelp Reviews Widget from the list.
  4. Toggle the switch to “On” to enable it.
  5. The widget is now available in the Elementor editor.

🧩 How to Use the Yelp Reviews Widget in Elementor

Step 1: Add the Widget to Your Page

  • Open your desired page in the Elementor Editor.
  • Search for “Yelp Reviews” in the Elementor widget panel.
  • Drag and drop the Yelp Reviews Widget TP widget onto your page canvas.
  • 🔄 Tip: It includes the TP badge, indicating it’s from the Topper Pack.

Step 2: Configure Yelp Reviews Settings

  • Under the Content → Yelp Reviews Settings section:
    • Enter Yelp API Key (e.g., obtained from yelp.com/developers).
    • Enter Yelp Business ID (e.g., mcdonalds-portland-2).
    • Set Number of Reviews (e.g., 3) to determine how many reviews to display.

Step 3: Style the Reviews Container

  • Under the Style → Reviews Container section:
    • Set Background Type (e.g., Classic) and customize Background Color.
    • Adjust Border Type, Border Radius, and Padding for the review container (e.g., top, right, bottom, left).

Step 4: Style Review Items

  • Under the Style → Review Item section:
    • Customize typography and colors for individual review elements.

Step 5: Style Reviewer Name

  • Under the Style → Reviewer Name section:
    • Adjust Typography and Color for reviewer names.

Step 6: Style Review Text

  • Under the Style → Review Text section:
    • Adjust Typography and Color for the review content.

Step 7: Style Rating Stars

  • Under the Style → Rating Stars section:
    • Customize Star Color, Size, and Spacing for the rating display.

✅ Final Preview and Save

Once your Yelp Reviews Widget settings and style options are applied:

  • Click Preview Changes to see how it looks.
  • Hit Publish or Update to save your page.

Leave A Comment

All fields marked with an asterisk (*) are required