Amunet logo
Buy on CodeCanyon
Avada Builder Plugin

Custom Field Element for Avada Builder

Display any custom field value anywhere in your page layout — with a label, a link and full Button-style design options. Add as many per page as you like.

$15one-time · lifetime updates
Buy on CodeCanyon View live demo
Unlimited custom fields per page No code required Limited ACF support
Custom Field Element for Avada Builder
How it works

A custom field, dropped right where you want it

This plugin adds a new element called Custom Field. It is similar to Avada's Button element in that it offers the same design options — but instead of a button, you choose the custom field to display. It shows the selected custom field's value at the element's position, and you can add as many as you like on a single page.

You can create a custom field using either the standard WordPress method or a plugin such as Advanced Custom Fields (ACF). Before the value, you can add text that acts as a label — for example a field name — and you can attach a link to internal or external pages.

If the built-in design options aren't enough, you can also style the field with CSS classes, just like most Avada Builder elements — right down to giving individual fields a completely unique look.

Plugin features

Everything the element adds

Note.  The element displays any text or number custom field, including those created by ACF. Advanced, non-text ACF formats may not render correctly.
Inside the builder

Configured visually — no code

Pick a field, add a label and link, then design it on the Design tab — all inside the element.

Custom Field element configuration options in the Avada Builder
Configuration — choose the custom field to show, add label text before the value, and attach a link.
Custom Field element design options in the Avada Builder
Design — Button-style styling controls, plus CSS class names for the Custom Field Key and Text for full control.
Quick start guide

From install to live in a few clicks

  1. Edit a page with the Avada Builder (Avada Live is not supported).
  2. Open the Elements menu and add the Custom Field element, like any other element.
  3. In the element options, choose the custom field you want to display.
  4. Optionally add text before the value (a label) and attach a link.
  5. Switch to the Design tab to style it, or add CSS classes for a unique look.
  6. Save the element, save the page — your field value appears in place.
Tip.  For a unique design on specific fields, assign your own classes to both the Custom Field Text and the Custom Field Key — the class names are listed right under those options.
Install & updates

Set up in minutes, updated with one click

Install the plugin

  1. Download the full plugin from Envato (all files & docs).
  2. Unzip it and pick the zip that matches your Avada major version.
  3. In WordPress go to Plugins → Add New → Upload Plugin.
  4. Choose that zip, click Install Now, then Activate.

License & one-click updates

The plugin updates straight inside your WordPress dashboard — new versions install with a single click from the Plugins screen.

To enable it, paste your CodeCanyon purchase code on the plugin settings page. Find it in your Envato account under Downloads → License certificate & purchase code.

Activate the element

In most cases the Custom Field element activates automatically.

If you don't see it, switch it on under Avada → Options → Builder Options → Avada Builder Elements.

Need a hand?

Send your question through our contact form or email support@amunet.biz. We reply within one business day for plugin problems and within three for general inquiries.

Contact support

Show any field, your way

Get the Custom Field Element for $15 — or save 25% with the Custom Content Pack, which also includes Custom Post Types, Taxonomies & Fields.

Buy this plugin — $15 Get the Pack — Save 25%