Black Friday Sale: 20% off with code 20BLACK, valid until November 30th.

ACF Elementor Custom Icons

Transform Your Site with Dynamic Custom Icons

Enhance your WordPress site with our plugin that links Advanced Custom Fields (ACF) and Elementor. It adds an Icon Picker to ACF, integrating Elementor Custom Icons and Font Awesome, making icon selection easy for custom fields.

Our dynamic Elementor widget supports ACF field names, enabling icon display across your site based on selected fields, including ACF Flexible Content layouts. Achieve fully customizable, code-free designs!

Unlock the Power of Custom Icons in ACF and Elementor

Advanced Custom Fields: Elementor Custom Icons is a powerful plugin designed to bridge the gap between ACF and Elementor, allowing you to add custom icons effortlessly to your WordPress site.

Custom Icon Field for ACF

Custom Icon Field for ACF

Experience enhanced customization with our Custom Icon Field for Advanced Custom Fields (ACF).

This feature empowers you to select which Icon Sets to display, including the comprehensive Font Awesome library that’s included by default. Additionally, you can upload and integrate your own custom icon sets directly from Elementor.

Fully compatible with Flexible Content, Repeater fields and Taxonomy Terms, this allows for dynamic and flexible icon selection throughout your website.

ACF Backend Icon Selector

Backend Icon Selector

Effortlessly choose the perfect icon with our intuitive Backend Icon Selector.

The icon selection interface opens in a convenient overflow window, displaying your icons in a clear and organized grid. To streamline your workflow, we’ve included a search bar that lets you quickly find icons by name.

This means you can easily browse or search for the exact icon you need without any hassle.

Elementor Widgets with Custom Fields
Elementor Widgets with Custom Flexible Fields

Elementor Widgets with Custom Fields

Enhance your Elementor designs by seamlessly incorporating custom icons using our specialized widgets.

Simply enter the name of your custom field to display the associated icon, and assign links to make your icons interactive.

In the Style tab, you have full control over the icon’s alignment, size, and color for both normal and hover states. This flexibility ensures your icons perfectly match your site’s aesthetic and user experience.

All Features

Custom Icon Field for ACF
Three Dedicated Elementor Widgets
Font Awesome Integration
Support for Custom Icon Sets
Dynamic Styling Options
Server-Side Rendering
Easy to Use
Seamless Integration

Pricing

Licences that scale with you.

Personal

1 website

€ 11,90

Freelancer

5 websites

€ 29,90

Professional

10 websites

€ 49,90

Are you an Agency?

Contact us for a custom quote.

FAQ

Have questions? We have answers.

Advanced Custom Fields: Elementor Custom Icons is a powerful WordPress plugin that seamlessly integrates custom icons into your website. It extends the functionality of both Advanced Custom Fields (ACF) and Elementor, allowing you to select and display custom icons, including Font Awesome and your own uploaded icon sets. With compatibility for Flexible Content and Repeater fields, it offers dynamic and flexible icon management throughout your site.

After purchasing the plugin, download the ZIP file from your confirmation email or account dashboard. In your WordPress admin panel, navigate to Plugins > Add New, click on Upload Plugin, and select the downloaded ZIP file. Install and activate the plugin. Then, go to Settings > ACF Custom Icons License to enter and activate your license key.

Yes, this plugin is designed to enhance the capabilities of both Advanced Custom Fields and Elementor. You need to have both plugins installed and activated on your site to utilize all the features offered by Advanced Custom Fields: Elementor Custom Icons.

Absolutely! You can upload your custom icon sets directly through Elementor’s Custom Icons feature. Once uploaded, these icons become available in the ACF Custom Icon field and the Elementor widgets provided by the plugin, allowing you to use them throughout your site.

Yes, Font Awesome is included by default. You have immediate access to the entire Font Awesome library, giving you thousands of icons to choose from without any additional setup.

In your WordPress admin panel, navigate to Custom Fields > Field Groups and either create a new field group or edit an existing one. Add a new field and set the Field Type to Custom Icon. Configure any additional settings as needed, such as selecting which icon sets to include. Assign the field group to your desired post types or pages.

When editing a post or page with a Custom Icon field, you’ll see an icon selector interface. Clicking on the field opens an overflow window displaying all available icons in a grid format. You can browse through the icons or use the search bar to quickly find a specific icon by name.

Yes, the plugin is fully compatible with ACF’s Flexible Content and Repeater fields. This means you can dynamically add and manage icons within flexible layouts and repeating field groups, providing greater flexibility in your content design.

The plugin includes custom widgets for Elementor. In the Elementor editor, search for the Custom Icon widget and drag it into your layout. In the widget settings, you can enter the name of your ACF Custom Icon field to display the selected icon. You can also assign links and adjust various style settings.

Within the Elementor editor, the Custom Icon widget’s Style tab offers extensive customization options. You can adjust the icon’s alignment, size, and color for both normal and hover states. This allows you to tailor the icon’s appearance to match your site’s design perfectly.

The plugin is optimized for performance and is designed to have minimal impact on your site’s loading speed. It efficiently loads icon fonts and scripts only when necessary. However, as with any plugin, it’s recommended to test its performance impact, especially if you have a large number of icons or complex layouts.

To receive automatic updates and access support, ensure your license is activated. With an active license, you’ll receive update notifications directly in your WordPress dashboard, and you can update the plugin with one click. For support, you can contact our team via email or through our support page.

If you don’t activate your license, the plugin’s functionality will be disabled. You won’t receive automatic updates or have access to support services. 

License usage depends on the terms specified at the time of purchase. Some licenses allow for use on multiple sites, while others are limited to a single site. Please refer to your license agreement or contact us for clarification on your specific license terms.
  • Ensure your icon font files are correctly formatted and uploaded.
  • Verify that there are no conflicts with other plugins or themes.
  • Contact our support team for further assistance.

Advanced Custom Fields: Elementor Custom Icons is designed to be compatible with most themes and plugins, especially those that follow WordPress coding standards. However, conflicts can occasionally occur. If you encounter any compatibility issues, please reach out to our support team for assistance.

We stand behind the quality of our plugin and believe it will meet your needs. If you experience issues that we cannot resolve, we offer a 14-day money-back guarantee. Please review our refund policy on our website for full details.

Yes, we provide comprehensive documentation and tutorials on our website. These resources cover installation, setup, and advanced usage scenarios to help you get the most out of the plugin.

We welcome user feedback and are always looking to improve our plugin. If you have suggestions for new features or enhancements, please contact us through our support page or email us directly. Your input is valuable and helps shape future development.

If you experience any issues, please contact our support team with detailed information about the problem. Include screenshots, error messages, and steps to reproduce the issue if possible. We are committed to resolving any bugs promptly to ensure the best experience for our users.

Login
Log into Your Account

Lost Password?

Are you an affiliate? Login here.