The “Product Box Widget” for Elementor by Unlimited Elements is a free tool for creating customizable, visually appealing product boxes on websites. It includes options for image layouts, text overlays, pricing details, and call-to-action buttons, helping businesses showcase products effectively within Elementor. This widget enhances user interaction and can be adapted to various design themes, offering flexibility for different types of e-commerce and service websites.
Let’s look at each of the options in the “Product Box Widget” widget for Elementor below.
Elementor Product Box Tutorial Video
Add a Free Product Box to Elementor
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Product Box”
- Hover over the widget in the search results and click install
- Add your “Product Box” widget to any Elementor Page
General Settings in Elementor Product Box
Image
Choose an image to display.
Image Size
Select the image size.
- Full
- Large
- Medium Large
- Medium
- Thumbnail
- 1536x1536
- 2048x2048
Price
Type the price.
Title
Type text to show as title.
Text
Type text to show in product box.
Button Text
Type text to show in the button.
Link
Type or paste URL to link with the button.
Layout Settings in Elementor Product Box
Elementor Product Box Styling
A variety of styling options lets you customize every detail of the widget’s design. Select colors that align with your website’s style, and adjust the text, icons, fonts, and layout to ensure the widget looks and functions exactly as you prefer.
Box Styling in Elementor Product Box
Set the border, radius, alignment and box shadow for box.
Image Styling in Elementor Product Box
You can set the image height and border.
Content Styling in Elementor Product Box
In this section, set the padding, background color, border, and height for content.
Price Styling in Elementor Product Box
You can set the price element size, background, color, typography, spacing, border, and radius.
Title Styling in Elementor Product Box
Here, you can set the color, typography, and spacing for the title element.
Text Styling in Elementor Product Box
Set the text color, typography, and spacing.
Button Styling in Elementor Product Box
You can style the padding, background color, text color, spacing, border and radius for button element.
Badge Styling in Elementor Product Box
Here, you can set the badge typography, positioning, spacing, text color, padding, and border.
Elementor Product Box Design Examples
Here are some live use cases for the Product Box Widget.
Free Elementor Product Box with Floating Products.
Free Elementor Product Box with Colored Content Background.
Thank you for using the Product Box Widget for Elementor! With its stylish design and flexible customization, this is the best Product Box Widget for Elementor, perfect for highlighting featured products in an engaging way. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.