15 WordPress Plugins You Never Knew You Needed

There are literally thousands upon thousands of plugins and add-ons available to WordPress users (55,000 and counting, in fact), covering essential functions like SEO, security, analytics and customer support to name just a handful. These plugins can be installed in seconds and immediately give your WordPress blog, corporate website or online store a boost. Some are comprehensive, offering a multitude of features and functions, whereas some are more elementary, providing a more focused or specialized solution. Some are free, while others come at a cost. Whatever your needs, it’s likely there’ll be a plugin that can do the job.

But while we’re sure you’ve already considered your most fundamental requirements when it comes to plugins (see the aforementioned examples), what about some of the more niche concerns? With the myriad options available, there are plugins that cover elements you’d have never even thought about. Some of these might be throwaway and generally ineffective, but there are plenty of overlooked plugins that could make a real difference to your website or blog — you just don’t know it yet.

So, here’s our run-through of 15 oft-ignored WordPress plugins that you never knew you needed!

1. Herd Effect

Whether or not you approve of this ever-so-slightly deceitful plugin (many wouldn’t, since you’re effectively misleading your audience), Herd Effect is a handy tool when it comes to boosting conversion by creating a sense of demand and urgency. The concept? Herd Effect enables you to post fictitious notifications for things like purchases and signups, making your store seem busier and your products seem more in-demand than they actually are. If your conscience simply won’t stomach it, fear not: you can publish genuine notifications based on actual user behavior, too.

2. MyCred

If you’re running an e-commerce store on WordPress, you’ll know that customer engagement and loyalty aren’t to be taken for granted. And one of the best ways to give them a boost is through a reward-based loyalty program like MyCred — in fact, the buying decisions of more than two thirds of US consumers are influenced by these types of programs, so you’re missing a trick if you’re not already using one. With MyCred, you can award points for specific actions like making a purchase, and then allow your customers to turn those points into discounts, coupons or cash rewards!

3. Cloudways

Have you thought about where (and how) to host your WordPress site? Well, you’ll need to, as choosing the right hosting solution is crucial to the speed, performance and security of your website (not to mention your ability to ‘scale up’ as your traffic grows). For this, we’d recommend a cloud hosting solution (principally because the aforementioned benefits are well-covered) and Cloudways is a great option — it’s one of the fastest WordPress hosting providers, and with the WordPress Migrator plugin you can seamlessly migrate your website to Cloudways from any other hosting provider.

4. Counter Number

If numbers are your thing, then Counter Number (we know, they could’ve spent a bit more time coming up with a better name) is a great way of displaying data in a fun, easily digestible way. You might want to tell your visitors how many happy customers you have, how many awards your company has won, how many team members you have around the world, or something more trivial like how many cups of coffee are consumed in your office every day! Either way, it’s a great way to show clout and it comes with fully customizable designs and a simple drag-and-drop creator.

5. Redirection

A pretty straightforward concept, but something website owners will often overlook, Redirection is a does-what-it-says-on-the-tin plugin that manages 301 redirects, keeps track of 404 errors and tidies up loose ends to avoid users dropping off due to broken links. Especially handy if you’re looking to migrate pages from an old website, Redirection includes custom ‘pass-through’ redirections (allowing you to pass a URL through to another website, page or file) as well as 404 error monitoring.

6. Smush

If your website is particularly image-heavy, then a tool like Smush is a bit of a no-brainer, since it resizes, compresses and optimizes the images on your site, cutting down on data overload without loss of quality. With lazy loading and a bulk “smushing” option (where you can optimize 50 images in one go), Smush will help your website load faster — which is important for a number of reasons, not least for SEO. It seems simple enough, but this user review illustrates how this factor can be easily overlooked: “I had no idea that my page load time was being dragged down by the images. The plugin nearly halved the time it took”.

7. Quiz Cat

A neat way of boosting engagement while encouraging interaction, a quiz could be a nifty addition to your WordPress site. Now, your quizzes don’t have to be about cats (although they absolutely can), but with Quiz Cat you can easily build trivia quizzes or personality tests with its HTML editor and a simple drag-and-drop interface. Admittedly it’s a nice-to-have rather than a necessity, but it can make your content a little more memorable and encourage your users to share their results on social media, potentially increasing your reach.

8. Step by Step

If some of your content would benefit from being displayed in step-by-step fashion (we’re mainly thinking tutorials, user guides and technical instructions, but that could extend to recipes or exercise programs) then the aptly-named Step by Step plugin is the ideal solution. You can create as many “steps” as you like, adding custom images and text to each, assembling your content in an easy-to-digest, sequential fashion, and making a potentially overwhelming and text-heavy content page far simpler to follow.

9. YITH

A simple yet effective add-on for online merchants running a store through WordPress (providing you’re also using the WooCommerce plugin), YITH lets your users create their own wishlists — a powerful and popular function utilized by many e-commerce websites. Great especially around the holiday season (since wishlists can be shared with friends and families), shoppers can save their favorite products and easily find them again at a later date. The plugin also has close to a million users, so it must be doing something right!

10. Download Monitor

Many sites offer downloadable content (this can be a great incentive to encourage a signup to your subscriber list, for example) and Download Monitor makes it easy to upload files and format links, whether you’re uploading e-books, white papers, case studies or even downloadable vouchers and coupons. Used on the websites of some of the leading businesses in the WordPress sphere, with Download Monitor you can easily add, edit and remove documents and track the number of downloads.

11. WebSub

This one is aimed squarely at bloggers using WordPress to publish their share-worthy content, and is a game changer when it comes to getting as many eyes as possible on your latest posts. With WebSub, you can automatically notify your subscribers as soon as new content has been posted on your blog, using hubs like Google Reader and Google Alerts to send your regular readers a nudge to come and check out what’s new. There’s minimal configuration required on the blogger’s part, so you can sit back and wait for your visitors to roll up.

12. bbPress

Creating a sense of “community” on your site is a great idea; it encourages your users (or customers) to interact and share information with one another, and it can get them talking about your products and services. What’s more, it’s a great way for you to get a better understanding of what your customers really think — honest and unfiltered. With bbPress, you can add a simple discussion forum to your site with no manual code tweaking; within the tool, you can segment discussion threads by category and moderate contributors who might be posting anything unseemly.

13. UberMenu

