Why use Elementor with ACF
Advanced Custom Fields (ACF) brinda posibilidades ilimitadas para agregar datos adicionales al contents from WordPress mediante la creación de campos personalizados. Elementor le permite insertar dinámicamente los datos de campo personalizados de ACF directamente en sus diseños de Elementor con todas las opciones de estilo que espera de Elementor.
Note: Elementor is officially compatible with ACF 5 and later.
How to add ACF to a single post template
- Go Elementor > My templates > Add new
- Choose Template type > Single. Give your template a name and click Create template
- Click on the Document settings gear icon
located at the bottom left of the panel
- Click on the Preview settings tongue
- Below Dynamic preview Content select the type of post you want to preview
- Drag a widget that uses dynamic content (eg. Text widget)
- Click on the Dynamic icon
- Choose ACF field
- Once selected, click again ACF field
- In Configurations > Wrench, select the custom field you want to display.
- The options in the Advanced tab are optional. The options include:
before: The text will automatically appear before the custom field data
Back: Text to display if the custom field has no data
Then: The text will automatically appear after the custom field data - Design the custom field widget as you normally would, using the widget Style tongue.
Custom ACF fields we support:
Note: ACF fields not included in this list are not supported at this time.
Text:
'text',
'textarea',
'number',
'email',
'password',
'wysiwyg',
'Select',
'box',
'radio',
'true False',
Pro
'oembed',
'google map',
'date picker',
'time_ selector',
'color picker'
'date'
'date_time_picker'
Url:
'email',
'picture',
'text,
'proceedings',
'page_link',
'post_object',
'relationship',
'taxonomy',
'Url'
Picture:
'picture'
'Gallery'
Examples of use
Place Web de revisión de películas
A movie review website can use ACF to set up various custom fields, including Director, Year, Genre, Rating, etc. the front part.
Real estate listings
Real estate websites generally need to use custom fields to allow them to display real estate listings, which should display data such as Number of Bedrooms, Number of Bathrooms, House Size, and Price. With Elementor's integration with ACF, this data can be displayed in style on each listing, without the need for coding.
See a step-by-step tutorial to learn how to create a dynamic real estate site using ACF and Elementor.
