A complete guide on adding a Share and Follow button in Elementor for X or Twitter

May 27, 2025 | Blog

How to Add Twitter Share Button and Follow Button in Elementor Website

Adding Twitter Share Button and Follow Button to your Elementor website can help you increase your site visibility. 

You can use the WPMozo X(formerly Twitter) Share Button and Follow Button widget without any coding. 

Let’s see how to add them in just a few steps! 

How to Add Twitter Share Button

Below, we share how you can simply include Share Button in your webpage in just a few clicks. Make sure that your Elementor is active.

Step 1: Install and Activate WPMozo Addons Lite for Elementor

Navigate to Plugins > Add New Plugin and search for WPMozo Addons Lite for Elementor. Now, install and activate the plugin.

Then go to Posts > Add New Post.

Adding post in Elementor

Click on the Edit with Elementor Button. 

Edit with Elementor button

Step 2: Add the X Share Button Widget in a Container

Add a Container from the left side of your page.

Elementor Container Widget

Search for Twitter Share Button and drag & drop it into the Container.

Twitter Share Button widget in Elementor

Voila! You just added the button! 

X post button in Elementor

Step 3: Add the Twitter Post URL and Check the Result

Now, find the URL of your preferred Twitter Post by pressing the share button like in the image below.

Accessing the share button of Twitter

Copy the link. 

Copying Twitter post link

Paste it in the URL section on the left side of your page.

Adding Twitter post URL in Elementor

Here is the result:

How to Add Twitter Follow Button

This process is pretty much similar to adding Twitter Share Button, just requires some different steps. Already, you have downloaded the WPMozo Addons Lite for Elementor, so we are skipping those steps.

Step 1: Add the Twitter Follow Button Widget in a Container

After entering the WordPress Dashboard navigate to Posts > Add New Post.

Adding post in WordPress

Click on the Edit with Elementor Button. 

Edit With Elementor

Then the Elementor editing panel will appear, and add a Container from the left side of your page. 

Container in the Elementor

Search for the Twitter Follow Button and drag & drop it into the Container

Twitter Follow Button widget for Elementor

And the X Follow button is added! 

X Follow button for Elementor

Step 2: Add the Twitter Username and Check the Final Look

Now let’s add the Twitter Account User Name in the Twitter Username field. 

Adding X/Twitter Username for the Elementor Follow button

Copy the Username from your preferred Twitter Account

Copying Twitter username

Remember to exclude the “@” sign while copying the Username; otherwise, it won’t work perfectly. 

Here is the result:

5 Benefits of Adding a Twitter Button to an Elementor Website

Adding a Twitter button might be the easiest win you didn’t know you needed. 

1. Easily Increase Social Engagement.

Adding a Twitter button to your site is a smart way to connect with visitors. When people visit your page and see a Twitter button, they’re more likely to interact. With just one click, they can follow your account or share your posts.

Twitter Button Interaction Sequence for Engagement

2. Drive Traffic from Twitter Effortlessly

When someone tweets your content, their followers can see it. This can bring new visitors to your website. It works like word-of-mouth but online. You don’t need to spend money on ads to get more traffic, one tweet can lead to many views.

3. Boost Brand Awareness.

Want more people to know your brand? The Twitter button helps make that happen. Every time someone shares your content, your name spreads, their followers see your post and your message, and over time, this builds brand awareness.

Twitter button on Elementor working cycle.

4. Let Visitors Share Content Instantly.

People love quick and easy tools. A Twitter button makes sharing simple. They don’t need to copy links or open another window. Just click, tweet, and be done. This makes it more likely they will share your blog and social media posts.

5. Add Social Proof to Your Site

Seeing a Twitter button and seeing others using it builds trust. It shows that people care about your content. Social proof is when people see others interacting and feel it must be good. It’s like a crowd gathering.

FAQs – Frequently Asked Questions

Does WPMozo’s Twitter Button Widgets negatively impact the Elementor site?

No! There is no negative impact on your Elementor site due to WPMozo’s Twitter Button Widgets. These widgets don’t have unnecessary bulk code scripts and are optimized for performance. 

Do Twitter buttons drive more traffic to my website? 

Yes, Twitter buttons can drive more traffic to your website. When visitors share your content on Twitter, it reaches a wider audience. Their followers see the shared link, click it, and land on your site.

What is the Elementor template kit?

An Elementor template kit is a collection of predesigned page templates and blocks, helping users create a complete website quickly without coding.

Add Interactable Buttons to Your Website Using WPMozo Twitter Button Widgets

WPMozo Twitter Button Widgets are smart and simple to promote your website’s social presence. These widgets let you add sleek, customizable Twitter Follow and Tweet buttons anywhere on your Elementor site. 

With just one click, your visitors can follow your X profile or share your content instantly. You can grow your audience, increase engagement, and drive more traffic without slowing down your site.

Posted By:
Adrita
Adrita Chakraborty is a professional WordPress, Tech and Marketing writer. She has more than 8 years of writing experience under her belt. Apart from professional life, she loves to travel the world, reads books, cooks tempting meals.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Upgrade Your Gutenberg Editor with Advanced Blocks Plugin by WPMozo

Upgrade Your Gutenberg Editor with Advanced Blocks Plugin by WPMozo

If you have selected WordPress as your CMS, you'll get to hear a lot about the Gutenberg editor. You can take it as the topic of the hour as long as you're going to stay with WordPress.  And not only the Gutenberg editor, but its patterns, ease of use, and...

Top 10 Alternatives to Ultimate Addons for Gutenberg Reviewed

Top 10 Alternatives to Ultimate Addons for Gutenberg Reviewed

Spectra Blocks (previously Ultimate Addons for Gutenberg) is one of the best Gutenberg plugins. It features various Gutenberg Blocks that let you design webpage elements without using any code. You only have to drop a block on the WordPress page/post, add your...

Why Choose Elementor as Your WordPress Page Builder in 2025

Why Choose Elementor as Your WordPress Page Builder in 2025

These days, a lot of people want to build a code-free WordPress website.  This becomes possible thanks to WordPress page builders like Elementor, which allow you to create a visually impressive website. You will find many page builders, but Elementor is generally...

Explore, Learn, Grow: Join Now!