If your site includes reams of content or a vast collection of products, you want to help your visitors find them as easily as possible, right? To that end, UberMenu will help make your navigation menus as user-friendly, as intuitive and as visually engaging as possible. Not only are the layouts fully customizable (you can add rows, columns and sub-menus as needed) but they’re mobile responsive (touch-enabled) and come with an enhanced UI. What’s more, you can add dynamic content like images, icons, forms and maps directly into your menus.

14. Formidable Forms

Looking for a multi-purpose form builder? Though the name might sound unnecessarily intimidating, Formidable Forms enables advanced form creation, enabling you to build contact forms, polls, surveys, quizzes, calculators and registration forms (basically, anything that requires a user to enter information) and track the results in your WordPress dashboard. With a drag-and-drop builder and seamless integration with other third-party apps like WooCommerce, your forms will look great on any device and help you to capture more information from your customers.

15. Cornify

Remember we alluded in the intro to those plugins that were generally throwaway and a little bit pointless? Well, here’s Cornify, a plugin we can assure you has only been included here as a bit of fun. In what probably started as an April Fools prank, this nonsensical tool will cause unicorns (yes, unicorns) to appear on a user’s screen after a few seconds of inactivity. They dance, too. It’s certainly one way to grab attention, but probably don’t add this one to your must-install list.

Admit it. You didn’t know many of these criminally overlooked plugins existed before now, did you? Well, now you do. And while you may not find all of them useful (unicorns aren’t to everyone’s taste, after all), we’re sure you’ll be rushing to hit the ‘download’ button on at least some of these unique and surprisingly effective tools.

How to Display Meta Box Custom Fields in Divi

When you need more elements to assign extra data in your posts outside the default WordPress field such as post content, post title, and post meta, that’s when the custom field is come in handy. You can add extra information to a particular post with custom fields. For example, if you want to create a home seller website, chances are you want to add parameters such as price, location, number of bedrooms and bathrooms, and more, all that information can be stored using custom fields as metadata in your post.

To create and manage custom fields in WordPress easily with no coding knowledge required, plugins will do just that. ACF, Pods, and Meta Box are examples of WordPress plugins that you can use to create custom fields without coding. However, displaying custom fields is another matter as it needs some knowledge of PHP code, but don’t worry, by using a page builder like Divi Builder you can display custom fields data as dynamic content in your website posts and pages.

How to Display Meta Box Custom Fields in Divi

Step 1: Install the Meta Box Plugin

You can get the Meta Box plugin from wordpress.org for free or, if you want the premium one for more features including the built-in custom meta box and custom field generator and premium support they are offering, you can obtain them by purchasing from Meta Box website.

Step 2: Create the Custom Fields

After installing and activating the Meta Box plugin, the next step is creating the custom field. To create a custom field with Meta Box free edition you need to go to their online custom meta boxes and custom fields generator. The link for the generator is available on the Meta Box plugin about page. Or you can simply click here.

On the online generator site, there are many custom fields type to choose from the Basic tab down to the Layout tab, however, we will only use the basic block option as it already has all the fields we need for our custom field.

The custom field we will be creating in this tutorial are:

  • Price (Text)
  • Squaremeter(Text)
  • Bathroom(Text)
  • Bedroom(Text)
  • Type of furnish(Select)

Let’s select the custom field we need, according to the above list, then we need 4 Text fields and 1 Select field. Then continue by modifying the field properties as follows:

  1. Label: Price, ID: price
  2. Label: Squaremeter, ID: squaremeter
  3. Label: Bathroom, ID: bathroom
  4. Label: Bedroom, ID: Bedroom
  5. Label: Furnish, ID: furnish, Choices: Furnished, Luxury, Vintage, Unfurnished

Move on to the Settings tab to add the title for our custom field group and fill out the following field:

  • Field group title: House
  • Field group ID: house
  • Post types: Post
  • Position: After content

Finish by clicking GENERATE CODE button, then copy the entire snippet by clicking the copy button on the top right corner.

Continue by pasting the snippet into your theme function.php file, or you can install the Code Snippets plugin for an easier and more simple way to run the snippet on your site.

After the plugin is installed and activated, your dashboard menu will have a new addition, it’s the Snippets menu. Let’s add a new snippet, then give it a title → paste the code and delete the <?php code at the top then saves and activates the snippet by clicking Save Changes and Activate button.

Let’s take a look at the newly created custom field in the Gutenberg editor under the custom field group title.

Step 3: Create a Global Body with Theme Builder

Before we start creating the posts for the real estate with the custom field, let’s create a “house” category first which we will be using in creating a global body. To create a category, from your WordPress dashboard, go to Post Categories → Add New Categories then fill out the Name field and the Slug field with “house” then proceed to create the category by clicking the Add New Category button.

Once you’ve created the house category, let’s proceed to create a global body!

Start by opening the Divi Theme Builder and building a custom body.

You can build the layout from scratch or you can use any pre-made layouts you like to build the custom body, in this tutorial we used the Agency layout.

Let’s make the title and image dynamic, so it will refer to the post we will be creating later. You can read our previous article to learn more how to add dynamic content in Divi.

Move on to the Service section or second section, we will add two more columns to the row to add more blurb for our custom fields properties. Click Add New Column to the right, and repeat one more to make it a total of 5 columns.

Continue by duplicating the blurb module and drag and drop it to the fourth and fifth columns respectively.

Let’s modify the blurb icon, title, and content according to the custom field properties. Start by opening the first Blurb Settings, then change the Title to Price.

Move on to the Image & Icon settings, let’s change the icon to fit the price title, we use the dollar icon for it.

Back to the Text setting, in the Body field, change the content to the price custom field by clicking the Dynamic Content icon, then look for the price custom field in the Custom Fields list and select it.

If you ever face trouble with finding the costume field you created not showing up in the custom field list, first, make sure you enable the Divi Builder editor for the post and the page on the Divi Theme Option → Builder, and try creating a new post in Gutenberg with the custom field are filled out.

For the other blurbs module, you can repeat the above step and modify them for each custom field we need and give it before and after text in the content.

Step 4: Create a Post and View the Result

Let’s create a new post with the house category and custom fields. Add a title, a featured image of the real estate, and some description, then fill the house custom fields.

Continue by publishing the post and let’s take a look at what it looks like on our website.

As you can see, the custom field we filled out earlier shows up on our post as the real estate details.

How to Add Dynamic Content in Divi

