Atomic Element · Free
Drop one element into your single post template and every article gets working share links for Facebook, X, LinkedIn, Pinterest and more, styled like the rest of your site. Free on Elementor Free.
The short answer
Elementor social share buttons from Animation Addons come as Social Share, a free Elementor 4 Atomic Element. Each button is a real link with Icon and Title children. Pick a Social Network and the button shares the page it sits on, with that page's title, so one template covers every post.
Many "Elementor V4 compatible" addons are classic v3 widgets running inside the new editor. The Animation Addons for Elementor Social Share is a native Atomic Element, so buttons share Classes and Variables with the rest of your design.
| Plan | Free |
|---|---|
| Element type | Native Elementor 4 Atomic Element (open container) |
| Works with | Elementor Free and Elementor Pro, Atomic Editor on |
| Child elements | Social Share Item > Icon, Title. The row also accepts Heading, Paragraph, SVG, Image, Divider, Flexbox and Div Block |
| Auto-share networks | Facebook, Twitter / X, LinkedIn, Pinterest (adds the featured image), Reddit, Tumblr, Blogger |
| Other links | Instagram links to instagram.com (Instagram has no web share link); Custom / None for any URL, with ${u} page URL and ${t} title tokens |
| Link options | Shared Link override, Open In (New Window by default, with noopener), Add Nofollow |
| Share counts | Not shown. Buttons are plain links; nothing is counted or tracked |
| Page weight | Links built on the server; no script; one small stylesheet |
| Plugin version | Animation Addons for Elementor 4.3 · Last updated October 2026 |
Demo variations
Ideas you can build today with the Social Share and native Elementor 4 elements. Cards marked Pro add an Animation Addons Pro extension or element; the rest work on the free plugin.
Four small round outline icons (Pinterest first, then Facebook, X and email) under the author line, filling with colour on hover.
mailto:?subject=${t}&body=${u}; Title children kept but visually small; hover colour on the item Class.A narrow column on the left of the article: a small "Share" label, a short rule, then LinkedIn, X, Facebook and Reddit icons stacked. It stays in view while the reader scrolls.
Wide coloured pills with icon and text ("Share on Facebook", "Post on X", "Pin it") under a short ask; they wrap onto two lines on phones.
Two chunky buttons in a card, "Send on WhatsApp" and "Send on Telegram", under a weekly specials post.
https://wa.me/?text=${t}%20${u} and https://t.me/share/url?url=${u}&text=${t}; WhatsApp and Telegram SVGs placed in the Icon children.A dark banner on speaker and session pages with "Tell your network you're coming" and LinkedIn, X and Facebook buttons, always sharing the main event URL.
Features
Every option below is a real control in the Social Share panel or part of how the element renders. Nothing here needs custom code.
Leave Shared Link empty and each button builds its share link on the server from the page it is on. Pinterest also receives the post's featured image.
Fill Shared Link to share a fixed URL, such as a campaign landing page, from anywhere.
Custom / None lets you write the link yourself. ${u} becomes the current page URL and ${t} its title, which covers WhatsApp, Telegram, email and anything else with a share URL.
The row drops in with Facebook, Twitter and LinkedIn items. Duplicate, reorder, restyle or delete them, and add a label, divider or image inside the row.
Each item holds an Icon and a Title. Swap in your own SVG or change the wording per network.
A CSS ring expands from the item on hover and on keyboard focus.
Built on the atomic base
Why it mattersGive all items one Class and every share row on the site changes from one place.
Step by step
Six steps, from installing the plugin to publishing the page. The bold names are the exact labels you will see in the Elementor 4 panel.
Download freeInstall Animation Addons for Elementor and open your single post template (or any page) with the Atomic Editor on.
Drag Social Share where you want the buttons.
Select each item and choose its Social Network; leave Shared Link empty to share the current page.
Duplicate items for more networks, or use Custom / None with ${u} and ${t} for others.
Set Open In and Add Nofollow, style the items, and publish.
Open a published post and click a button to check the share preview.
Honest comparison
Elementor Pro's Share Buttons widget is a good option if you already pay for Pro. It offers a network list, icon/text/both views, skins, shapes, columns, and current-page or custom URL.
| Feature | Elementor Pro Share Buttons | Animation Addons Social Share |
|---|---|---|
| Requires Elementor Pro | Yes | No |
| Native Elementor 4 Atomic Element | No, classic widget | Yes |
| Shares the current page automatically | Yes | Yes |
| Share a custom URL instead | Yes | Yes, Shared Link |
| Look | Built-in skins, shapes and columns | Each item, icon and label styled with Classes and Variables |
Compared with Elementor 4.3.3 (September 2026).
Who it's for
The people who get the most out of it, and what they use it for.
Adding share buttons to single post templates on Elementor Free.
Matching share buttons to each client's brand.
Offering WhatsApp sharing or one fixed event link.
FAQ
Install the free Animation Addons for Elementor plugin and drag the Social Share element into your single post template. Choose a Social Network on each item and leave Shared Link empty. On the live site, each button shares the post it appears on with that post's URL and title. Elementor Pro is not needed.
The Animation Addons Social Share builds share links automatically for Facebook, Twitter / X, LinkedIn, Pinterest, Reddit, Tumblr and Blogger. Instagram is in the list but has no web share link, so that item simply links to Instagram. WhatsApp, Telegram, email and other services work through Custom / None with the ${u} and ${t} tokens.
Facebook and LinkedIn build the preview from the page's Open Graph tags, not from the share button. The Animation Addons Social Share sends only the page address, so set the post's og:image with your SEO plugin and refresh it in Facebook's Sharing Debugger. Pinterest is different: the button sends the post's featured image.
No. The Animation Addons Social Share renders plain share links and does not count or display shares or views. Nothing is tracked and no third-party script loads. If you need counts, use the analytics in your social or site statistics tools rather than numbers on the button.
Each Animation Addons Social Share button is a real link that works with the keyboard, and the share row is announced as a list. A button's accessible name comes from its Title text, so keep a Title on every button. For an icon-only design, give the item an aria-label such as "Share on LinkedIn" instead.
No. The Animation Addons Social Share builds share links on the server, loads no script, no tracking and no third-party widget, and adds one small stylesheet for Pulse on Hover. The links are normal HTML, so they work before any JavaScript loads and on mobile browsers.
Yes. Fill the Shared Link field on an Animation Addons Social Share item and that item shares the link you entered instead of the current page. This suits events and launches where every share, from any page, should lead to one registration or landing page.
More answers in the FAQ · Documentation · Free vs Pro
Pairs well with
Elements that work well with the Social Share on the same page or template.
Works on every post from one template, free on Elementor Free.