Matt Keys

justinkruit

<p>Add a <a href="http://fontawesome.com/" rel="nofollow ugc">Font Awesome</a> icon field type to Advanced Custom Fields.</p>
<ul>
<li>Specify which FontAwesome icon sets to use (Solid, Regular, Light, Thin, Duotone, Duotone Sharp, Brands, and Custom Upload Icons) (Some features only available with FontAwesome 5.x or 6.x icons)</li>
<li>Create your own custom filtered list of FontAwesome icons to use with your fields. Use different custom icon sets with different fields</li>
<li>Returns Icon Element, Icon Class, Icon Unicode, or an Object including the element, class, unicode value, and SVG data (if applicable)</li>
<li>Optionally enqueues Font Awesome in footer where needed (when a FontAwesome field is being used on the page))</li>
<li>Integrates with the <a href="https://docs.fontawesome.com/apis/graphql" rel="nofollow ugc">FontAwesome GraphQL</a> for loading your <a href="https://docs.fontawesome.com/web/setup/use-kit" rel="nofollow ugc">FontAwesome Kits</a>, searching for icons, and loading the latest version of FontAwesome</li>
</ul>
<p>Note: It is recommended to let this plugin enqueue the latest version of Font Awesome on your front-end; or include the latest version yourself using your <a href="https://docs.fontawesome.com/web/setup/use-kit" rel="nofollow ugc">FontAwesome Kit</a>; so that available icons in the admin area will be displayed properly on your sites front-end.</p>
<h4>Compatibility</h4>
<p>This ACF field type is compatible with:<br />
* ACF 5.7+<br />
* FontAwesome 4.x, 5.x, 6.x and 7.x fonts</p>
<h3>Optional Configuration</h3>
<h3>Filters</h3>
<ul>
<li><strong>ACFFA_always_enqueue_fa</strong>: Return true to always enqueue FontAwesome on the frontend, even if no ACF FontAwesome fields are in use on the page. This will enqueue FontAwesome in the header instead of the footer.</li>
<li><strong>ACFFA_admin_enqueue_fa</strong>: Return false to stop enqueueing FontAwesome in the admin area. Useful if you already have FontAwesome enqueued by some other means.</li>
<li><strong>ACFFA_get_icons</strong>: (Applies to FontAwesome 4.x and 5.x icons only) Filter the array of icons and icon details loaded from the database</li>
<li><strong>ACFFA_get_fa_url</strong>: Filter the URL used for enqueuing FontAwesome in the frontend and admin areas of the site.</li>
<li><strong>ACFFA_override_major_version</strong>: Filter to manually set the ‘major’ version of FontAwesome to load (accepts either 4, 5, or 6). NOTE: This filter must be registered before any calls to ACF get_field() function are made.</li>
<li><strong>ACFFA_fa_api_key</strong>: Filter to programmatically set the FontAwesome API key.</li>
<li><strong>ACFFA_fa_kit_token</strong>: Filter to programmatically set the FontAwesome kit token.</li>
</ul>


Advanced Custom Fields: Font Awesome Field

Thank you for sharing this plugin with us


I used the plugin within my own custom plugin and was impressed with the quality of the code and the functionality of the plugin. I asked the developer for support and he got back to me within hours.Advised.


Great plugin quality and excellent support

Excellent Support

Adds a new 'Font Awesome Icon' field to the popular Advanced Custom Fields plugin.

digireturn

<p><strong>Show fixed buttons on bottom screen</strong>.<br />
* new feature (november 2024): Added animated hover effects for buttons</p>
<p>To allow visitors a quick and easy way for contact you by “Call to Action”, located on the bottom of the screen. This plugin allows you to track and evaluate the effectiveness of a site by measuring visitors’ clicks. By combining the statistics of the buttons (call to action) with the statistics of visits of other tools, it will be easier to study new strategies to increase conversions. The buttons are easily customizable for different site themes and they open a link in a new window.</p>
<p>Compatibility with firefox, chrome, safari, opera and edge</p>
<h4>Available options</h4>
<ul>
<li>target option (open in same/new tab)</li>
<li>buttons shape option  (square, top rounded, left wave and right wave)</li>
<li>buttons spacing option (none, 1px, 2px or 5px)</li>
<li>start animation option (fade, slide up, slide left and slide right)</li>
<li>alignment buttons (center, left or right)</li>
<li>display customization (icons only, text only, or both)</li>
<li>size of buttons (very small, small, normal, big, very big)</li>
<li>type of bar (full screen background, background only on buttons or completely transparent background)</li>
<li>customization of background and text colors (including hover colors and transparent option)</li>
<li>icon format in svg</li>
<li>color customization for each individual button</li>
<li>compatibility with FontAwesome (installed separately) and related button and instructions for adding the icon</li>
<li>new shape added: rounded edges (in the icon-only view the button becomes a circle)</li>
<li>replaced the preset icons with svg that are colored like the text</li>
<li>custom color selection has popup support with color palette UI</li>
</ul>
<h3>Available preset buttons</h3>
<ul>
<li>WhatsApp button for quickly sending a message</li>
<li>Phone button to call immediately</li>
<li>Email button to write and send mail</li>
<li>Map button to activate the Google navigator and provide information on how to reach the office</li>
<li>Skype button</li>
<li>Facebook button</li>
<li>Instagram button</li>
<li>Youtube button</li>
<li>LinkedIn button</li>
<li>TikTok button</li>
<li>Twitter button</li>
<li>Download button</li>
<li>External link button</li>
</ul>
<h4>Statistics</h4>
<p>Statistics to monitor clicks (call to action):<br />
* total number of clicks per day, month and year<br />
* daily, monthly and annual chicks number for each button</p>


Footer Contacts Bar

Elegant and customizable buttons bar with "Call to Action" for Whatsapp, map address, phone, email, download and custom button.

Advanced Custom Fields: Font Awesome Field vs Footer Contacts Bar