Every module can become a dynamic element in Divi. From the title, post content, featured image, site logo, and even the custom field which has many uses for your default post type and custom post type.

There is some definition for dynamic content, from content that changes from user behavior, preference, or interest, however, that’s all is an advanced application of dynamic content.

Dynamic content basically is the type of content that change based on data and condition you provide to the element and can be recalled in some ways without manually creating the data again.

We will take the example of the site title, sure you can manually type it and it will become a static title, however when you change your site title in the future when it’s already called on many pages or posts then you have to adjust all those titles manually. And that’s when dynamic titles come in handy.

How to Add Dynamic Content in Divi

To add dynamic content in Divi, you can use existing dynamic content modules like Post Title and Post Content, or you can add dynamic content into other modules such as image module, text module, blurb module, and many more. And we will demonstrate them in this article.

Let’s start by opening the Divi Theme Builder, then add a new template by clicking the plus icon and selecting All PostsCreate Template. Continue by clicking Adding a Custom BodyBuild Custom Body to make a default template for all the posts on your website.

In the Divi Builder editor, create the first row with any layout to add the module.

Post Title Module

In Divi, Post Title Module has many elements included that you can set to appear alongside the title. They are:

  • Post Meta
  • Post Author
  • Post Date
  • Post Categories
  • Comment Count
  • Featured Image

You can change those elements’ style in the Design tab, like the font, text size, and animation then in the Advanced tab you can give further customization and visibility conditions to the module.

Post Content Module

As the module name suggests, it is literally a module that will pull out your post content to appear anywhere you place the module.

How to Use Dynamic Content on Any Module in Divi

Adding dynamic content to any module in Divi is very easy and can be done with very few steps.

Let’s try it with the blurb module. Start by adding a Blurb module into the row in the Divi editor.

Almost all blurb settings in the Content tab namely:

  • Title
  • Body
  • Image & Icon
  • Link
  • Background

Can utilize dynamic content just by clicking on the dynamic icon .

Let’s try to make the blurb title refer to the post title, the body text refers to the post excerpt, and the image refers to the featured image. From the Content tab of the Blurb SettingsTitle, click on the dynamic icon then a list of dynamic content that we can use will appear, then select the Post/Archive Title.

Continue to the Body option, similar to the title, click on the dynamic icon to add dynamic content, then select the Post Excerpt option for the blurb content.

And now for the image, scroll down a little to the Image & Icon, the steps are a little different because we need to delete the default image to make the dynamic icon appear so we can click on it. Proceed to delete the default image by clicking on the trash bin icon then click on the dynamic icon to select the Featured Image option from the dynamic content list.

Let’s save the template and create a new post with it.

We just create a simple post using Gutenberg with a Castle Fairy Tale as the title then random lorem ipsum as the content, then use a castle image as the featured image.

Let’s view it on the front end of the website.

As you can see in the above image, the blurb title is the same as the post title, also the image uses the featured image we set for the post.

If you want to create more than one blurb with a custom title, custom content, and custom image, you may need to create a custom field for each blurb. You can read our previous article which covers creating custom fields using ACF and Meta Box in Divi.

More on Dynamic Content

Ever hear of a dynamic website? yes, it’s a website where its content changes depending on the place, time, and the user. A dynamic website is a perfect example of dynamic content implementation. Dynamic sites like Amazon and Netflix take dynamic content to the next level, on these sites and others like them dynamic content is personalized for each visitor’s experience, based on their past history on the website.

How to Use Notes in Elementor

You have many options of tools to collaborate with teammates and clients on a website project. From an old-fashioned tool like email to a more modern tool like Notion. However, it would be great if you could collaborate with your teammates and clients right within the site builder tool you use to create the website. Elementor has made it possible for you doing so with the release of Elementor Pro version 3.7. The version includes a brand-new collaboration feature called Notes.

As the name suggests, the Notes feature of Elementor allows you to leave a note to your teammates or clients. You can add a note to an element within the Elementor editor with the aim to ask your teammates to make a change. To make it clear who you ask to make the changes, you can mention the username of your teammates. Here is the sneak peek of the feature.

How to Use the Notes of Elementor

The Notes feature is available in Elementor Pro version 3.7. So, to use it, you need to upgrade your Elementor Pro to this version first. After upgrading, you will see a new item called Notes when clicking the hamburger icon on the settings panel of Elementor. You can find hamburger icon on the top-left corner of the Elementor editor.

After clicking the Notes menu above, you will be taken to the preview mode of Elementor and you will see a pin icon. Point the icon to an element you want to leave the note on and click on it. Simply type your note on the appearing box and click the Leave a Note button once done writing. You can mention an existing username on your WordPress site by typing the “@” symbol. Typing this symbol will show the list of users on your WordPress site.

To check the notes left by your teammates/clients, you can simply open the Notes panel as we have described above.

A little note. The Notes feature is not available for all users by default. In order to make the users can access the feature, you need to give them the permission first. To do so, go to Users –> All Users on your WordPress dashboard. Select a user you want to give access the Notes feature to and click the Edit link.

Scroll to the Elementor Notes section and tick the Allow user to access the Notes feature. option.

Don’t forget to click the Update User button to apply the change. From now on, the user will be able to access the Notes feature from the Elementor editor as we have covered above.

7 Best Custom Login Page Plugins for WordPress

Some WordPress users might not realize that they can customize their login page of the WordPress site. Or maybe they are pretty satisfied with the appearance of the default WordPress login page. Customizing the WordPress login page has many benefits. One of the advantages is designing a website for your clients; it makes you look professional and stand out from other web designers.

Many WordPress plugins can provide you to customize the login page; some plugins are free, and some are not. This article will show you the 5+ best custom login page plugins for WordPress as your reference.

7 Best Custom Login Page Plugins for WordPress

1. LoginPress

LoginPress is one of the most popular custom login page plugins in the WordPress directory, with more than 200,000 active installations. With LoginPress, you can customize the fields to change the layout of the login page of WordPress. The customization of this plugin is exhaustive. Such as forgot error messages, login error messages, registration error messages, etc.

This plugin is free, but you can upgrade to the premium version if you are interested in the premium features such as pre-designed login templates, Google Fonts, Google ReCaptcha, LoginPress Addons, etc. LoginPress gives you four premium package options that you can choose for your needs.

2. Elementor Pro

