Are you looking for ways to display an animated number counter on your WordPress site?
Showing a number count helps capture your visitors’ attention and allows you to display milestones, satisfied customers, successful projects completed, and other important statistics on your website.
In this article, we’ll show you how to show a number count animation in WordPress.
Why Add a Number Count Animation in WordPress?
Showing a number counter on your WordPress website is a great way to engage users and capture their attention.
You can use it to display important stats on your site, like the number of monthly visitors or the number of articles on a WordPress blog.
Similarly, you can use an animated number count to display completed projects, the number of satisfied customers, the number of clients, milestones achieved by your business, and other crucial information.
For example, OptinMonster uses the number counter to show monthly visitor sessions optimized.
Adding and customizing a number count in WordPress usually requires editing code. This can be tricky for beginners who don’t know how to write code.
That said, let’s see how you can show an animated number counter in WordPress. We’ll cover 2 simple methods using a premium website builder and a free plugin.
You can click the links below to jump ahead to your preferred section.
Method 1: Show a Number Count Animation Using SeedProd
The best way to add an animated number counter in WordPress is by using SeedProd. It is the best WordPress website builder that offers a drag-and-drop page builder and lots of customization options.
For this tutorial, we’ll use the SeedProd Pro version because it includes advanced blocks and allows you to add a counter. There is also a SeedProd Lite version you can try for free.
The first thing you’ll need to do is install and activate SeedProd. If you need help, then please see our guide on how to install a WordPress plugin.
Upon activation, SeedProd will ask you to enter the license key. You can find the license key in your account area and the purchase confirmation email.
Next, you’ll need to head over to SeedProd » Landing Pages from your WordPress admin panel.
SeedProd lets you create professionally designed custom landing pages, including a coming soon page, maintenance mode page, login page, and 404 page.
Go ahead and click the ‘Add New Landing Page’ button.
After that, you can select a template for your landing page and show the animated number counter.
Simply hover over a template and click the orange check button.
A popup window will now open. Simply enter a page name and page URL.
After that, click the ‘Save and Start Editing the Page’ button.
This will launch the SeedProd drag-and-drop builder.
Next, you can edit your page template by adding different blocks or clicking existing elements on the page.
To add an animated number count, simply drag the ‘Counter’ block from the menu on your left and drop it onto the template.
After that, you can select the Counter block to customize it further.
For instance, there are options to change the starting and ending number in the counter, enter a number prefix and suffix, and edit the title.
Next, you can switch to the ‘Advanced’ tab under the Counter block settings on your left.
Here, you’ll find more options to change the style, color, spacing, font, and more for your Counter block.
After that, you can head to the ‘Page Settings’ tab at the top.
Now click the ‘Page Status’ toggle and change it to Publish.
Next, you can click the ‘Save’ button at the top and exit the landing page builder.
To see the animated number counter in action, go ahead and visit your website.
Method 2: Show a Number Count Animation Using Counter Number
Another way you can add number count animation in WordPress is by using the Counter Number plugin.
It is a free WordPress plugin that is easy to use and lets you create simple counter numbers for your site.
First, you’ll need to install and activate the Counter Number plugin. For more details, please see our guide on how to install a WordPress plugin.
Upon activation, you can go to Counter Numbers » All counters from your WordPress dashboard and click the ‘Add New Counter’ button.
After that, you can enter a title for your counter number.
In the free version, you can only select the plain design template. If you want more templates and customization options, then we suggest using SeedProd.
Next, you can add counter number details. There are options to edit the counter title, select an icon, and enter the counter number value.
You can add as many counter numbers as you want by clicking the ‘Add New Counterbox’ button at the bottom.
Besides that, you get more customization options from the panel on your right.
For example, the plugin lets you change the counter title color, number color, icon size, font size, font family, and more.
After making the changes, scroll back to the top and publish your counter.
Next, you can head to Counter Numbers » All counters from your WordPress dashboard.
Go ahead and copy the Counter Shortcode. It will look something like this:[COUNTER_NUMBER id=41]
Afterward, you can place your animated number count anywhere on your website, from posts and pages to sidebars.
Simply add a new post or page or edit an existing one. Once you’re in the content editor, simply click the ‘+’ sign and add a Shortcode block.
Next, you can paste the counter number shortcode in the block.
From here, preview and publish your page or post to see the animated number count in action.
Are you looking for a website builder for your WordPress site but not sure whether to choose Elementor, Divi, or SeedProd?
With the right website builder, you can easily customize your site and build landing pages that help increase conversions and grow your email list.
In this article, we’ll compare Elementor vs Divi vs SeedProd and show you which is the best WordPress website builder.
Brief Overview of Our Contenders
Elementor, Divi, and SeedProd are among the best drag and drop page builders and theme builders for WordPress. They help you customize your site without editing code.
Elementor was launched in 2016 and is one of the most popular website-building platforms for WordPress. It has over 5 million active users spread across 180 different countries.
Divi is part of Elegant Themes and is a visual theme and page builder. Elegant Themes has been in the industry for over 14 years and they have over 806,000 customers worldwide.
SeedProd is a beginner-friendly WordPress theme builder and landing page plugin. Over 1 million professionals use SeedProd to create custom themes and page layouts in WordPress. It is also part of WPBeginner’s family of products.
That said, let’s compare these WordPress page builders to see which one is the best. We’ve broken down our comparison into the following sections:
Note: For our comparison, we used the premium versions of all the plugins, so you get to see all of the features and integrations they have to offer.
Ease of Use – Elementor vs Divi vs SeedProd
When it comes to choosing a website builder, it’s important to select a tool that’s beginner-friendly and designed for non-techy users.
It should allow you to completely customize your WordPress theme and landing pages easily, without needing to edit any code.
Let’s see how these 3 builders stack up for ease of use.
Elementor – Ease of Use
Elementor offers a drag and drop theme and landing page builder. It provides different elements in a menu on your left, so you can quickly drag and drop them onto your template.
You can also enable a responsive mode, which lets you switch from a desktop view to a tablet or mobile view. This helps in editing your theme for different devices.
The builder can be overwhelming for beginners at first. There are a lot of elements to choose from and clicking on any element on the template opens several more options for customization.
However, once you get the hang of it, Elementor’s website builder is easy to use.
The only downside we found was that there is no quick way to undo or redo the changes you made to the page, except for going through the revision history and reverting your changes. This can be frustrating and time-consuming when customizing landing pages or themes.
Divi – Ease of Use
Divi also offers a drag and drop builder to edit the Divi WordPress theme and change the layout of your landing pages without editing code.
What makes Divi’s builder different is that it lets you edit the WordPress website on the front end. It works by showing your design in real-time, so you can exactly see what each element looks like.
Unlike Elementor or SeedProd, you don’t get a menu containing different elements like text, images, videos, or buttons to add to the template.
Instead, Divi lets you select the layout of the section you want to add, and then allows you to choose the element you’d like to add.
It could take some time for new users and beginners to pick up the process for customizing their WordPress themes and landing pages, but it’s fairly straightforward and simple to use.
SeedProd – Ease of Use
SeedProd’s drag and drop website builder is very easy to use as well. It is a theme-agnostic plugin that lets you create your designs from scratch, without being limited by your theme’s design.
You can add different elements from the menu on your left by dragging and dropping them onto the template.
Using SeedProd’s theme builder, customizing the way your site looks is effortless. It’s made for non-techy users and ensures that anyone can customize their site without editing code.
You can also see the revision history and revert previous changes with a click of a button. There’s also a draft mode, which lets you edit a page privately without revealing it is under construction.
The builder is also quick and designed with speed in mind. It doesn’t bloat or slow down your website.
SeedProd also lets you add a coming soon page, maintenance mode, and 404 error landing pages with ease. This way, you can create buzz around your upcoming website or tell search engines that your site is currently under maintenance.
Winner – SeedProd
All 3 plugins offer a no-code drag and drop website builder for WordPress and are quite easy to use. Each website builder is made with beginners in mind and they make it super simple to create stunning website themes and landing pages.
However, SeedProd’s easy revision history makes it the winner in this category.
Customization Features – Elementor vs Divi vs SeedProd
Another important factor to look for when selecting a website or landing page builder is the level of customization that’s possible.
It’s important to choose a tool that gives you full control over the appearance of your themes and pages.
Here’s a look at the customization features offered by Elementor, Divi, and SeedProd.
Elementor – Customization Features
Elementor offers over 300 designer-made templates. Simply pick a template, add your content, edit its style, and make it your own. Using Elementor, you can control every aspect of your site’s appearance.
It offers templates for a wide variety of categories. For example, you can choose a template for a blog, eCommerce store, travel, tourism site, fashion blog, non for profit organization, education, and more.
With Elementor, you get over 100 different widgets to add to your theme or landing page. These include basic widgets like heading and text, Pro widgets such as share buttons and countdown timers, and theme elements like post title, and WooCommerce widgets.
Other than that, Element also offers advanced customization features. For instance, you can add custom CSS to change the appearance and behavior of your site, add custom code, upload your own fonts and icons, and more.
Divi – Customization Features
Divi offers over 100 pre-made website themes and over 800 pre-made landing page layouts.
You can choose from a full website pack to design your WordPress website. The pack includes templates for different pages like a blog section, about us page, contact page, homepage, and more.
Besides that, Divi offers over 40 website elements for customizing your website theme and pages. For example, you can add sliders, call to action (CTA) buttons, forms, testimonials, galleries, and more.
You have full control over how each element looks. You can change the fonts, text color, border options, add hover styling, use filters and effects to enhance the appearance of any element, or use custom CSS to edit any element.
SeedProd – Customization Features
SeedProd offers over 20 different website theme templates and 150+ landing page templates. You can also choose from over 20 built-in color schemes or create your own from scratch.
Each website theme template is packaged with templates for multiple pages and sections, like the homepage, a single blog post, header, and footer.
However, what makes SeedProd different from Divi and Elementor is that it doesn’t rely on your WordPress theme for styling or functioning. It works independently from WordPress themes gives you complete control and freedom over the appearance and design of your theme.
There are also over 80 different blocks you can use to customize your WordPress themes and landing pages further. For instance, you can add a site logo, post navigation, headlines, text, or use advanced blocks like contact forms, optin forms, giveaways, icons, progress bar, and more.
Each block is further customizable, as you can change its alignment, color, edit font size, change heading levels (H1, H2, H3, and so on), add image alt text, edit image size, and more.
Other than that, SeedProd also offers WooCommerce blocks, so you can easily customize your WooCommerce store. It even integrates with Google Fonts to give more options to customize your website.
Winner – Tie
Whether your choose Elementor, Divi, or SeedProd, each WordPress website builder offers a great range of customization options. You get to choose from multiple themes and landing page templates.
Plus, you can select any element on the template and further edit its style, color, and appearance. They also allow advanced customization options through custom CSS and custom code snippets.
A slow-loading website can lead to a poor user experience, which means people might leave your site before interacting with your landing pages. Similarly, Google now uses page speed as a ranking factor and ranks sites higher in search results that load quickly.
To test how Elementor, Divi, and SeedProd perform, we created a simple landing page with a headline, an image, and a button. Then to test the page speeds, we used Google’s PageSpeed Insights tool.
That said, we’ll focus on the mobile page speed scores, because Google now uses your site’s mobile version for indexing and ranking content.
Let’s see how each of these website builders performs.
Elementor – Performance
When we tested our landing page created using Elementor, the PageSpeed Insights tool showed an overall score of 90 for mobile. This is a great score and shows your site won’t slow down while using the builder.
Divi – Performance
The score obtained using Divi’s drag and drop builder was also excellent. A 91 score means your website loads quickly, and you don’t have to worry about page load times when using Divi.
SeedProd – Performance
SeedProd’s page speed tests were slightly better than both Elementor and Divi. With a score of 93 on mobile, you can expect fast performance and no delays in load time when using SeedProd to design your website and landing pages.
Winner – SeedProd
All 3 website builders performed well in our test, but SeedProd was slightly better than Divi and Elementor because it’s built with a speed-first mindset.
It helps you avoid bloated code which generally leads to faster speed and page load time.
Integrations – Elementor vs Divi vs SeedProd
Integrating your WordPress landing page and theme builders with other WordPress plugins and third-party tools is important for adding more features and helping you to achieve your business goals.
Let’s see which tools and plugins are supported by Elementor, Divi, and SeedProd.
Elementor – Integrations
Elementor seamlessly integrates with different email marketing tools like AWeber, Drip, MailChimp, ActiveCampaign, Sendinblue, and ConvertKit. You can also connect customer relationship management (CRM) software such as HubSpot with Elementor.
Elementor also supports different WordPress plugins, including WooCommerce. You get different WooCommerce elements in the drag and drop builder as well.
One thing we noticed was that it’s not immediately clear how to connect our preferred email marketing service with Elementor.
To choose an integration with Elementor, you’ll first need to enter the API key for your preferred service in Elementor plugin settings.
Once that’s done, you can go to the drag and drop builder and add a signup form in your WordPress theme or landing page template. It’s only then you’ll be able to select your email service in the ‘Actions After Submit’ dropdown menu.
Lastly, Elementor also integrates different social platforms like Facebook SDK, YouTube, Vimeo, Google Maps, SoundCloud, Slack, and more.
Divi – Integrations
Divi offers limited integration options compared to the other two WordPress websites and landing page builders.
It easily integrates with WooCommerce and offers different modules like add-to-cart buttons, cart notice, product ratings, and more. You can use these modules to create a WooCommerce store in WordPress.
Other than that, the tool lets you integrate Google Maps to show your location. It also works with the Wishlist Member plugin, Toolset plugin, and Hotel Booking plugin for WordPress. Sadly, it doesn’t integrate with third-party email marketing tools or CRMs.
SeedProd – Integrations
SeedProd also offers a wide range of integrations with premium third-party tools and WordPress plugins.
For instance, you can connect it with Drip, Constant Contact, and other email marketing tools to collect and manage email subscribers.
SeedProd seamlessly connects with WPForms and allows you to add any form to your website pages. Similarly, it also offers WooCommerce integration and lets you add WooCommerce blocks to your template.
Besides that, SeedProd integrates with Google Analytics and allows you to track website visitors. You can also connect it with Zapier and add Recaptcha to your landing pages.
What makes SeedProd different from Elementor and Divi is that it lets you connect email marketing services within the theme or landing page builder. There’s no need to exit the drag and drop builder to enter the API key and connect your email marketing service.
Winner – SeedProd
When it comes to integrations, it’s a close fight between Elementor and SeedProd. Both tools offer a lot of third-party tools and WordPress plugins for integration.
That said, SeedProd is our winner because the process of integrating email marketing services and third-party tools is much easier and faster than Elementor.
You don’t have to exit the theme or landing page builder to enter API keys. It shows different email marketing services under a separate tab inside the website builder, which removes the need to perform additional steps to integrate each service.
Customer Support – Elementor vs Divi vs SeedProd
At times, you could get stuck or need help while using a WordPress website builder.
This is where having excellent customer support comes in handy. With the proper guidance and resources, you can resolve your issues and ensure the best results for your business.
Here’s how Elementor, Divi, and SeedProd stack up when offering support to users.
Elementor – Customer Support
Elementor offers multiple options for users who need help or need to contact customer support. They have a detailed and well-organized help center where you’ll find documentation on different topics.
For example, you can see steps for installation, how to create a new page, learn more about its features, how to use different widgets, and more.
Elementor also offers a guides and tutorials section where you’ll find multiple videos on different topics. You can even take courses and master using Elementor for various purposes, like building a portfolio or creating an online store.
If you’re an Elementor Pro user, then you get 24/7 premium support. Simply submit a support ticket, and a support representative will respond to your query.
Divi – Customer Support
Divi offers customer support through detailed documentation, including written steps and video tutorials. It also provides a community forum where you can interact with other users.
Another way Divi offers customer support is through support tickets and live chat. You can reach out to a customer support agent and resolve your problems through the live chat feature.
SeedProd – Customer Support
SeedProd offers customer support through a detailed knowledge base, where you’ll find tutorials and guides for getting started, learning more about different features, and troubleshooting various issues.
The plugin also offers support through a ticketing system. You can open a ticket, and a team of WordPress experts will help you out.
Since SeedProd is part of the WPBeginner family of products, you can join our WPBeginner Facebook Group for support. The group has over 83,000 members, and it’s a great place to ask for help.
Winner – Tie
All 3 WordPress website builders offer great customer support options. Elementor has lots of documentation, videos, courses, and more. Divi lets you chat with their support staff through live chat. While SeedProd offers detailed documentation, and premium ticket support.
Pricing Plans – Elementor vs Divi vs SeedProd
Another important factor you should consider when selecting a WordPress website builder is its pricing. Let’s look at the pricing plans offered by Elementor, Divi, and SeedProd.
Elementor – Pricing Plans
With Elementor, you get 4 pricing plans starting from $49 per year with their Essential plan. However, if you need to use Elementor on more than 1 website, then you can choose their Expert plan for $199 per year.
There is also a Studio plan for $499 per year that lets you activate 100 websites and an Agency plan for $999 per year that offers 1000 website activations.
Elementor also offers a free version that you can use before subscribing to a premium plan.
Divi – Pricing Plans
Divi offers 2 pricing plans starting from $89 per year with their Yearly access plan. On the contrary, you can subscribe to their Lifetime access plan and pay a one-time fee of $249.
SeedProd – Pricing Plans
SeedProd lets you choose from 4 different pricing plans. The Basic plan starts from $31.60 per year, and the Plus plan costs $76.60 per year.
However, if you want to use the Theme builder, then you’ll need the Pro plan for $159.60 per year or the Elite plan for $239.60. With each plan, you get a 14-day money-back guarantee.
SeedProd also offers a Lite version which is 100% free to use. However, it has limited features and doesn’t include the WordPress theme builder.
Winner – SeedProd
SeedProd offers affordable pricing plans compared to Elementor and Divi. Plus, you get more features and integrations with SeedProd, making it excellent value for money.
Elementor vs Divi vs SeedProd – Which One is the Best?
Elementor, Divi, and SeedProd are among the best WordPress website and landing builders in the market, so comparing them will always be close.
However, we believe that SeedProd is the best plugin for building custom WordPress themes and landing pages.
It’s super easy to use, offers an exceptional user experience, and gives your more control over the customization of your themes and pages. With SeedProd, you also get great integration options, responsive designs, and fast performance.
Often users ask us what about the default WordPress block editor, and how does it compare with these WordPress page builder plugins. There has been a lot of promising progress being made with front-site editing with the WordPress block editor, but it’s not yet powerful enough to compete with these popular page builders.
Do you want to create a beautiful coming soon page for your WordPress site?
All websites need a pre-launch coming soon page. It allows you to build anticipation, create hype, and spread the word even before the launch of your main website.
In this article, we will show you how to quickly and easily create beautiful coming soon pages in WordPress.
Why Create Coming Soon Pages in WordPress?
Coming soon pages are not just a placeholder for your website. They can be an effective lead generation tool for your business even before the site launch.
Here are a few ways that we have used coming soon pages:
Gauge User Interest – If you are unsure about an idea, then coming soon pages can help you asses user interest in the project.
Build Hype – Coming Soon pages can also be used to build anticipation and create hype. Give product information and offer users incentives for sharing.
Capture Leads – Start building your email list and ask users to follow your social profiles. This allows you to have likes and followers as social proof even before you launch the site.
SeedProd is the best WordPress page builder plugin on the market. It allows you to build any type of landing page including Coming Soon page to limit access to your site and turn the pre-launch page into a lead magnet.
Note: There is a free version of SeedProd available as well that you can use, but for this tutorial we’ll show the Pro version since it has more features.
Upon activation, you need to visit SeedProd » Settings page to enter your license key. You can find this information under your account on the SeedProd website.
Next, you need to visit SeedProd » Pages page and then click on the ‘Set up a Coming Soon Page’ button.
On the next screen, you will be asked to choose a template. SeedProd comes with several professionally designed coming soon page templates to choose from. Simply click on a template to select it.
This will launch the SeedProd page builder interface. You’ll see a live preview of your selected template where you can simply point and click to select and edit any item.
You can also add new blocks to your page from the left column. Let’s add a countdown timer that tells users when your site will be launched.
Simply drag the ‘Countdown’ block and drop it on the page preview where you want it to be displayed.
After that, point and click on the countdown block, and you will see its properties in the left column.
Feel free to edit the page as much as you need. Try adding different blocks, changing text colors, add your business logo, and more.
Connect Your Email Marketing Service
Once you are finished with the design, you can switch to the ‘Connect’ tab. This is where you can connect your email sign up form to your email marketing service provider.
SeedProd supports all top email marketing platforms. For the sake of this tutorial, we’ll be connecting our coming soon page to Constant Contact. Simply click to select it and then click on the ‘Connect New Account’ button.
Next, you’ll need to provide an API Key and a name for this connection. Simply click on the ‘Connect to Constant Contact’ button to continue.
This will open up a popup where you’ll need to log into your Constant Contact account. After that, click on the Allow button to give SeedProd access to your Contact Contact account.
Next, it will show you the API key which you need to copy and paste into SeedProd and click ‘Connect’ button.
SeedProd will then fetch your email lists. You’ll need to choose the email list you want to use and then click on the ‘Save Integration Details’ button.
Publishing Your Coming Soon Page
Once you are finished with the page design and integrations, you are now ready to publish your coming soon page.
First, you need to click on the Save button and then select ‘Publish’ to save your coming soon page and make it publicly available.
SeedProd will now publish your page, and you can exit the page builder by clicking on the close button.
Next, you need to turn on the ‘Coming Soon’ mode to make sure that people visiting your website see the coming soon page only.
Simply go to SeedProd » Pages page and then switch the toggle under ‘Coming Soon Mode’ to active.
SeedProd will now turn on the coming soon mode for all your website. You can still login and work on your website but other non-logged in users will only see the coming soon page you created.
Advanced Settings for Coming Soon Page
SeedProd allows you control how your coming soon page is displayed. You can access those advanced settings by visiting the SeedProd » Pages page and clicking on the ‘Edit Page’ button under the Coming Soon Mode box.
This will launch the page builder interface where you need to switch to the ‘Page Settings’ tab. Under the General settings you can provide a title for your page, select isolation mode, or change the page template start with a new one.
By default, the plugin will start showing your coming soon page to all non-logged in users. However, SeedProd gives you full control on who can access your website while it is under coming soon mode.
This comes in handy in certain situations. For instance:
You only want to allow a client to view the site when logged in
You want to make some URLs publicly accessible
Allow user with specific IP address to view the website.
For advanced access rules, click on the ‘Access Control’ menu to select who can access your website when its under coming soon mode.
You can also switch to the SEO tab to provide an SEO title, description, a featured image to be used when your link is shared on social media websites, and more. You can also choose to tell search engines not to index that page.
Lastly, you can switch to the Scripts tab where you can add any third-party scripts that you may need to add. For instance, you may want to add Google Analytics code, Facebook pixel, or other tracking code here.
Don’t forget to click on the Save button at the top to save your advanced page settings.
Switching off The Coming Soon Page
Once you are ready to publish your website, SeedProd makes it super easy to turn off the coming soon mode.
Simply visit SeedProd » Pages page and switch off the ‘Active’ toggle under the Coming Soon Mode box.
Creating a Maintenance Mode Page in WordPress
Some site owners may want to display a maintenance mode page instead of a coming soon page. A maintenance mode page is helpful if your site is undergoing maintenance, and you want to let your users know that you will be back soon.
SeedProd’s Coming Soon Pro plugin also lets you create beautiful maintenance pages in WordPress.
Simply go to SeedProd » Pages page and click on the ‘Set up a Maintenance Mode Page’ button.
The rest of the process is the same as creating a coming soon page. You will get full access control and you can easily turn off maintenance mode when you are done.
We hope this article helped you learn how to create beautiful coming soon pages in WordPress. You may also want to see our ultimate guide on how to increase your blog traffic, and our comparison of the best business phone services to improve your workflow.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
