Number Box Widget for Elementor
FREE

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.

Choose Template
Number Box with Hover Effects
Number Box with Hover Ef...
Number Box with Image Background
Number Box with Image Ba...
Number Box with Custom Background
Number Box with Custom B...
Number Box with Colored Background
Number Box with Colored...
Number Box with Custom Shapes
Number Box with Custom S...
Number Box with Custom Shapes and Hover Effects
Number Box with Custom Shapes...
Number Box with Animation
Number Box with Animatio...
Frame 8407 (3)
Learning Intro Video Toggle...
Loading...
Facebook
Twitter
WhatsApp
Copy Link
Copy
Click to Copy the Section and paste to your site using Doubly Plugin   Learn More
Buy Now

Diffrent Shapes

Use predefined clipping masks to achieve unique shapes.

1
Trapezoid
2
Parallelogram
3
Rhombus
4
Hexagon
5
Heptagon
6
Octagon
7
Nonagon
8
Decagon
9
Bevel
10
Rabbet
11
Left Point
12
Right Point

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

What is a Number Box in an Elementor website?

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.

How do I add a Number Box to my Elementor website?

This widget is available for free in the Unlimited Elements plugin.

  1. Go to the Unlimited Elements Widget Library.
  2. Search in the search bar for “Number Box.”
  3. Hover over the widget in the search results and click Install.
  4. Add the “Number Box” widget to any Elementor Page.
Is the Number Box a free widget?

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.

What background styles are available for this widget?

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.

What design elements of this widget can be customized?

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.

Can I turn the Number Box widget into a clickable link?

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.

What hover animation options are available for this widget?

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.

How can the shape of the Number Box widget be adjusted?

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.

How can the pulse effect be customized in this widget?

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.

How do I use the Number Box in Elementor?

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.