Elementor is the most popular page builder plugin for WordPress. You can use it to create the core static pages of your website such as homepage, about page, contact page, and so on. In addition, Elementor also allows you to create custom pages for WordPress login and page and registration page. Elementor already has a built-in widget — the Login widget — to create both a custom login page and custom registration page. The widget is available on the pro version.

When creating a custom login page using the Login widget of Elementor Pro, you can set a redirect page after a successful login, style up the button, enable/disable lost password link, set a custom message, and so on. You can create a beautiful login page using the visual editor of Elementor.

3. Custom Login Page Customizer

With Custom Login Page Customizer, you can easily customize your login page with a simple user interface. This plugin is free and doesn’t have a premium version. Still, this plugin provides you to edit many following features are below:

  • Templates
  • Background
  • Logo
  • Form
  • Fields
  • Button
  • Custom CSS and JavaScript
  • etc.

This plugin has three free pre-designed login templates that you can select as your preference.

4. Feather Login Page

As you can see from the plugin’s name, Feather Login Page is lightweight and easy to use. The login page designs are entirely designable. You can customize the template, logo, background, form container, form background, form labels, form input, form styles, button background, footer links, and form text, and so on.

What makes this plugin so unique? Feather Login Page is free and has seven beautiful pre-designed login templates that you can use according to your brand and your website characteristics, and all of it is free. Last but not least, besides from a login page designer, this plugin provides you with other customizations such as below:

  • Custom Login URL
  • Expirable Login Link
  • Limit Login Attempts

5. Digits: WordPress Mobile Number Signup and Login

Digits provides you give your users to sign up and log in without the need to remember passwords. This plugin will make you look professional as a website designer because you offer another way to sign up and log in. Just using the phone number and one-time password (OTP) on SMS.

This plugin is not free; you need to buy a license to use this plugin. But with the features that the plugin offers to you, in our opinion is worth buying. It will bring your login page to the next level with an interactive page builder, having 50+ elements and thousands of options that you can use.

There are some key features that you might consider when buying this plugin as below:

  • Free Unlimited SMS
  • No Coding required
  • Robust, Instant, and Secure
  • Developer Friendly
  • Free Lifetime Updates
  • white Labeled (No branding from Digits even on messages)
  • Your Data (All accounts users are created as WordPress users and saved on your database)

6. Social Login

This plugin allows you or your clients to log in with social networks. There are40+ social networks that you can put on the login page, such as Facebook, Twitter, Instagram, etc. What makes this plugin so interesting is possible if you combine another login page plugin with this plugin. For example, we designed our login page with Feather Login Page and Social Login as below:

Social Login is a free plugin, but you can upgrade to the premium version to get some premium features. Such as below:

  • More unique login users per year
  • More allowed domains
  • Advanced support
  • etc

7. Saragna WorfPress Plugin

Saragna WordPress Plugin is very special. You can create a custom login page being looks standout. Everyone can use this plugin; it’s fully automatic and compatible with all recent versions of WordPress! This plugin has 10 Styles, 30+ prebuilt layouts, Ajax login, Google ReCaptcha, and many more available features. This plugin is not free, but if you want your login page looks attractive and engaging at the same time, in our opinion is worth buying.

The Bottom Line

This article shows you the 5+ best custom login page plugins for WordPress with different characteristics and specialties. You can select one of any of them as your preference. If your WordPress site is built with Elementor, you don’t need to install and extra plugin as Elementor (the pro version) comes with a Login widget which you can add to your custom login page.

3 Best Disqus Alternatives for WordPress

Accepting comments is the easiest way to interact with the visitors on your website. WordPress has a default commenting feature to allow your visitors to leave comments on blog posts and other content types on your website. But for some reasons, some WordPress users prefer to use Disqus to handle the discussion on blog posts.

What is Disqus and are there better alternatives to it for WordPress?

Disqus is a third-party commenting system which you can install on your website. Not just WordPress, but you can also install Disqus on other blogging tools, including Ghost. When you use Disqus to replace the default commenting feature of WordPress, the submitted comments are stored to the Disqus server. You can manage the comments from the Disqus dashboard. With Disqus, your visitors can add image and animated GIF to their comment apart from text without burdening your server as the content of the comment is stored to Disqus server.

There is also an upvote/downvote feature much like on Reddit.

While Disqus seems offer a better commenting experience on your WordPress site, it is not the best option when it comes to privacy. Since your visitors’ data is stored to the Disqus server, you have no control over it. Also, if you use the free version of Disqus, you will see ads on the comments section on your website.

Best Alternatives to Disqus for WordPress

The default commenting feature of WordPress is more than enough to handle discussions in the form of blog post comments. If you are tired of dealing with spams, you can stop them by creating blocklist, turning off anonymous comment, automatically closing comments on old posts, and so on (Read: How to Stop Spam Comments in WordPress).

If you keep wanting to use a third-party commenting system, here are some of the best alternatives to Disqus you can install on your WordPress site.

1. ReplyBox

ReplyBox is arguably the closest alternative to Disqus. It stores the comments to its server. So, no matter how many comments left by your visitors, it won’t burden your server. ReplyBox claims itself to be a privacy-focused commenting system. It promises to not track activities of your visitors or monetize their data. So, if you are looking for a third-party commenting system for your WordPress site, yet afraid of your visitors’ data of being monetized or tracked, ReplyBox is worth trying. ReplyBox doesn’t offer a free version like Disqus, but you have a chance to try it for free during the offered 14-day trial period. Before you try, you can also see the live demo of the service on this page.

ReplyBox uses Markdown format. Your visitors need to have basic Markdown knowledge if they want to format the comment they want to submit. To minimize spam, ReplyBox is integrated with the service from Akismet. Here are the key features offered by ReplyBox:

  • Akismet integration
  • Markdown formatting
  • Social login
  • Custom CSS
  • Comment moderation
  • Email subscription

Some features such as pin a comment and emoji are under development. ReplyBox supports text content only. So far, it doesn’t allow visitors to add image to their comments.

2. JetrReviews

The concept of JetReviews is a bit different from Disqus and ReplyBox. It doesn’t offer a comment hosting service, meaning that the comments are stored to your server so it may take extra resources on your server. JetReviews is a solution if you want to create a custom commenting system on your WordPress site. Not just for blog posts, but also other content types. For instance, you can use JetReviews to allow your visitors to leave a comment on a listing item if you have a listing site. Apart from reviews, your visitors can also give a star rating to a content.

