Social Wall 
Feed Analytics 
Thinking about embedding X posts on your WordPress website but not sure where to start?
Embedding X posts or X posts lets you showcase real conversations, share testimonials, and keep your site content fresh and engaging.
It’s also an effective way to connect with your audience and encourage more followers on X (Twitter).
When I first tried adding X posts to my site, I found X (Twitter)’s standard embed tools could be confusing. Especially if you’re just starting out.
At Smash Balloon, we’ve helped millions of WordPress users display social media feeds seamlessly, making it easy for anyone to add X (Twitter) content to their website.
In this article, I’ll walk you through a beginner-friendly process to embed X posts on your site.
Best of all, you’ll learn how to embed X posts on your website in just a few simple steps, even if you’re not tech-savvy.
In This Article
Why Embed X posts on Your Website?
X (Twitter) is one of the biggest social media platforms out there and a popular place for brands that want to promote their business.
With over 237 million X (Twitter) users, you can find tons of potential customers for your business there.
But so many marketers are already using X (Twitter) each day, so growing a following of your own can be tough.
The solution? You can add social media content from X (Twitter) to your website and turn site traffic into interactions and followers.
On top of growing your social media presence, here are a few more ways embedding X posts can help your brand:
- You can embed live X (Twitter) broadcasts (X (Twitter) livestreams) to keep your website visitors engaged for longer.
- If you show social proof by embedding X (Twitter) reviews of your products, you can convince your visitors to buy from you.
- Embedding your own X posts from your X (Twitter) timeline will show people that you’re active on X (Twitter) and encourages them to reach out to you.
- Using an X (Twitter) embed, you can highlight important announcements and the latest news on your website with ease.
As you can see, you can easily grow your X (Twitter) following, reach more customers, boost your sales, grow your brand and make money with X (Twitter).
With that, let’s go ahead and see how you can start integrating X (Twitter) with your website.
2 Ways to Embed an X post on Your WordPress Website
If you want to embed X posts on your WordPress website, there are 2 ways you can do that:
- Manual: Generate an X (Twitter) embed code for the X posts, tweak that code, and then manually insert it into your website
- Automatic: Use a WordPress plugin that can automatically embed X (Twitter) content for you
If you go for the first method, it means dealing with a lot of complex HTML codes. Plus, it can take a lot more time to embed X (Twitter) feeds using the manual way.
And if something goes wrong while you’re inserting that code into your site, then you won’t have a support team to help you out.
All in all, the manual way can be challenging for many users.
What’s the Easiest Way to Embed X posts on Your Website?
On the other hand, if you go with the automatic option, you can simply use an X (Twitter) feed plugin to embed all X posts with ease — no coding needed.
And the best X (Twitter) feed plugin that you can use is Smash Balloon X (Twitter) Feed Pro.
This plugin comes with a simple 3-step guided flow that’ll take you through the whole process of creating, customizing, and embedding feeds of X (Twitter) content on your website.
What’s more, you get tons of options when it comes to the type of X (Twitter) content that you want to embed.
You can show X posts from a specific profile, show X (Twitter) search results, display your chosen X (Twitter) hashtags, embed your X (Twitter) mentions, display your reposts, and much more.
On top of text posts and photos, you can embed an X (Twitter) video on your website using this plugin and keep your visitors engaged for much longer.
X (Twitter) Feed Pro also gives you complete control over how the X posts appear on your website.
You can choose to import a beautiful template and then use a live feed customizer to change the design of your X (Twitter) feed in a few simple clicks.
As you can see, X (Twitter) Feed Pro is the #1 option if you want to add X posts to your website with ease. I also like the fact that I can use this X (Twitter) plugin to embed X posts on my Divi website.
With all these amazing features, the plugin has a rating of 4.9/5 stars from over 150,000 active users!
Now, let’s see how you can use this plugin to embed content from X (Twitter) on your website in a few clicks.
Ready to add your X posts to your website, even if you’re not tech-savvy?
Get started with X (Twitter) Feed Pro today!
How to Embed X posts on Your Website (Easy Way)
To start embedding X posts on your website with ease, you can simply follow the step-by-step instruction below.
Step 1: Install and Activate Smash Balloon X (Twitter) Feed Pro
First, go and get your copy of the X (Twitter) Feed Pro plugin from here. Next, simply install and activate the plugin on your website.
If you’re not sure how, just check out this step-by-step guide on how to install WordPress plugins
With that, you can go to step 2 and start using the plugin to create X (Twitter) feeds.
Step 2: Create a New X (Twitter) Feed
Using an X (Twitter) feed, you can start showing X posts on your website with ease.
To create your feed, navigate to the X (Twitter) Feed » All Feeds menu from your admin dashboard area and then click on Add New.
You can then use X (Twitter) Feed Pro to choose which kind of X (Twitter) feed you want to show on your website. There are 6 options you can choose from:
- User Timeline: Pick an X (Twitter) account and show the X posts made by that user
- Hashtag: Display all the X posts that have your chosen X (Twitter) hashtags
- Home Timeline: Show the X posts from your own X (Twitter) timeline
- Search: Choose search terms and embed X posts with those terms
- Mentions: Embed X posts that mention your X (Twitter) account
- Lists: Embed specific X (Twitter) lists on your site
Want to use more than a single type of X (Twitter) feed? You can just select multiple options and combine feed types here.
After picking the X (Twitter) feed type, click on Next to continue.
We’ll use the hashtag feed type when showing an example of an X (Twitter) feed on a website.
Now that you’ve created an X (Twitter) feed, it’s time to connect this feed to X (Twitter) in step 3.
Step 3: Connect Your X (Twitter) Account
By connecting your X (Twitter) account, your new feed can fetch X (Twitter) content and display them on your site.
First, click on the Connect button on the popup.
Doing that will open the X (Twitter) website, where the plugin will ask for read-only access to your account.
X (Twitter) Feed Pro will use this access to view content on X (Twitter) and won’t make any changes to your account. So, the plugin is safe to use.
To continue, click on the Authorize app button here.
After that, X (Twitter) Feed Pro will send you back to your website so you can finish adding the source for your X (Twitter) feed.
This source can be an X (Twitter) profile, hashtag, search term, X (Twitter) list, and more, depending on your feed type.
Just enter the source into the popup and then click on Next.
Since we’re creating a hashtag X (Twitter) feed, we’ll use the hashtag “KEEB_PD” as the source here.
Now you can move on to the next step and customize how the X posts appear on your website.
Step 4: Customize Your X posts
To customize your X (Twitter) feed with ease, you can choose a feed template that you can import with a single click.
You have 7 feed templates with unique designs for you to pick from:
- Default
- Masonry
- Simple carousel
- Simple cards
- Showcase carousel
- Latest X posts
- Widget
Just select an X (Twitter) feed template that you prefer and then click Next.
Now, you can use the live feed customizer to change the design of your X (Twitter) feed in just a few easy clicks.
Using the options on the left, you can choose your feed layout, header design, lightbox option, color scheme, and much more.
And on the right, you have a live preview of your X (Twitter) feed to help track your changes.
Ready to customize your X posts?
Look for the Feed Layout option on the left and click on it to start the customization.
You can choose from different feed layouts here to control how the X posts appear on your WordPress site.
There are 3 layouts here: list, carousel, and masonry.
Using the list layout, your X posts will appear in a single column, like on the official X (Twitter) website.
As a bonus, your X posts will be more visible this way.
Next, you can choose the masonry layout, which shows X posts using different columns.
As a result, you can embed tons of X posts on your site at once.
Finally, you have the carousel layout, which turns your X posts into an X (Twitter) carousel or slider.
That way, you can make your website more engaging and interactive.
After picking the feed layout option, click on the Save button at the top.
Once you do that, click on the Customize button to return to the main customization options.
From here, you can continue changing the design of your X (Twitter) feed.
To edit the colors of your X posts, click on the Color Scheme option on the left.
Here, you can see the 4 color schemes that you can choose for your X posts:
- Inherit from Theme: Use the same colors as your WordPress theme
- Light: Show a bright background and a dark font color
- Dark: Choose a light font color along with a dark background
- Custom: Manually pick all of your colors by yourself
Pick the color scheme that you prefer from this list and then click on Save.
Now you can use the rest of the customization options to choose the design of your X posts. You can set your header style, button design, limit the number of X posts, feed size, and much more.
Finally, click on the Save button once you’re happy with the design of your X (Twitter) feed.
After that, it’s time to move on to the final step and add these X posts to your website.
Step 5: Embed X posts on Your Website
Using X (Twitter) Feed Pro, there are 2 ways for you to embed your X posts on your website:
- Embed X posts on a web page
- Embed X posts on a website sidebar or footer
Embed X posts on a Web Page
Using the live feed editor, you can embed your X posts in just a few clicks — no need to touch a single line of code.
Click on the Embed button at the top to get started.
Next, you’ll see a popup that contains all the options to embed your X (Twitter) feed.
To continue, click on Add to a Page here.
The popup will then show you a list of all the WordPress pages that you have on your website.
Just select the page where you want to display the X posts and then click on Add.
Doing that will open the page in the WordPress editor.
From there, you can add a new content block by clicking on the plus icon (+).
Here, use the search bar at the top to look for the “twitter feed” block.
Finally, click on the X (Twitter) Feed block below to embed your X posts.
To confirm your changes, click on the Update button at the top, and you’re done!
Now go ahead and open your website, and you can see how the X posts look.
Now let’s check out the next way you can embed X posts on your website.
Embed X posts on a Website Sidebar or Footer
On top of adding X posts to your page, you can also show the X posts in your sidebar or footer as an X (Twitter) widget.
Just like before, you can use the live feed editor to embed the X posts.
To open your X (Twitter) feed in the live feed editor once again, navigate to the X (Twitter) Feed » All Feeds menu from your WordPress dashboard.
Then, click on the X (Twitter) feed that you want to embed.
You can now see your X posts in the live feed editor once again.
To continue, click on the Embed button at the top — just like before.
On the popup, you can choose where you want to embed your X posts.
This time, click on the Add to a Widget button to continue.
Doing that will open the widgets page of your WordPress site so you can embed your new X (Twitter) widget.
To add your X posts to your sidebar, click on the Sidebar panel.
If you want to show X posts on the footer instead, click on a Footer panel.
We’ll go with the WordPress sidebar for this X (Twitter) feed example.
Click on the plus icon (+) at the bottom to add a new widget to your sidebar or footer.
Then, click on X (Twitter) Feed to embed your new X (Twitter) feed.
Finally, click on the Update button to confirm your new X (Twitter) feed widget and you’re done.
You can now open your website to see your X posts displayed in the widget area.
And there you go!
Now you know how to embed X posts on your website the easy way. With that, you can easily boost your X (Twitter) following, engage your visitors and grow your sales.
The best part? You can use the X (Twitter) Feed Pro plugin to do all that in just a few simple clicks — no need to touch a single line of code.
Want to start embedding X posts? Get your copy of X (Twitter) Feed Pro here.
While you’re here, you can also check out our list of the best ways to increase your X (Twitter) engagement.
If this article helped you out, follow us on X (Twitter) and Facebook, and stay tuned for more social media marketing tips and tricks.
