Advance Review

The Advance Reviews Widget allows you to add, style, and manage a dynamic reviews section from various sources (e.g., Google Reviews) anywhere on your Elementor-powered page. It’s perfect for showcasing customer feedback, ratings, and testimonials with customizable layouts, styling options, and responsive settings.

Whether you’re designing a business page, service site, or e-commerce platform, the Advance Reviews Widget helps you display reviews in an engaging and professional manner.

Key Features:

• Integrate reviews from Google Reviews and other sources
• Customize the number of reviews, avatars, ratings, and dates
• Style review boxes, text, and ratings
• Support for API integration (e.g., Google Places API)
• Fully responsive and optimized

🚀 How to Enable the Advance Reviews Widget

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

1. Navigate to your WordPress dashboard.
2. Go to Topper Pack → Widgets.
3. Locate the Advance 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 Advance Reviews Widget in Elementor

Step 1: Add the Widget to Your Page

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

Step 2: Configure Content Settings

• Under the Content → Content section:
  • Set Review Source (e.g., Google Reviews).
  • For Google Reviews Settings:
    • Enter Google Places API Key (e.g., AlzaSyA1b2c3d4e5f6).
    • Enter Google Place ID (e.g., ChIJN1t_DeuEmRUs).
    • Note: Obtain API Key from Google Cloud Platform and Place ID using the Place ID Finder.
  • Under Common Settings:
    • Set Max Reviews to Show (e.g., 5).
    • Toggle Show Reviewer Avatar, Show Star Rating, and Show Review Date to customize display options.

Step 3: Style the Review Box

• Under the Style → Review Box section:
  • Set Background Type (e.g., Classic) and customize Background Color.
  • Adjust Border Type, Border Radius, and Box Shadow for the review box.
  • Set Padding and Margin to control spacing within and around the box (e.g., top, right, bottom, left).

Step 4: Style Reviewer Info

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

Step 5: Style Star Rating

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

Step 6: Style Review Content

• Under the Style → Review Content section:
  • Adjust Typography and Color for the review text.
  • Set Background Type, Border Type, and Padding for the content area.

✅ Final Preview and Save

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

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