Marketing · Elementor
Share Buttons widget for Elementor
Social share buttons for the current page, with networks and labels you choose.
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
Social share buttons for the current page, with networks and labels you choose.
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.
- Edit with Elementor. Open a page and click Edit with Elementor.
- Insert the widget. Search the panel for “Share Buttons”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Network”, “Show Title”, “Show Excerpt”, “Share Buttons”. Style and Content tabs are listed on this page.
When to use it
- The end of a blog post.
- A recipe or guide page.
- A product page share row.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| share_buttons — Network | Options: Facebook; X (Twitter); LinkedIn; Pinterest; Reddit; WhatsApp; Telegram; VK…. |
| share_buttons — Show Title | Switcher inspector control (`show_whatsapp_title`). |
| share_buttons — Show Excerpt | Switcher inspector control (`show_whatsapp_excerpt`). |
| General — Share Buttons | Repeater rows; render() loops each item to build the list or slides. |
| Layout — Columns | Options: Auto; 1; 2; 3 (Pro); 4 (Pro); 5 (Pro); 6 (Pro). |
| Layout — Horizontal Gutter | Writes CSS (grid-column-gap, margin-right, margin-left) onto the widget’s front-end markup. (min 0, max 25). |
| Layout — Vertical Gutter | Writes CSS (grid-row-gap, margin-bottom) onto the widget’s front-end markup. (min 0, max 25). |
| Layout — Icon Width | Writes CSS `width` onto the widget’s front-end markup. (min 15, max 200). |
| Layout — Icon Height | Writes CSS (height, line-height) onto the widget’s front-end markup. (min 15, max 100). |
| Layout — Icon Size | Writes CSS (font-size, width, height) onto the widget’s front-end markup. (min 10, max 100). |
| Layout — Label Spacing | Writes CSS `padding` onto the widget’s front-end markup. (min 0, max 100). |
| Layout — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-share-buttons .king-addons-share-label`. |
| Layout — Border Width | Writes CSS (border-width, border-style) onto the widget’s front-end markup. (min 0, max 10). |
| Layout — Button Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Layout — Alignment | Writes CSS `justify-content` onto the widget’s front-end markup. Options: Left; Center; Right; Justified. |
| Styles — Use Custom Colors | Switcher inspector control (`share_custom_colors`). |
| Styles — Icon Background Color | Switcher inspector control (`share_icon_bg_tr`). |
| Styles — Label Background Color | Switcher inspector control (`share_label_bg`). |
| Styles — Label Background Transparency | Switcher inspector control (`share_label_bg_tr`). |
| Styles (Normal) — Icon Color | Writes CSS (color, fill) onto the widget’s front-end markup. |
| Styles (Normal) — Icon Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Styles (Normal) — Label Color | Writes CSS `color` onto the widget’s front-end markup. |
| Styles (Normal) — Label Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Styles (Normal) — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Styles (Hover) — Icon Color | Writes CSS (king-addons-share-icon, color, fill) onto the widget’s front-end markup. |
| Styles (Hover) — Icon Background Color | Writes CSS (king-addons-share-icon, background-color) onto the widget’s front-end markup. |
| Styles (Hover) — Label Color | Writes CSS (king-addons-share-icon, color) onto the widget’s front-end markup. |
| Styles (Hover) — Label Background Color | Writes CSS (king-addons-share-icon, background-color) onto the widget’s front-end markup. |
| Styles (Hover) — Border Color | Writes CSS (king-addons-share-icon, border-color) onto the widget’s front-end markup. |
| Styles — Transition Duration (ms) | Writes CSS `transition-duration` onto the widget’s front-end markup. (default 100, min 0). |
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 Share Buttons 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 Share Buttons in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Share Buttons”, 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 marketing widgets
Video Popup
A poster image that opens a video (self-hosted or hosted) in a popup, with autoplay-on-open available.
Phone Call Button
A click-to-call button that opens the phone app on mobile and still looks like a CTA on desktop.
Popup & Lightbox Modal
An on-page popup or lightbox for a promo, form, or media embed. This is the widget; site-wide popups with conditions live in Popup Builder.
Business Hours
Opening hours with weekday rows, highlights for today, and closed states.
Countdown & Timer
A countdown to a date (or evergreen) for launches, sales, and events.
Flip Countdown & Timer
A flip-clock countdown with the same job as Countdown, in a different visual style.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Share Buttons after you activate it.