JetReviews itself is built exclusively for Elementor. In other words, you can only use it if you use Elementor on your WordPress site. You can add JetReviews on a custom template you created with Elementor. Be it a custom template for default post type (blog post) or custom templates for custom post type. JetReviews is a perfect option to be used on a listing website although you can also use it on other website type, including a blog.

3. Thrive Comments

Thrive Comments is a great solution if you want to replace the default commenting feature of WordPress with something that can generate more traffic. It allows you to set a certain action after a visitor leaves a comment. One of which is by displaying a message to encourage your visitors to share the content to their social media accounts. It also allows you to redirect your visitors to a custom welcome page whereby you can add things like your services, featured content, etc. Thrive Comments is available in two options: as a standalone plugin and as a bundle of Thrive Suite — which consists of 9 plugins.

The Bottom Line

WordPress has a default commenting feature to allow you to interact with your visitors via comments, which is more than enough for casual blogging. But as WordPress is a customizable CMS, you can add custom commenting feature if you find its default commenting feature can’t handle your needs. Disqus is a great commenting system if you want your comments to be hosted to external server regardless of the privacy issue you have to compromise with. Or, you can consider the commenting systems above as the alternatives to Disqus for your WordPress website.

Each commenting system above has different focus. ReplyBox is great to build community. JetReviews is perfect to add reviews and star rating. While Thrive Comments is a suited option to generate more traffic.

How to Reveal an Element on Scroll Down and Hide on Scroll Up with Elementor

There are many advantages when you’ve chosen Elementor as your page builder. Elementor gives plenty of customization options to most minor things to make your WordPress site attractive. One of the advantages is revealing and hiding the element by scrolling down and scrolling up.

There are some elements that you can reveal or hide by scrolling, such as:

  • Back to Top Button
  • Floating Call to Action Button
  • etc.,

This article will show you how to reveal the element on scroll down and hide it on scroll up with the help of Elementor.

How to Reveal the Element on Scroll Down and Hide on Scroll Up with Elementor

Before continuing the tutorial, we would like to ensure that you already have Elementor Pro because we’ll need two features only available on Elementor Pro: Theme Builder and Custom CSS.

Alright, let’s get started!

How to Reveal the Back to Top Button by Scrolling Down and Hide by Scrolling Up

Go to your Elementor editor; you can edit your existing contents (Page, Post, and Template) or create a new one.

Step 1: Create a Back to Top Button

Enter the Elementor editor, select the Button widget from the widget panel, drag and drop it into the canvas area. You can put that widget anywhere on your page because we will adjust the position. In this example, we put the Button widget on the bottom of the page.

On the settings panel, we applied some changes as below:

Content tab:

  • Text: Remove the text
  • Alignment: Right
  • Icon: Select the Arrow Up icon from the Icon Library

Style tab:

  • Fixed Position:
    • Height: 1
    • Width: 1
  • Background Color: #FFFFFF30

Advanced tab:

  • Position: Fixed
  • Horizontal Orientation: Right
    • Offset: 50 PX
  • Vertical Orientation: Bottom
    • Offset: 50 PX

Next, we’re going to make the button clickable. Go back to the Content tab on the settings panel and start to link the button to the top section of the page by filling in the Link field. We need to go to the top section and click the Edit Section button. On the Advanced tab, go to the CSS ID, add any id name, and copy it. Once you’ve copied the CSS ID name, go back to the Edit Button -> Content tab and paste the CSS ID name into the Link field.

So now, no matter where you are on this page, it jumps you to the top if you click the button.

Step 2: Hiding and Revealing the Back to Top Button

As you can see from the GIF above, the button function is working well. But, when you’re at the top section of the page, you can still see the Back to Top button. So, it doesn’t look good. So, it would help if you made the button disappear when you’re on the top section and made the button appears when you’re scrolling down a few heights. Alright, let’s do that!

  • JavaScript

You need to add some JavaScript snippets to make the action happen. But, no need to worry because we already have written the JavaScript snippet for you; copy and paste.

Please create a new section by clicking on the plus icon (+), selecting the HTML widget from the widget panel then dragging and dropping it into the canvas area. We add the HTML widget above at the top section in this example.

Next, add the following JavaScript snippet into the HTML Code field by copying and pasting the JavaScript snippet below:

        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
    var offset = 400
    $(window).on('load scroll', function(){
        
        if( $(window).scrollTop() > offset ){
            $('body').addClass('show')
        }else{
            $('body').removeClass('show')
        }
    })
    </script>

We will give you a short description of the JavaScript snippet above. When you scroll 400 pixels, the body on a class name will be added and shown, and when you go to the top of your page, the show class name will be removed.

  • Custom CSS

Once you finish adding the JavaScript snippet into the HTML field, go back to the Button widget settings. On the Advanced tab, open the Custom CSS block and add the following CSS snippet:

selector{
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
body.show selector{
    opacity: 1;
}

Now the Back to Top button is hiding and revealing perfectly. Don’t forget to click the UPDATE or PUBLISH button to save the work that you’ve just made.

How to Reveal the Floating Call to Action Button by Scrolling Down and Hide by Scrolling Up

Go to your Elementor editor; you can edit your existing contents (Page, Post, and Template) or create a new one.

Step 1: Create a Floating Call to Action Button

In Elementor, there are two methods for creating a floating call to action button, they are:

  • By setting Z-Index
  • By creating a popup

For this example, we will use the first method by using Z-Index. We have already posted the article “How to Create Floating Button in Elementor).” You can click the link for more details. Let’s get started!

Go to your Elementor editor; you can edit your existing content (pages, posts, template) or create a new one. In this example, we will edit our current page. First, create a new section with a single column. Select the Button widget and drag it into the canvas area from the widget panel. Next, edit the Text button and the Link. In this tutorial, we will use the button as a trigger to navigate the visitors to the Taylor Swift concert tickets sale website.

Step 2: Hiding and Revealing the Floating Call to Action Button

As you can see from the GIF above, you can still see the floating call to action button at the top section of the page. To make the floating call to action button disappear when you’re on the top section and complete, the floating button appears by scrolling down a few heights. You can repeat your ways when hiding and revealing the Back to Top button above.

Note: When you’re editing to hiding and revealing the Back to Top button and Floating Call to Action button on the same page, you only need to paste the CSS snippet to the Custom CSS field.

