Theme Builder · Elementor
TB - 404 Search Form widget for Elementor
TB - 404 Search Form is a Theme Builder field. Add it on a King Addons Theme Builder template (single, archive, 404) so it can read the current query — not on a generic landing page.
Get King Addons
This page describes the PHP/JS for this widget — not a renamed stub. Install the free plugin from WordPress.org.
What it actually does
TB - 404 Search Form is a Theme Builder field. Add it on a King Addons Theme Builder template (single, archive, 404) so it can read the current query — not on a generic landing page.
Theme Builder 404 Search Form widget (Free).
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
- Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
- Open a Theme Builder template. Place this widget on a King Addons Theme Builder template (single, archive, 404), not a random landing page.
- Insert the widget. Search the panel for “TB - 404 Search Form”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Placeholder”, “Button Label”, “Kng Show Icon (Pro)”, “Kng Post Type (Pro)”. Style and Content tabs are listed on this page.
When to use it
- A single-post template that needs TB - 404 Search Form.
- An archive or 404 template in Theme Builder.
- A dynamic layout where the content comes from the current query.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| Content — Placeholder | Saved on the widget and consumed in render(). |
| Content — Button Label | Printed in the widget HTML from render(). |
| Content — Kng Show Icon (Pro) | Switcher inspector control (`kng_show_icon`). |
| Content — Kng Post Type (Pro) | Saved on the widget and consumed in render(). |
| Style — Input Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-tb-404-search-form input[type="search"]`. |
| Style — Input Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Style — Button Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-tb-404-search-form button`. |
| Style — Button Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Style — Button Background | Writes CSS `background-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 TB - 404 Search Form 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.
Why is TB - 404 Search Form empty on a normal page?
Theme Builder widgets read the current query. Edit a Theme Builder template (single/archive/404) and preview a real post or archive.
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 theme builder widgets
TB - Archive Posts
TB - Archive Posts is a Theme Builder field. Add it on a King Addons Theme Builder template (single, archive, 404) so it can read the current query — not on a generic landing page.
TB - Archive Result Count
TB - Archive Result Count is a Theme Builder field. Add it on a King Addons Theme Builder template (single, archive, 404) so it can read the current query — not on a generic landing page.
TB - Archive Title
TB - Archive Title is a Theme Builder field. Add it on a King Addons Theme Builder template (single, archive, 404) so it can read the current query — not on a generic landing page.
TB - Post Comments
TB - Post Comments is a Theme Builder field. Add it on a King Addons Theme Builder template (single, archive, 404) so it can read the current query — not on a generic landing page.
TB - 404 Description
TB - 404 Description is a Theme Builder field. Add it on a King Addons Theme Builder template (single, archive, 404) so it can read the current query — not on a generic landing page.
TB - 404 Title
TB - 404 Title is a Theme Builder field. Add it on a King Addons Theme Builder template (single, archive, 404) so it can read the current query — not on a generic landing page.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for TB - 404 Search Form after you activate it.