Lordiconizer – Animated Icons WordPress Plugin for Elementor, WPBackery and Gutenberg

Introduction to Lordiconizer - Animated Icons Plugin

In the world of web design, visual elements play a crucial role in making a website stand out. Animated icons, in particular, have become a popular way to add a touch of creativity and interactivity to a website. The Lordiconizer - Animated Icons WordPress Plugin is a powerful tool that allows you to easily add animated icons to your WordPress website, using popular page builders like Elementor, WPBakeryPageBuilder, and Gutenberg.

In this tutorial, we will walk you through the step-by-step process of using the Lordiconizer plugin to add animated icons to your WordPress website, using the three popular page builders mentioned above.

Step 1: Installing the Lordiconizer Plugin

Before we begin, make sure you have the Lordiconizer plugin installed on your WordPress website. You can download the plugin from the WordPress Plugin Directory or install it using the built-in plugin installer in your WordPress dashboard.

Step 2: Setting up the Lordiconizer Plugin

Once installed, navigate to the Lordiconizer plugin settings page in your WordPress dashboard. From here, you can customize the plugin settings, such as the animation duration, animation type, and more.

Step 3: Creating Animated Icons using Elementor

To create animated icons using Elementor, follow these steps:

• Open Elementor and create a new page or edit an existing one.
• Add a new section to your page by clicking the "+" button in the top-left corner of the Elementor editor.
• Search for the "Lordiconizer" widget in the Elementor widget library and drag it into your section.
• Configure the Lordiconizer widget settings, such as the icon, animation type, and animation duration.
• Preview your animated icon to ensure it looks as expected.

Step 4: Creating Animated Icons using WPBakeryPageBuilder

To create animated icons using WPBakeryPageBuilder, follow these steps:

• Open WPBakeryPageBuilder and create a new page or edit an existing one.
• Add a new column to your page by clicking the "+" button in the top-left corner of the WPBakeryPageBuilder editor.
• Search for the "Lordiconizer" module in the WPBakeryPageBuilder module library and drag it into your column.
• Configure the Lordiconizer module settings, such as the icon, animation type, and animation duration.
• Preview your animated icon to ensure it looks as expected.

Step 5: Creating Animated Icons using Gutenberg

To create animated icons using Gutenberg, follow these steps:

• Open Gutenberg and create a new page or edit an existing one.
• Add a new block to your page by clicking the "+" button in the top-left corner of the Gutenberg editor.
• Search for the "Lordiconizer" block in the Gutenberg block library and drag it into your page.
• Configure the Lordiconizer block settings, such as the icon, animation type, and animation duration.
• Preview your animated icon to ensure it looks as expected.

Conclusion

In this tutorial, we have covered the step-by-step process of using the Lordiconizer - Animated Icons WordPress Plugin to add animated icons to your WordPress website, using Elementor, WPBakeryPageBuilder, and Gutenberg. By following these steps, you can easily add interactive and engaging animated icons to your website, making it stand out from the crowd.