Once you’ve done your page, don’t forget to click the UPDATE or PUBLISH button to save the work you’ve just made.

The Bottom Line

This article shows you how to reveal the element by scrolling down and hiding by scrolling up in Elementor. Feel free to play around with the Button widget, experiment with all the customization, and enjoy making your WordPress site more engaging.

How to Create Slide-in Menu in Divi

The great thing about slide menus is they allow for more content to be available without taking up extra space on the screen and they fit into most layouts and are often found within the mobile apps, so there will be a sense of familiarity in using them.

We will demonstrate two ways to have a slide-in menu on your Divi website in this tutorial, the first is by utilizing the theme customizer for Divi Theme, and the second one is to build a global header using the Divi theme builder.

How to Create Slide-in Menu in Divi Via Theme Customizer

First, you need to log in to WordPress as an administrator to have access to the website theme customizer, and you need to make sure no active global header on the Divi theme builder. Then, proceed to Divi → Theme Customizer.

You will be taken into theme customize to customize your website. From here, you can change your site title and tagline, add widgets to a sidebar or footer, create menus, change your homepage settings, and more.

Continue by clicking the Header & Navigation block → Header Format → Header Style, then select the Slide in option.

Viola just like that your slide-in menu is ready for action.

However, if you want to add more customization like changing the slide-in menu width, background color, text size, and more, you can go to the Slide in & Fullscreen Header Settings on the Header & Navigation block that appear after you choose the slide-in or full screen menu option.

How to Create Slide-in Menu in Divi Via Theme Builder

This time we will show you how to create a slide-in menu in Divi using the Divi theme builder by building a global header. From the Divi menu on the WordPress dashboard, choose the Theme Builder option then proceed to build a global header.

The Section Setting

You will be taken to the Divi Builder editor, start by clicking the section settings icon to change the first section setting. Continue by changing the section background color into a transparent one: rgba(255,255,255,0)

Move on to the Design tab Spacing to remove the default Top and Bottom padding. Set the value to 0 for both.

Move on to the Advanced tab Position, then change the Position option into Fixed and change the Location to the top center one.

First Row Setting

Continue by adding a new row into the section using the following column structure:

Before adding any modules, open the Row Settings first, then change the Sizing and Spacing option on the Design tab as follows:

Sizing:

  • Width: 97%
  • Max Width: 100%

Spacing:

  • Top Padding: 1%
  • Bottom Padding: 0px

Then move to the Advanced tab Custom CSS Main Element and add the following snippets there:

display: flex;
align-items: center;

You can place your site logo on the first column of this row by adding an Image Module there.

Create Interactive Hamburger Icon

Move to the third column or column 3, and add a Text Module. We will use the text tab instead of visual to add three HTML spans with custom classes to create an interactive hamburger icon.

<span class="line line-1"></span>
<span class="line line-2"></span>
<span class="line line-3"></span>

Then change the background color using this value: rgba(0,0,0,0.04)

Move on to the Design tab Text Text Line Height to remove the text line height by inputting 0em value to have full control over the spans we’ve added.

Move to the Sizing setting and modify the value as follows:

  • Width: 120px
  • Module Alignment: Right

Let’s square up the module by adding padding custom values in the Spacing settings, the value as follows:

  • Top Padding: 40px
  • Bottom Padding: 60px
  • Left Padding: 40px
  • Right padding: 40px

Then add a custom CSS ID to complete the module. We’ll use this CSS ID to create a click function in our code. Move to the Advanced tab → CSS ID & Classes then input the following text to the CSS ID field:

  • CSS ID: slide-in-open

Second Row Settings

Let’s continue by creating a new row, the second row. Without adding any module yet, click on the row settings icon to open its settings. This row will be the place for our entire slide-in menu.

Let’s change the background color to your liking, for our menu we choose this color: #e7e0e2

Continue by moving to the Design tab Sizing and modify the value as follows:

  • Use Custom Gutter Width: Yes
  • Gutter Width: 1
  • Width: 20% (Desktop), 40% (Tablet), 60% (Phone)
  • Height: 100vh

Then move to the Spacing settings and modify the value across different devices for Top Padding: 10vw (Desktop), 30vw (Tablet), 40vw (Phone).

Continue by adding a custom CSS class, we need it to allow the row to slide in. Move to the Advanced tab CSS ID & Classes then input the following text to the CSS Classes field:

  • CSS Class: slide-in-menu-container

Then bring the opacity of the row to 0 in the default state by inserting opacity: 0; in Custom CSS → Main Element.

To finish the second-row setting, modify the positioning in the Position setting to the following values:

  • Position: Absolute
  • Location: Top Right
  • Horizontal Offset: -20% (Desktop), -40% (Tablet), -60% (Phone)

Adding the Menu

Let’s start adding the menu by adding a text module and typing the first menu you want to show, we use the home for our first menu. Then add a relevant link to it.

Continue by changing the background color to: rgba(216,210,212,0.35)

Move on to the Design tab and modify the Text settings as follows:

  • Text Font: Arial
  • Text Font Weight: Bold
  • Text Color: #0c71c3
  • Text Size: 1vw (Desktop), 2vw (Tablet), 3vw (Phone)
  • Text Shadow: Light Effect
  • Text Alignment: Center

Continue by modifying the Spacing values across different devices. The values are as follows:

  • Bottom Margin: 1vw (Desktop), 2vw (Tablet), 3vw (Phone)
  • Top Padding: 1vw
  • Bottom Padding: 1vw

The first menu is complete, now for the rest of the menu, we just need to clone the first menu by clicking the duplicate module icon and then change the text and the link as we want.

Adding The Slide-In Function

Let’s finish the menu by adding a code module to the second column of the first row, then copy the following code into the module.

<style>
#slide-in-open{
cursor: pointer;
}
 
.line{
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #24394A;
border-radius: 9px;
opacity: 1;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
-o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
 
.line-2 {
top: 10px;
}
 
.line-3 {
top: 20px;
}
 
#slide-in-open.open .line-1 {
top: 10px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
 
#slide-in-open.open .line-2 {
display: none;
}
 
#slide-in-open.open .line-3 {
top: 10px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
 
.slide-in-menu {
right: 0 !important;
opacity: 1 !important;
}
 
.slide-in-menu-container {
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
-ms-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}
</style>
<script>
jQuery(function($){
$('#slide-in-open').click(function(){
$(this).toggleClass('open');
$('.slide-in-menu-container').toggleClass('slide-in-menu');
});
});
</script>

