Content · Elementor
Sticky Contact Bar widget for Elementor
Sticky Contact Bar is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Sticky Contact Bar” in the Elementor panel.
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
Sticky Contact Bar is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Sticky Contact Bar” in the Elementor panel.
Sticky Contact Bar Widget (Free).
render() writes HTML data attributes: data-align, data-availability, data-channel, data-device, data-offline-label, data-offset, data-online-label, data-position.
Some inspector controls are marked Pro in PHP (eicon-pro-icon / king-addons-pro-control). Those need King Addons Pro, not Elementor Pro.
The widget script reads data attributes: data-state.
How to add it in Elementor
- Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
- Edit with Elementor. Open a page and click Edit with Elementor.
- Insert the widget. Search the panel for “Sticky Contact Bar”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Helper Label”, “Default Status”, “Online Text”, “Offline Text”. Style and Content tabs are listed on this page.
When to use it
- An Elementor page that needs Sticky Contact Bar.
- A layout in the posts, cards, lists, FAQs, and editorial layouts group.
- Search the panel for “Sticky Contact Bar” after King Addons is active.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| Content — Helper Label | Shown above channels when labels are enabled. |
| Content — Default Status | Written to the `data-status-default` HTML attribute in render(). Options: Online; Offline. |
| Content — Online Text | Written to the `data-online-label` HTML attribute in render(). |
| Content — Offline Text | Written to the `data-offline-label` HTML attribute in render(). |
| Content — Show Status | Switcher inspector control (`kng_show_status`). |
| Content — Show Channel Labels | Switcher inspector control (`kng_show_labels`). |
| Channels — Label | Text inspector control (`kng_channel_label`). |
| Channels — Channel | Options: WhatsApp; Telegram; Facebook Messenger; Phone; Email; Custom Link. |
| Channels — Destination | Text inspector control (`kng_channel_value`). |
| Channels — Prefill Message | Text inspector control (`kng_channel_message`). |
| Channels — Custom URL | Elementor URL control (href, new tab, nofollow) applied to a front-end link. |
| Channels — Icon | Icon rendered with Elementor Icons_Manager in this widget’s HTML. |
| Channels — Visibility | Select inspector control (`kng_channel_availability`). |
| Channels — Device | Options: All devices; Desktop only; Mobile only. |
| Channels — Open in new tab | Switcher inspector control (`kng_channel_new_tab`). |
| Content — Channels | Repeater rows; render() loops each item to build the list or slides. |
| Layout — Edge | Written to the `data-position` HTML attribute in render(). Options: Right; Left. |
| Layout — Vertical Alignment | Written to the `data-align` HTML attribute in render(). Options: Top; Middle; Bottom. |
| Layout — Offset | Spacing/size control (min 0, max 400). |
| Layout — Items Gap | Writes CSS `gap` onto the widget’s front-end markup. (min 0, max 40). |
| Box — Background | Writes CSS `background-color` onto the widget’s front-end markup. |
| Box — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Box — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. (min 0, max 80). |
| Box — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-sticky-contact-bar`. |
| Box — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-sticky-contact-bar`. |
| Status — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-sticky-contact-bar__status-text, {{WRAPPER}} .king-addons-stic…`. |
| Status — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Status — Dot Color (Online) | Writes CSS `background-color` onto the widget’s front-end markup. |
| Status — Dot Color (Offline) | Writes CSS `background-color` onto the widget’s front-end markup. |
| Channels — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-sticky-contact-bar__label`. |
| Channels — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Channels — Background | Writes CSS `background-color` onto the widget’s front-end markup. |
| Channels — Hover Background | Writes CSS (item, background-color) onto the widget’s front-end markup. |
| Channels — Item Radius | Writes CSS `border-radius` onto the widget’s front-end markup. (min 0, max 40). |
| Channels — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-sticky-contact-bar__item`. |
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 Sticky Contact Bar 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.
How do I add Sticky Contact Bar in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Sticky Contact Bar”, drag it onto the canvas, then set Content and Style.
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 content widgets
Announcement / Promo Bar
Announcement / Promo Bar is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Announcement / Promo Bar” in the Elementor panel.
Comparison Matrix Cards
Comparison Matrix Cards is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Comparison Matrix Cards” in the Elementor panel.
Content Toggle
Content Toggle is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Content Toggle” in the Elementor panel.
Cookie Preferences Button
Cookie Preferences Button is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Cookie Preferences Button” in the Elementor panel.
Custom Post Types Grid
Custom Post Types Grid is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Custom Post Types Grid” in the Elementor panel.
Custom Post Types Slider
Custom Post Types Slider is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Custom Post Types Slider” in the Elementor panel.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Sticky Contact Bar after you activate it.