V4 Extentions Custom Fields Estimated reading: 7 minutes 8 views Add your own extra fields to pages, posts, users and more. Fill them in from the editor, then show them anywhere with Elementor dynamic tags. No code needed. ADD FIELDS TO Posts, pages, users, terms SHOW THEM WITH Elementor dynamic tags PLAN Pro BEFORE YOU START Requirement ELEMENTOR V4 Atomic ANIMATION ADDONS Free ANIMATION ADDONS PRO Active license Tip: Install and activate both Animation Addons plugins before you start. Note: In the screenshots, the orange boxes and numbers show you where to click or what to check. STEP 1 Enable the Extension Turn on the extension from your dashboard. You only need to do this once. From your WordPress Dashboard, go to Animation Addon > Extensions. Open the Elementor V4 (Atomic) tab, then click Utility. Turn on Custom Fields. Click Save Settings. Custom Fields Extension (click to zoom) Tip: Click the gear icon on the card to choose which parts run. See Choose What Runs below. STEP 2 Create a Field Group A field group is a set of fields. In this example we make a group called Team Member Info with three fields. Go to Animation Addon > Custom Fields. Click New field group. Type a Group title, for example Team Member Info. On the left, click a field type to add it. Add Text, Number and URL. Click each field and type its Label: Job Title, Years of Experience and Website. The Custom Fields screen (click to zoom) Tip: The Name is made from the label for you, for example job_title. This name is what the field is saved as. STEP 3 Choose Where It Shows Tell the group which screens it belongs to. Use the Location rule on the right. Click an empty spot in the middle, so the Group settings show on the right. In Location, set the rule. For this example choose Post type is Page. Click Save. A message says Field group saved. The builder: your fields (1) and the Location rule (2) (click to zoom) Tip: Keep Active turned on at the top. A group that is not active does not show anywhere. STEP 4 Fill In the Values Now open a page. Your group shows as a box under the editor. Go to Pages and open a page. Scroll down to the Team Member Info box. Type your values, for example Lead Designer, 8 and https://example.com. Click Update. The fields on the page edit screen (click to zoom) STEP 5 Show the Values on Your Page Use an Elementor dynamic tag to print a field. This works on any V4 control that has the dynamic tag button, like the title of a Heading. Open your page with the Elementor Editor. Select a Heading. Hover the Title box and click the small dynamic tags button. Under AAE Custom Fields, choose AAE Field. Click the gear icon on the tag. In Field, pick Job Title. Click Update. The AAE Custom Fields tags (click to zoom) Choose the field in the tag settings (click to zoom) Tip: Use AAE Field Number for numbers, AAE Field Date for dates and AAE Field Link (HTML) for links. Other tags, like image, show up on the controls that need them. RESULT Final Result Three headings on the page, each with a dynamic tag. They print the values you typed in the page editor. Change the value in the page, and the heading changes. The values from Team Member Info, shown on the live page FIELD TYPES Field Types Click any type on the left side of the builder to add it. All field types (click to zoom) Every field has a Label, Type and Name, plus tabs for General, Validation, Presentation and Conditions (click to zoom) Basic Text, Text Area, Rich Text, Number, Range, Email, URL, Password, Date, Date Time, Time, Color, Link and Markdown. Choice Select, Checkbox, Radio, Button Group and True / False. Media Image, File, Gallery and oEmbed. Relationship Post, Relationship, Taxonomy and User. Layout Group, Repeater, Tab, Accordion and Message. Use a Group or a Repeater to nest fields inside. Advanced Code and Map. LOCATION Where a Group Can Show Post Post type, Post template, Post status, Post format, Post category, Post taxonomy term or one Specific post. Page Page type, Page template or Page parent. Taxonomy The term screens of a taxonomy, for example a category. User A User form or a User role. Settings An Options page, for values that belong to the whole site. Tip: Need more than one rule? Click + and to add a rule that must also match. Click Add rule group (or) to show the group in a second place. SHORTCUT Start from a Template Do not want to start from zero? Click From template on the Custom Fields screen. Pick a ready-made set of fields, then rename, reorder or add more. Nothing is saved until you press Save. Pick a template, then click Use this template (click to zoom) Event Content · 17 fieldsDates, venue, tickets and speakers for an event. FAQ section Content · 4 fields Page hero Marketing · 7 fields Portfolio project Content · 11 fields Product (simple) Commerce · 11 fields Property listing Commerce · 16 fields SEO & sharing Site · 5 fields Site contact details Site · 12 fields Team member People · 10 fields Testimonial Marketing · 7 fields CONTROL Choose What Runs Click the gear icon on the Custom Fields card to choose which parts run on your site. Your saved values are never deleted. Choose Everything, Front end only or Custom (click to zoom) Everything The builder, the edit screens, the AI tools and every front-end feature. Front end only Hides the builder from the admin menu. Fields you already made keep working on edit screens and on the front end. Custom Pick each part yourself. MORE More You Can Do Elementor dynamic tags Print any field in a widget. This is what we used above. Loop Filter source Filter a Loop Grid by a field. Block bindings and REST Use a field in a block binding. Field values are also in the REST API. Selling through WooCommerce Make entries purchasable, with their own hidden products, cart and order hooks. Set it up in the Sell tab of a group. AI and MCP tools Let an AI app work with your fields through AI & Connections. Tools Export and import your field groups from the Tools button. PHP In your theme, read a value with aaeaddon_get_field( 'job_title' ). It reads the current post. Give a post ID as the second value to read another post. HELP Troubleshooting I do not see Custom Fields in the menu Check that the extension is on. Go to Animation Addon > Extensions > Elementor V4 (Atomic) > Utility and turn on Custom Fields. Pro must be active. Also click the gear icon and make sure Builder in the admin menu is on. The fields box does not show on my page Open the group and check the Location rule. It must match the screen you are on, for example Post type is Page. Check that Active is on, and that Field boxes on edit screens is on in the gear dialog. My heading is empty on the page Check that you filled the value in the page editor and clicked Update. In the dynamic tag, make sure the right Field is chosen. If the field belongs to another page, change Read from in the tag settings. I do not see the AAE Custom Fields tags Open the gear dialog and turn on Elementor dynamic tags. Then reload the editor. Will I lose my values if I turn the extension off? No. Field values are never deleted. Turning the card off hides the builder, the edit screen boxes and the AI tools. Values already saved keep showing on the front end. You Did It Your pages now have their own fields, and your design shows them. If you face any problem, please contact our support team. We are happy to help.
