Step by Step Tutorial
Learn How It Works?
Learn how to use the Overlay Product Box Widget with this video tutorial. Master each step at your own pace effortlessly.
Overlay Product Box Widget Frequently Asked Questions
The Overlay Product Box widget for Elementor showcases product or service packages with pricing, features, and a stylish overlay, creating a visually appealing presentation on your site. The widget allows you to display additional details like product titles, descriptions, and prices in an overlay that appears when users hover over the box. This enhances user experience and highlights key product features effectively.
This widget is available in the Unlimited Elements Free version.
- Go to the Unlimited Elements Widget Library.
- Search for "Overlay Product Box" in the search bar.
- Hover over the widget in the search results and click Install.
- Add the "Overlay Product Box" widget to any Elementor page.
Yes, the Overlay Product Box is available for free in the Unlimited Elements plugin. You can access and use this widget in the free version of Unlimited Elements, which is downloadable from the WordPress plugin repository.
This widget allows you to use various image formats, including vector, SVG, and regular images. This flexibility ensures that your product images appear sharp and crisp on all devices, maintaining high quality regardless of the image type. You can select the image format that best fits your design and visual needs for showcasing your products.
Yes, the layout of the Overlay Product Box widget can be fully customized. You can choose to display the title, rating, price, and button, adjusting their positioning and appearance. The flexible design options let you control which elements are shown and how they are arranged, allowing you to create a visually appealing and functional product box that matches your site’s style.
Yes, you can add a clickable button to the Overlay Product Box. The button can be customized to link to a specific URL, such as a product page or checkout page. This allows users to take action directly from the product box, improving user interaction and encouraging conversions.
Yes, you can customize the overlay color of the product box. This feature lets you select a color that aligns with your website’s branding or design. Adjusting the overlay color ensures that the product box integrates seamlessly with the overall aesthetic of your site, creating a cohesive and attractive visual experience for visitors.
The overlay opacity in this widget can be adjusted through two settings: Overlay Opacity and Overlay Opacity on Hover. These controls allow you to customize the transparency of the overlay when the user interacts with the product box. Adjusting these settings helps you fine-tune the visual effect and make the product box more dynamic.