WooCommerce · Elementor

Checkout ACF Extra Fields widget for Elementor

Checkout ACF Extra Fields is a WooCommerce template piece. Use it on a King Addons cart, checkout, or My Account layout, not as a general page widget.

WooCommerce template piece. Use it on a WooCommerce Builder cart, checkout, or My Account layout.

Get King Addons

This page describes the PHP/JS for this widget — not a renamed stub. Install the free plugin from WordPress.org.

Get King Addons

What it actually does

Checkout ACF Extra Fields is a WooCommerce template piece. Use it on a King Addons cart, checkout, or My Account layout, not as a general page widget.

Woo Checkout ACF Extra Fields widget.

render() writes HTML data attributes: data-ka-acf, data-placement, data-required.

Some inspector controls are marked Pro in PHP (eicon-pro-icon / king-addons-pro-control). Those need King Addons Pro, not Elementor Pro.

How to add it in Elementor

  1. Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
  2. Open a WooCommerce Builder template. Use the matching cart, checkout, or My Account template so WooCommerce objects exist.
  3. Insert the widget. Search the panel for “Checkout ACF Extra Fields”. Typing “king” lists every King Addons widget.
  4. Set inspector controls from this widget’s PHP. Configure “Heading”, “ACF Field Keys (Pro)”, “Placement”, “Show required mark (Pro)”. Style and Content tabs are listed on this page.

When to use it

Tip: After King Addons is active, type king in the Elementor search box to list every widget, including Checkout ACF Extra Fields.

Inspector controls from this widget’s PHP

ControlWhat the code does
Content — HeadingPrinted in the widget HTML from render().
Content — ACF Field Keys (Pro)Saved on the widget and consumed in render().
Content — PlacementThe chosen value is read in render() and applied on the front end. Options: Before billing; After billing; Before shipping; After shipping; Before order notes; After order notes.
Content — Show required mark (Pro)Switcher inspector control (`required_notice`).
Style — Fields gapWrites CSS `gap` onto the widget’s front-end markup. (min 0, max 40).
Style — Label colorWrites CSS `color` onto the widget’s front-end markup.
Style — Required mark colorWrites CSS `color` onto the widget’s front-end markup.

Content and Style tabs from this widget’s PHP, including repeater fields and group controls (typography, background, border, shadow). Elementor’s Advanced tab is core Elementor and is not listed here.

FAQ

Which Checkout ACF Extra Fields options need King Addons Pro?

Controls marked with the Pro icon in this widget’s PHP. King Addons Pro is a separate license from Elementor Pro.

Does Checkout ACF Extra Fields require WooCommerce?

Yes. This widget reads WooCommerce products, cart, or account objects. Install WooCommerce and add data before the widget has anything to show.

Where should I put Checkout ACF Extra Fields?

On a WooCommerce Builder template for cart, checkout, or My Account. It is not meant as a homepage widget.

Do I need Elementor Pro?

No. King Addons runs on free Elementor. Some King Addons options (for example template-in-accordion, extra popup conditions, parts of the template catalog) need King Addons Pro — not Elementor Pro.

Related woocommerce widgets

Get King Addons

One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Checkout ACF Extra Fields after you activate it.

Get King Addons