Dynamic Content for Elementor
Fields that are currently showing in the ACF Field lookup:
- Email Field
- Number Field
- Password Field
- Text Field
- Text Area Field
- WYSIWYG Field
- oEmbed Field
- Checkbox Field
- Radio Field
- Select Field
- True / False Field
- Color Picker Field
- Date Picker Field
- Date Time Picker Field
- Google Map Field
- Time Picker Field
Field types that are NOT showing in the ACF Field lookup:
- Button Field
- Hidden Field
- Range Field
- Slug Field
- URL Field
- Code Editor Field
- File Field
- Gallery Field
- Image Field
- Button Group Field
- Advanced Link Field
- Forms Link Field
- Link Field
- Page Link Field
- Post Object Field
- Relationship Field
- User Field
- Post Object Field
- Relationship Field
- Taxonomy Field
- Taxonomy Terms Field
- Google reCaptcha Field
ACF Dynamic Token
ACF Simple Text-Based Fields Shortcode
This is a story about a boy named . He is years old.
Dynamic.ooo Raw PHP ACF Field
the_field('action_item_2_action_icon_2');
Advanced Custom Field PHP
<?php the_field('field_title'); ?>
Display ACF Author Field
<?php
$author_id = get_the_author_meta('ID');
the_field('company_name', 'user_'.$author_id);
?>
ACF PHP Use Example
<?php
$author = get_field('author');
get_header(‘’);?>
<section class=“page”>
<div class=“container”>
<h1><?php the_title();?></h1>
<pre><?php // echo print_r($author);?></pre>
<strong><?php echo $author[‘user_firstname’];?> <?php echo $author[‘user_lastname’];?></strong>
</div>
</section>
<?php get_footer();?>
Advanced Custom Field PHP
get_field() // Returns the value of a specific field.
get_field_object() // Returns the settings of a specific field.
get_field_objects() // Returns the settings of all fields saved on a specific post.
get_fields() // Returns an array of field values (name => value) for a specific post.
the_field() // Displays the value of a specific field.
Elementor supports these ACF fields:
Text:
‘text’,
‘textarea’,
‘number’,
‘email’,
‘password’,
‘wysiwyg’,
‘select’,
‘checkbox’,
‘radio’,
‘true_false’,
Pro
‘oembed’,
‘google_map’,
‘date_picker’,
‘time_picker’,
‘color_picker’
‘date’
‘date_time_picker’
URL:
‘email’,
‘image’,
‘text,
‘file’,
‘page_link’,
‘post_object’,
‘relationship’,
‘taxonomy’,
‘Url’
Image:
‘image’
‘gallery’
Hide/show sections using ACF fields
Plugins
- Advanced Custom Fields by Delicious Brains
- DynamicConditions by TRO GmbH
Field Setup
- Field type: Select
- Field Options
- True
- False
- Default
- True
Elementor Setup
- “Dynamic Conditions” settings
- Dynamic Tag: ACF Field
- Show/Hide: Show when conditions are met
- Conditions
- Is equal to
- Contains
- In array
- In array contains
- Compare Type: Text
- Conditional Value: True
ACF Links for Buttons
Working
Semi-Working
- The “Page Link” field type is considered a url field but
Fails
- The “Link” and “Advanced Link” field types are not considered url fields by Elementor and cannot be used for button links. These are apparently not officially supported by Elementor.
- None of the link types are being loaded into the button correctly. Buttons are not clickable.