Number Box Widget for Elementor
Number Box widget lets you create attractive number boxes for your Elementor website, adding style to your numbered content. Perfect for steps, milestones, or stats.
Diffrent Shapes
Use predefined clipping masks to achieve unique shapes.
Step by Step Tutorial
Learn How It Works?
Learn how to use the Number Box Widget with this video tutorial. Master each step at your own pace effortlessly.
Number Box Widget Frequently Asked Questions
The Number Box widget is a simple yet effective tool for displaying numerical data or statistics on your website. It allows you to present numbers in an engaging, visually appealing box with options for animation and styling. This widget is perfect for showcasing key figures such as sales numbers, milestones, or other important metrics.
This widget is available for free in the Unlimited Elements plugin.
- Go to the Unlimited Elements Widget Library.
- Search in the search bar for “Number Box.”
- Hover over the widget in the search results and click Install.
- Add the “Number Box” widget to any Elementor Page.
Yes, the Number Box Widget 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.
The Number Box widget offers flexible background styling options, including solid colors, gradients, and images. The image you upload as a background can be an SVG file, a regular image, or a vector file. This allows you to create a personalized look, matching your website's design and enhancing the overall aesthetic of the widget.
This widget allows for extensive design customization. You can modify the content such as the number and text, change font styles, sizes, and colors, and adjust box properties like borders, shadows, padding, and spacing. These options ensure that the widget fits perfectly with your site’s theme and layout.
Yes, you can easily turn this widget into a clickable link. By adding a URL in the widget's settings, you can direct users to another page, external website, or anchor within your site when they click on the number or box. This feature allows you to create interactive and functional elements while showcasing important data.
The widget offers several hover animations that bring it to life when users interact with it. Available effects include Grow, Shrink, Pulse, Push, Bounce, Pop, Float, Sink, Bob, Hand, and more. These effects can add dynamic movement, making the widget more engaging and interactive for visitors.
You can select between two shape types for the Number Box widget: Radius or Clip Path. The Radius option allows you to set borders and adjust the corner radius for rounded edges, giving a softer, more traditional look. On the other hand, the Clip Path option lets you create custom shapes, offering more flexibility and creative possibilities for a unique design.
The pulse effect can be added to the Number Box widget for a subtle, eye-catching animation. You can choose a custom color for the pulse for a personalized touch. This effect adds movement, drawing attention to key data or numbers you want to highlight on your site.
Using the Number Box is simple. Drag the widget to your page, enter the desired number and content, choose your hover animation style, and customize the design settings to match your website’s look. Check out our documentation for a step-by-step guide.