Counter
Spider Elements Counter Widget
The Spider Elements Counter Widget is a versatile tool for adding dynamic and eye-catching counters to your WordPress website. It allows you to showcase numbers, statistics, or milestones in a visually compelling way, potentially grabbing your visitors’ attention and leaving a lasting impression.
This document focuses on the functionalities and usage of the Spider Elements Counter Widget. However, it’s important to note that the specific features and settings might vary depending on your Spider Elements version.
Key Features of the Counter Widget
- Number Counting Animation: Create dynamic effects by animating the counter’s numbers from a starting point to the desired end value.
- Customizable Appearance: Adjust the look and feel of the counter to match your website’s design. You can modify colours, fonts, sizes, and spacing.
- Progress Bar Integration (Optional): Visually represent the progress towards the counter’s end value using a progress bar.
- FontAwesome Icon Support (Optional): Incorporate relevant icons from the FontAwesome library to add visual context or flair to your counter.
- Multiple Counter Styles (Available in Pro Version): The Pro version of Spider Elements might offer additional pre-designed counter styles for a quicker and easier setup.
Using the Counter Widget
Here’s a general guideline on using the Counter Widget:
- Access the Elementor Editor: Navigate to the page or post where you want to add the counter. Edit the page using Elementor.
- Search for the Widget: In the Elementor editor search bar, look for “Counter” from the Spider Elements widget section.
![](https://helpdesk.spider-themes.net/wp-content/uploads/2024/04/image-16.png)
- Drag and Drop: Drag the Counter widget onto your editing canvas in the desired location.
![](https://helpdesk.spider-themes.net/wp-content/uploads/2024/04/image-17-1024x444.png)
Configuring the Counter Widget Settings
Once you’ve added the Counter widget, you’ll be able to configure its settings in the Elementor editor panel. Here are some common settings you might encounter:
- Number: Enter the final number you want the counter to display.
- Animation Duration: Define the duration of the animation for the number counting.
- Starting Value: Set a starting value from which the counter animation will begin. Defaults to 0.
- Number Formatting: Use this option to format the counter’s number display.
Additional Styling Options
The editor panel will also provide options to customize the appearance of the counter, including:
- Font Size and Style: Adjust the font properties of the counter number.
- Colors: Modify the colors of the counter text, progress bar (if enabled), and other elements.
- Spacing: Control the margins and padding around the counter.
Saving and Publishing
Once you’ve configured the Counter widget to your liking, save your changes and publish the page or post to make the counter live on your website.