Review

How to use Review Widget of Sky Addons for Elementor

The Review widget is designed for Elementor users to showcase testimonials, customer reviews, or feedback beautifully and effectively. Display client stories with personalized images, names, designations, review content, and rating stars. This widget enhances trust and credibility on your website by adding authentic voices in a visually appealing format. With flexible layout options, styling controls, and rating configurations, you can create professional, responsive testimonial blocks that match your brand design without needing any coding knowledge.

Features:

1. Showcase client reviews with profile image, name, and designation.
2. Flexible rating scale with custom star styles.
3. Complete design control with hover effects and layout positioning.

Insert Review Widget

1. Open Elementor Editor. In the Elementor panel, search for “Review” under Sky Addons.
2. Drag and Drop the Widget to the desired location on your page / editor.

Layout Section

• Choose Image – Upload the reviewer’s photo.
• Image Resolution – Set the resolution to control clarity and size.
• Alignment – Align the content left, center, or right.
• Media Position – Choose Left, Top, or Right for image placement.
• Name – Enter the reviewer’s name.
• Name HTML Tag – Define heading level (H1–H6, div, span, etc.).
• Show Designation – Toggle to show or hide job title.
• Designation HTML Tag – Choose HTML tag for designation.
• Review (Text) – Add the actual review or feedback content.

Rating Section

1. Rating Scale – Choose between 0–5 or 0–10 scales.
2. Rating – Set the actual rating number (e.g., 5, 8, etc.).
3. Icon – Select Font Awesome or Unicode symbols for stars.
4. Unmarked Style – Choose between filled or empty stars for unrated positions.
5. Review Position – Show review text before or after the rating stars.

Style Customization

Fine-tune the appearance of each section including hover styles and spacing.

Photo Section

1. Height – Set the image height.
2. Width – Set the image width.
3. Offset – Adjust image position.
4. Padding – Add space inside image box.
5. Border Type – Choose border style (solid, dashed, etc.).
6. Border Radius – Make image round or with soft corners.
7. Box Shadow – Apply shadows for depth.
8. Opacity – Control visibility level.
9. CSS Filters – Add blur, brightness, grayscale, etc.
10. Supports hover customization.

Name Section

1. Spacing – Set space around name.
2. Typography – Customize font size, weight, and more.
3. Text Color – Set name color.
4. Text Shadow – Add shadows for a pop effect.
5. Supports hover customization.

Designation Section

1. Spacing – Adjust spacing around designation.
2. Typography – Control font style and size.
3. Text Color – Choose the designation color.
4. Text Shadow – Add shadow effects.
5. Supports hover customization.

Review Section

1. Spacing – Control spacing around review text.
2. Typography – Set font settings for review content.
3. Text Color – Choose review text color.
4. Text Shadow – Apply shadow for text.
5. Supports hover customization.

Rating Section

1. Spacing – Adjust overall space for the rating.
2. Size – Control the size of rating stars.
3. Space Between – Set gap between stars.
4. Color – Choose the active (filled) star color.
5. Unmarked Color – Set color for empty stars.
6. Background Type – Solid or gradient background.
7. Padding – Space inside the star container.
8. Border – Add border style and width.
9. Border Radius – Round the rating box corners.

Save and Preview

1. Once you’ve customized and styled your accordion, click “Publish” or “Update” to save your changes.
2. Preview the page to ensure the widget looks and functions as desired.

Troubleshooting

1. Image not showing? Check image upload and format settings.
2. Stars not displaying? Confirm rating value and scale match.
3. Layout broken? Verify media position and alignment settings.
4. Hover styles not applying? Double-check if hover mode is enabled in style settings.

Conclusion

The Review widget makes it easy to add stylish testimonials to your website, enhancing credibility and boosting user trust. With full customization and flexible layout options, it’s the perfect tool for showcasing real feedback from your clients or customers in a modern and engaging format.