{"id":84934,"date":"2018-11-24T19:38:04","date_gmt":"2018-11-25T00:38:04","guid":{"rendered":"https:\/\/wpdeveloper.net\/?p=84934"},"modified":"2020-03-17T22:58:47","modified_gmt":"2020-03-18T02:58:47","slug":"data-counter-element-wordpress","status":"publish","type":"post","link":"https:\/\/wpdeveloper.com\/data-counter-element-wordpress\/","title":{"rendered":"Put Spotlight In Important Data Using Counter Element for Elementor"},"content":{"rendered":"<p>Numerical or statistical facts are always capable of striking your visitors on the website. If you are considering to display your key company figures to grab the attention right after the visitor enters your website, the\u00a0<span style=\"color: #3366ff\"><strong><a style=\"color: #3366ff\" href=\"http:\/\/essential-addons.com\/elementor\/\" target=\"_blank\" rel=\"noopener\">EA Counter<\/a><\/strong><\/span> would be the perfect choice for you. Haven&#8217;t heard about this before? There&#8217;s no need to worry. Because we are going to discuss in detail and walk you through on how to easily put the spotlight in important data using Counter element for <span style=\"color: #3366ff\"><a style=\"color: #3366ff\" href=\"https:\/\/wpdeveloper.net\/go\/elementor\" target=\"_blank\" rel=\"noopener\"><strong>Elementor<\/strong><\/a><\/span>.<\/p>\n<p><!--more--><\/p>\n<p><a href=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/PUT-SPOTLIGHT-IN-IMPORTANT-DATA-1.png\" rel=\"nofollow noopener\" target=\"_blank\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-171454\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/PUT-SPOTLIGHT-IN-IMPORTANT-DATA-1.png\" alt=\"Counter Element\" width=\"1280\" height=\"720\" title=\"\" srcset=\"https:\/\/assets.wpdeveloper.com\/2018\/11\/PUT-SPOTLIGHT-IN-IMPORTANT-DATA-1.png 1280w, https:\/\/assets.wpdeveloper.com\/2018\/11\/PUT-SPOTLIGHT-IN-IMPORTANT-DATA-1-300x169.png 300w, https:\/\/assets.wpdeveloper.com\/2018\/11\/PUT-SPOTLIGHT-IN-IMPORTANT-DATA-1-768x432.png 768w, https:\/\/assets.wpdeveloper.com\/2018\/11\/PUT-SPOTLIGHT-IN-IMPORTANT-DATA-1-1024x576.png 1024w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/a><\/p>\n<h2><span style=\"color: #3366ff\">What Can You Do with EA Counter?<\/span><\/h2>\n<p>By using the Counter element, you can now grab your visitor&#8217;s attention by emphasizing significant statistical numbers on your WordPress website in an instant. When you put a counter on your website highlighting your data what happens is that visitors get a quick overview of your company. If it is done correctly, it can easily turn your potential customers into real ones.<\/p>\n<p><iframe title=\"How to Showcase Counter On Website with Essential Addons\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/uUxDJBt3SVs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>You can provide your noteworthy company information or milestones using this counter element. Showcasing the number of products and customers you have, your company would look more trustworthy to the visitors.<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Counter-1-1.png\" rel=\"nofollow noopener\" target=\"_blank\"><img decoding=\"async\" class=\"aligncenter wp-image-85390 size-full\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Counter-1-1.png\" alt=\"Counter Element\" width=\"1346\" height=\"151\" title=\"\" srcset=\"https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-1-1.png 1346w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-1-1-300x34.png 300w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-1-1-768x86.png 768w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-1-1-1024x115.png 1024w\" sizes=\"(max-width: 1346px) 100vw, 1346px\" \/><\/a>\u00a0Counter Idea 1<\/p>\n<p>You can also add some facts about your business with a nice eye-catching background. Having a colorful background with the counter to all your key information is surely going to make this hard to miss.<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Counter-2-1.png\" rel=\"nofollow noopener\" target=\"_blank\"><img decoding=\"async\" class=\"aligncenter wp-image-85391 size-full\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Counter-2-1.png\" alt=\"Counter Element\" width=\"1348\" height=\"433\" title=\"\" srcset=\"https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-2-1.png 1348w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-2-1-300x96.png 300w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-2-1-768x247.png 768w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-2-1-1024x329.png 1024w\" sizes=\"(max-width: 1348px) 100vw, 1348px\" \/><\/a>Counter Idea 2<\/p>\n<p>Not every data you are going to put using counter element has to be about serious achievements. There can be some fun facts as well. What this does is that it brings an amusing side and makes things very interesting.<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Counter-3-1.png\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-85392 size-full\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Counter-3-1.png\" alt=\"Counter Element\" width=\"1123\" height=\"538\" title=\"\" srcset=\"https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-3-1.png 1123w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-3-1-300x144.png 300w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-3-1-768x368.png 768w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-3-1-1024x491.png 1024w\" sizes=\"(max-width: 1123px) 100vw, 1123px\" \/><\/a>Counter Idea 3<\/p>\n<h2><span style=\"color: #3366ff\"><strong>Key Features<\/strong><\/span><\/h2>\n<ul>\n<li>Ease of use<\/li>\n<li>Plenty of Attractive Layouts<\/li>\n<li>Smooth Counter Animation<\/li>\n<li>Customizable without any Difficulty<\/li>\n<\/ul>\n<h2><span style=\"color: #3366ff\">Activate &amp; Configure Counter Element<\/span><\/h2>\n<p>Firstly, you need to activate the <span style=\"color: #3366ff\"><strong><a style=\"color: #3366ff\" href=\"https:\/\/wpdeveloper.net\" target=\"_blank\" rel=\"noopener\">EA Counter<\/a><\/strong><\/span> element from the Elementor dashboard by dragging the element into the &#8220;Drag widget here&#8221; or the &#8220;+&#8221; section.<\/p>\n<p><a href=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Counter-1.png\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-85332 size-full\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Counter-1.png\" alt=\"Counter Element\" width=\"1350\" height=\"653\" title=\"\" srcset=\"https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-1.png 1350w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-1-300x145.png 300w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-1-768x371.png 768w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-1-1024x495.png 1024w\" sizes=\"(max-width: 1350px) 100vw, 1350px\" \/><\/a><\/p>\n<p>After the first step is done, you will be able to configure the element. You will see three tabs: Content, Style &amp; Advanced. From the &#8220;Content&#8221; tab, you can modify your counter, add\/remove the divider and change the speed of the counter.<\/p>\n<p>You can use the drop-down menu to increase or decrease the number you want to display. There are also input fields to insert a number, prefix or suffix. Counter settings also give you the option to add a title and modify it. The title should be meaningful to comply with the number you are putting. Since this is what you are going to use to grab your visitor&#8217;s attention.<\/p>\n<p>As per your preference, you will have the flexibility to choose any of the six layouts given. By enabling the &#8220;Divider&#8221; option, you can also create a divider between the number and title.<\/p>\n<p><a href=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Counter-2.png\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-85333 size-full\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Counter-2.png\" alt=\"Counter Element\" width=\"1347\" height=\"584\" title=\"\" srcset=\"https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-2.png 1347w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-2-300x130.png 300w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-2-768x333.png 768w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-2-1024x444.png 1024w\" sizes=\"(max-width: 1347px) 100vw, 1347px\" \/><\/a><\/p>\n<p>To set your preferred counting speed, you can simply increase or decrease the bar. By default, the speed is set to 1500 milliseconds.<\/p>\n<h2><a href=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Counter-4.png\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-85335 size-full\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Counter-4.png\" alt=\"Counter Element\" width=\"268\" height=\"325\" title=\"\" srcset=\"https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-4.png 268w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-4-247x300.png 247w\" sizes=\"(max-width: 268px) 100vw, 268px\" \/><\/a><\/h2>\n<h2><span style=\"color: #3366ff\">Style all the Features<\/span><\/h2>\n<p>Below the &#8220;Style&#8221; section, you can add styling to the counter, number, suffix, and title. You will have the options to modify your number &amp; title typographies, background color, margins, paddings and many more.<\/p>\n<p>The styling is so easy to navigate that anyone can play around with it to get the desired result.<\/p>\n<p><a href=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Counter-6.png\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-85337 size-full\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Counter-6.png\" alt=\"Counter Element\" width=\"1348\" height=\"650\" title=\"\" srcset=\"https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-6.png 1348w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-6-300x145.png 300w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-6-768x370.png 768w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-6-1024x494.png 1024w\" sizes=\"(max-width: 1348px) 100vw, 1348px\" \/><\/a><\/p>\n<h2><span style=\"color: #3366ff\">Final Outcome<\/span><\/h2>\n<p>By changing the background color for each column from the &#8220;Advanced&#8221; section, the following is going to be your final result.<\/p>\n<p>Essential Addons Counter element gives you the freedom to customize your layout whichever you want. As a result, you can easily come up with your own unique and creative designs to make your Counter element look attractive to your visitors.<\/p>\n<p><a href=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Counter-7.png\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-85338 size-full\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Counter-7.png\" alt=\"Counter Element\" width=\"1345\" height=\"650\" title=\"\" srcset=\"https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-7.png 1345w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-7-300x145.png 300w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-7-768x371.png 768w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Counter-7-1024x495.png 1024w\" sizes=\"(max-width: 1345px) 100vw, 1345px\" \/><\/a><\/p>\n<h2><span style=\"color: #3366ff\">Summary<\/span><\/h2>\n<p>So, we have discussed the significance of using a nicely designed Counter on your WordPress website and how you can easily configure it. To wrap this up, we hope this article will help you out getting started with the Counter Element of Essential Addons.<\/p>\n<p>To check this element in live-action, you can also visit our <span style=\"color: #3366ff\"><strong><a style=\"color: #3366ff\" href=\"https:\/\/essential-addons.com\/elementor\/counter\/\" target=\"_blank\" rel=\"noopener\">Demo<\/a><\/strong><\/span> page as well. Let us know if you have any questions in the comments section.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Statistical information is key for any business to attract visitors. An impressive showcase of data leads to an increase of customers. By using Counter of Essential Addons, you can highlight your important company information on your WordPress website.<\/p>\n","protected":false},"author":6348,"featured_media":171454,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","footnotes":""},"categories":[108,88],"tags":[274,123,275,104,121],"class_list":["post-84934","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-tutorials","tag-counter-element","tag-creative-elements","tag-ea-counter","tag-elementor","tag-essential-addons"],"nelio_content":{"autoShareEndMode":"never","automationSources":{"useCustomSentences":false,"customSentences":[]},"efiAlt":"","efiUrl":"","followers":[2045,6348],"highlights":[],"isAutoShareEnabled":true,"networkImageIds":[],"permalinkQueryArgs":[],"series":[],"suggestedReferences":[]},"views":2340,"_links":{"self":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/84934","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/users\/6348"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/comments?post=84934"}],"version-history":[{"count":24,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/84934\/revisions"}],"predecessor-version":[{"id":417155,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/84934\/revisions\/417155"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/media\/171454"}],"wp:attachment":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/media?parent=84934"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/categories?post=84934"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/tags?post=84934"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}