The code should take care of the click function effect and style the hamburger icon spans, then make the menu slide in when the icon is clicked.

Once the slide-in menu is complete, let’s save the project and apply the changes by clicking save all changes in Divi theme builder. Let’s take a look at the menu in a post on our website.

4 Best WordPress Content Calendar Plugins

Whether you are a solo blogger or an online publishing company with multiple authors, it’s crucial enough to schedule the content to publish to hit the deadline on time. If your website is built with WordPress, you can use a content calendar to get the posts scheduled.

Using a content calendar can help boost productivity as you can focus on the next content that needs to be published. Of course, you can use apps like Microsoft To Do, Todoist, to TickTick to schedule your tasks list, but having your tasks list on the WordPress dashboard will make it way easier for you to access the schedules. Plus, a content calendar plugin usually comes with a post status feature to check the current status of a post (on progress, complete, etc.,).

Some content calendar plugins also come with a feature to assign a certain post to a user on your website, which is pretty useful for websites that have multiple authors.

Here are some of the best content calendar plugins you can install on your WordPress site.

1. Strive

Strive is a feature-rich content calendar plugin for WordPress. It is a perfect option for a WordPress website that has multiple authors. When scheduling content with Strive, you can assign it to an existing user on your website. Also, you can set pre-use parameters such as post category and post tags. You can also add a note to the post you want to schedule. Strive allows you to insert a draft to the post you want to schedule whereby the draft is pulled from the unpublished posts on your website.

To make sure your authors don’t miss any element when writing the content, you can create a checklist they can check before they click the publish button. The editorial status feature offered by the plugin allows you and your team can mark the status of the blog posts in four statuses: not started, writing, editing, complete. The pipeline feature allows you to check the statuses of the scheduled content on a single screen. Strive itself is a paid plugin. You have a chance to try the plugin for free for 30 days during the trial period.

Here are the key features offered by Strive:

  • Content calendar
  • Post status
  • Post checklist
  • Pipeline
  • Revision

2. CoSchedule

CoSchedule is a cloud-based content calendar tool. It is not built exclusively for WordPress like Strive above. Instead, CoSchedule is a content calendar tool that can be used to schedule content in a wide range of forms. From social media content, email marketing, podcast, video, and so on. The developer of CoSchedule offers a plugin that you can install to your WordPress site to allow you to schedule the content creation. When scheduling a blog post with CoSchedule, you can also add pre-use parameters just like Strive above. You can also assign the blog post to a certain user on your website. However, there is no feature to mark the blog post status like Strive. Being a cloud-based tool, you can access the schedules from anywhere via web browser. Same as Strive, CoSchedule is also a paid tool.

3. SchedulePress

SchedulePress is a WordPress plugin from WPDeveloper, the developer company that develops Essential Addons, a popular Elementor add-on. SchedulePress was previously known as WP Scheduled Posts. SchedulePress has a content calendar feature which you can use to schedule posts. Unfortunately, it has no feature to assign a post to users like Strive. Also, there is no option to add post parameters or check the post status. So, it will extra effort to adopt SchedulePress for a team use.

4. Nelio Content

Looking for a content calendar plugin for a team use? Nelio Content is one of the plugins you can try, then. The plugin allows you to schedule posts just like other plugins above. To make your managerial job gets easier, the plugin comes with a feature to assign a post to an existing user on your WordPress site. Also, you can set the post category and add post tags to make the post task clearer before you users develop the content. You can also add reference links to the posts to make the job of your users easier.

Nelio Content also comes with a handy analysis feature similar to Yoast’s. You can use the feature to make sure everything related to post has been set. Such as the featured image and tag. You will also get some recommendations to make the post SEO friendly such as internal links, external links, and the content itself. Nelio Content is available as a freemium plugin. Basic post scheduling functionality is available on the free version.

How to Change the Default Cursor on the WordPress Site with Elementor (Without Add-on)

As a movable indicator on a computer screen, the cursor shows the point where work is being done. You can move the cursor either by using the mouse or the touchpad. By default, the cursor shapes an arrow and an index finger when we point to the clickable object. Luckily, with Elementor, you can easily change the default cursor on your WordPress site with any shape you want.

How to Change the Default Cursor using Elementor Pro (Without Add-on)

Before continuing the tutorial, we would like to ensure that you already have Elementor Pro because you need the Custom CSS feature, only available on Elementor Pro. Well, let’s get started!

First, you need to upload your favorite cursor in a PNG or SVG format to your Media Library. On your WordPress Dashboard, go to Media -> Add New. Make sure the maximum size has a 100-pixel weight and height. This example uses a PNG file with dimensions 32 by 32 pixels.

Once you have finished uploading your file, don’t forget to copy the link by clicking the Copy URL to the clipboard button.

How to Change the Default Cursor on a Single Page

This method will affect and inherit only on a page you’re editing.

Go to your Elementor editor; you can create a new page or open your existing page. Click the Page Settings button (⚙️) and then go to the Advanced tab. Next, click the Custom CSS; on the Custom CSS field, type the following CSS below:

