Dynamic ACF tags for Elementor

Use Advanced Custom Fields with the free version of Elementor. You will learn and see the power of the Dynamic Tags implementing the features of the free version of ACF.

Overview of ACF features for Elementor

You of course know the Custom Fields that are implemented as standard with WordPress, but you also know that they are seriously limited because they are not typed and are only saved as string.

We quickly realize that we can not achieve modern layouts and fortunately there are tools and techniques that will allow us to remove all obstacles, such as ACF…

EAC implements many ACF fields that you will access with Elementor’s Dynamic Tags.
We will therefore show you how to access them and their conditions of implementation.

You should be familiar with the Dynamic Tags features of Elementor and the Advanced Custom Fields plugin (ACF).

If it’s not the case follow this link.

Supported ACF text field types

All fields you created support returned formats ‘Value, Label or Both).

Fields with multiples selections are also supported.

TEXT:
[
	'text',
	'textarea',
	'wysiwyg',
	'select',
	'checkbox',
	'radio',
	'true_false',
	'date_picker',
	'date_time_picker',
	'oembed',
	'button_group',
	'relationship',
	'post_object',
	'url',
]

Using the ACF dynamic tag date picker

The Datepicker field adds a fully-functional calendar feature for picking days, months, and years and display them as a due date or as a pivot date for hiding an element with the feature Display conditions.

Select the dynamic tag from the list

After selecting the ‘ACF Date time’ field, you should find in the list the fields you defined when configuring your ACF groups for the current post.
Dynamic ACF tag DateTime selection
Select the related ACF Date time field

Enter your own date as a fallback

If you haven’t defined a field, you can select or enter a date directly in the fallback field.

ACF date time enter your fallback value
Enter a fallback value with the Date time picker

Select date display format

Finally, you can select the date display format, either leaving the ACF format you’ve set or selecting another format. The ‘Custom’ option leaves you free to determine the format for the output.
ACF Date time select the output format for the date
Select the output format for the Date time

Supported ACF url field types

For fields that can return multiple values ​​like ‘page_link’, ‘post_object’, only the first URL is retained.

URL:
[
	'email',
	'link',
	'page_link',
	'url',
	'file',
	'post_object',
	'relationship',
]

Other ACF fields supported

NUMBER: ['number', 'range']

IMAGE: ['image']

COLOR: ['color_picker']

Display ACF fields data under layout Group

EAC supports ACF fields inside an ACF group by expanding each of the fields as a single field.

Each type of field is assigned to the right widget.

ACF group editor
ACF editor

Select the right dynamic tag

As the single field each entry is prefixed with ‘ACF/ACF Group‘ and the related field type.

ACF Group Text

Each field is prefixed with ‘Group label::Field group label::Field label

ACF group text select
Two different layout groups within the same fields Group

ACF layout Group Image and ACF layout Group URL

ACF Group Image
ACF Group URL

2 thoughts on “Dynamic ACF tags for Elementor”

  1. I am not able to fully comprehend this how-to tutorial, it is not appear to me to be coherent. This is a common problem among software coders who attempt to be writters of non-computer language.
    Is this EAC plugin free of charge? Why is it not on the Worpdress repository?
    The Dynamic Tag list on Elementor is not avaliable in the free version, does EAC unlock that feature?

    Reply

Leave a Comment