html{
cursor: url('paste your link here', auto

Voilà, now your cursor has changed. Feel free to experience many cursors and find the best cursor for your site (shapes, size, etc.).


How to Change the Default Cursor on the Entire Site

Next, we will change the default cursor for the entire site.

Go to your Elementor editor; you can create a new page or open your existing page. On the Elementor settings panel, click the hamburger menu, then click the Site Settings menu.

Once you click the Site Settings menu, you will see that the header is blue. It indicates that you’re editing globally throughout the web, not only on a page. Scroll down and click the Custom CSS button.

Write the following CSS (same as you do on the first method) below:

html{
cursor: url('paste your image URL here', auto

Now the cursor has changed, don’t forget to click the UPDATE button to save the progress, and the changes will be inherited entire site.

The Bottom Line

This tutorial shows how to easily change the default cursor on your WordPress site using Elementor. You can change the cursor as your preference. But, we would like to remind you that any cursor you choose doesn’t let over the functionality.

How to Create Dynamic Download Link in Elementor

Do you want to create dynamic download link on your Elementor-powered WordPress site? If yes, this article will show you how.

As you have probably known, the pro version of Elementor has the ability to add a dynamic link to a page or template. There are two type of dynamic links you can add: internal link and external link.

To create a dynamic download link itself, you will need the help of ACF to create a custom field to place the download links. About the link, you can add whether an internal link or external link.

When do you need to create dynamic download link?

Say you want to create a type of website in which on each content you want to add a download link whereby the link is pointed to unique file (e.g., photo, PDF file, template, etc.). In such a case, you need a custom field to accommodate the unique link (link to the file).

Steps to Create Dynamic Download Link in Elementor

Step 1: Create the Custom Field Using ACF

First, you need to create a custom field to place the download links. To make the data you enter to the field work as a link, you need to set the custom field type to link/URL. ACF is one of custom field plugins that supports link field type. You can assign the custom field to an existing post type (e.g., blog post, page) or a custom post type. If you want to assign the custom field to a custom post type, you can use plugins like Pods, CPT UI, to JetEngine to create a new custom post type. In this example, we will assign the custom field to blog post/post.

Before getting started, make sure you have installed and activated the ACF plugin on your WordPress site. Once you are ready, go to Custom Fields -> Add New on your WordPress dashboard to create a new custom field group. Give your new custom field group a name and click the Add Field button to add a custom field.

Fill out all the necessary fields to add your custom field. On the Field Type section, set it to Url.

For this purpose (dynamic download link), you only need one custom field, but if you want to add more custom fields, you can simply click the Add Field button to add more custom fields. Once done adding the custom fields, go to the Location block to assign the custom field group to. By default, your custom field group is assigned to Post (blog post). Click the Publish button to publish your custom field group.

Step 2: Create a Custom Template for the Post

Once the custom field is ready, the next step is to create the custom template for the post type where you assigned the custom field to. Since we assigned the custom field to blog post, we will create a custom template for blog post.

On your WordPress dashboard, go to Templates -> Theme Builder (make sure you have upgraded to Elementor Pro to access this feature). Hover your cursor over the Single Post label on the left panel and click the plus icon.

On the appearing template library, select a premade template if you want to use a premade template. To create the custom template from scratch, you can simply close the template library. Add all the widgets you need to the canvas area. Once done, add the Button widget.

Once the Button widget is added, go to the settings panel to make some settings. The most crucial setting you need to make here is the link. Click the Dynamic Tags icon on the Link field and select ACF URL Field.

Click the wrench icon on the ACF URL Field field and select a key (custom field) you have just created.

Next, click the gear icon on the ACF URL Field fieldf and type download on the Custom Attributes field. This will make sure all file types associated with the link — including images — automatically downloaded.

Go to the Style tab on the settings panel to style up the button.

Once done editing the custom template, click the PUBLISH button on bottom side of the settings panel to publish it. On the appearing dialog, click the ADD CONDITION button to add a condition. Since the custom template is intended to blog post, make sure to select Post on the options list. Click the SAVE & CLOSE button to apply the changes.

For more detailed tutorial on how to create a custom single post template in Elementor, you can read our previous article.

Step 3: Create a New Post

Once done creating the custom template, you can start to create new post. Make sure to create a post type according to where the custom field is assigned to (blog post in our case). After adding the content, don’t forget to add the link on the custom field section beneath the editor.

Publish your content once done editing it.

The Bottom Line

The ability to create custom template and to add custom fields are useful features offered by Elementor you can make use of. The features allow you to create a professional website with a no-code approach. No need to deal with code. One of the implementations of the features is to create a dynamic download link, which will be very much useful when you want to create a stock photo website or a website that offer other types of digital products.

How to Change the Default Font in Elementor

Some people might not realize that we can create a mood and atmosphere as simple as from a font we choose on a website. Fonts also can give visual clues about the order in which content should be read and which parts are more important than others. That’s why we need to be concerned and give more attention to the font details, such as font family, size, weight, etc.

This article will show you how to change the default font in Elementor for the Heading widget and Text Editor widget. Setting a default font is a smart way. It will maintain your consistency and make your editing faster.

How to Change Default Font of Elementor’s Heading Widget

First, on your WordPress Dashboard, go to the Elementor settings page by clicking on Elementor -> Settings. Next, disable the default colors and fonts by giving a check (☑️) on the box of Disable Default Colors and Disable Default Fonts. You are disabling them to ensure that all changes you will make affect the relevant Elementor elements. Which, in this case Heading and Text Editor widget. Click the Save Changes button to apply the changes.

Next, go to your Elementor editor; you can create a new page or open your existing page. On the Elementor panel, click the hamburger menu, then click Site Settings.

Once you click the Site Settings button, you will see that the settings header turns to blue. It indicates that you’re editing globally throughout the web, not only on a page. Under the THEME STYLE, you will see some HTML elements that you can set. Such as Typography, Buttons, Images, and Form Fields. THEME STYLE allows you to take over the DESIGN SYSTEM (global colors and global fonts, patterns), which means no matter the theme you use, you can set a fallback style for HTML elements inside. Click the Typography button; this brings you to plenty of Typography settings. Scroll down, and you will see the settings of the font heading.

You can set six heading levels: H1, H2, H3, H4, H5, and H6. You can edit the font Color and Typography at your preference.

Once you are done with your setting of font heading, don’t forget to click the UPDATE button to save and update the changes you’ve just made. Close the Site Settings panel, and you can check the changes by addind the Heading widget.

How to Change Default Font in Elementor’s Text Editor Widget

Go to your Elementor editor; you can create a new page or open your existing page. On the Elementor panel, click the hamburger menu, then click the Site Settings button.

Once you click the Site Settings button, you will see that the header is blue. It indicates that you’re editing globally throughout the web, not only on a page. Click the Typography button.

You will see the Body settings. Edit the settings; it will inherit to the Text Editor widget. You can set three settings: Text Color, Typography, and Paragraph Spacing. Play around with those settings and find the best font preset for your Text Editor widget.

Once you have finished editing, don’t forget to click the UPDATE button to save and update the changes you’ve just made. Close the Site Settings panel, and your Text Editor fonts are updated.

The Bottom Line

This article shows you how to easily change the default font in Elementor’s Heading and Text Editor widget. Experiment with all the customization, and enjoy the creative process of making your website more engaging for your visitors because the font is one of the communication mediums between you and your web visitors.

Pin It on Pinterest

Creating with WordPress?​

Subscribe and join 1,000+ WordPress users receiving tips and insights on creating with WordPress in the no-code era. At WP Pagebuilders, we write about the following topics a lot.