3 Easy Ways To Embed A Tweet And Why You Should

Twitter is gaining popularity everyday as social media continues to be the most effective way to market your brand or idea. To keep up with the changes and advancements of other platforms, Twitter has slowly released it’s new layout with some great new features over the last few months. The feature that will have the most impact on sharing your content is the ability to embed a tweet into a blog post or article. What’s so great about that? Let me show you!

 3 Reasons Why You Should Embed A Tweet

Let’s walk through several reasons why you would want to embed a tweet into a post or article.

Reason #1

The ability to display tweets from satisfied customers will give you automatic testimonials to display on your website or blog giving credibility to your brand. When prospective customers browse your website, they are looking for reasons you are better or different from someone else offering the same services or products. Actual tweets about your business or service could generate more leads and conversions.


Reason #2

If you built and maintain your website with no developer experience, you may not know how to create ads or Calls To Action (CTA) tabs for generating leads. You can embed tweets as your CTA instead and achieve the same result. You can create an embedded tweet to offer a free info guide or eBook on a topic in exchange for their contact information to build your email list. The prospect walks away with information and is likely to return to your site for more resources.


Reason #3

The main reason we use Twitter is to share content with like-minded people and to learn from what they share. There are a countless number of articles on how to get people to share your content and where to place the social sharing buttons on your page because we all scan articles for that bit of information that someone else might share to increase our knowledge base of that particular subject. In each sub-heading of your post, place an embedded tweet to allow segments of your article to be shared in addition to the entire article. You can get double the exposure from a single article by doing a little extra preparation!


3 Ways To Embed A Tweet

When I first heard about embedding tweets, it looked very complicated. I can read a little code and have taken some Code Academy lessons but I am far from able to change codes in my website. I’m sure many of  you are thinking the same thing so I will show you three easy ways to embed a tweet to your article that don’t require you to know HTML coding.

 1. WordPress Tweet Embed Plugin

WordPress is widely used by beginner and intermediate web developers, so it seems fitting to start with a plugin for your WordPress site. The WordPress Tweet Embed Plugin is the easiest model to embed a tweet. If you can copy and paste, you can use this method. Download and install the plugin as you do any WordPress plugin. When you see a tweet you want to embed, click on the link to open the full article. Copy the URL from the address bar of the web browser and take it to your WordPress dashboard.

Open your New Post page in the Visual tab where you would normally write your post and paste the URL on a separate line from other text.


Click Save Draft and Preview how it will look in your post.


2. Text To HTML Editor Tool

We are going to get a little more fancy now using tools that do all the hard work for you. If you want to create a customized embedded tweet, this is a great option! If you don’t want to interrupt your article with an actual tweet box, use this code option to place a small “Tweet This” link anywhere you want to allow sharing of specific text.

Open the Text Editor Tool and type in what you want the embedded tweet to say. Click URL Encode to produce the line of code you will enter into your next step.


Open a New Post page and enter this line of code into your HTML tab:


Copy the line of code in the Encode box and paste it where the red “Your Tweet Here” is. Click on the Visual tab or Preview to see how it will look. You can add text before the code to be tweeted with it (highlighted in yellow) as a subliminal hint that this is tweetable material.


Alternatively, you can also make a block quote that appears in a separate box like a customized tweet. In your HTML tab, highlight the text and code link that you want to create the block quote for. Click on the b-quote tab and save your changes. Preview your post to see it appear as a separate box that you can customize to your needs.


The “Tweet This” link is live and shareable right from the article. When the link is clicked, a Twitter window will open allowing the viewer to RT and add any comments to it before sending.

 3. Direct HTML

Similar to the other two methods, we are going to copy and paste to create our embedded tweet. When you find a tweet you want to embed, open it and click on Details and then Embed This Tweet.



A window containing the HTML code and the tweet information will open. Copy the code and paste it into your HTML tab, to the position where you want the tweet to show up. Click Preview to see it displayed in your article.

Once you experiment with options, you will see it’s very easy to do! Give it a try and be proud of yourself for tinkering with code and get your content shared through another avenue. Let us know how it worked out for you!

Image credit: House Sparrow by Big Stock Photo.

Jessica Prouty

Jessica is a Support Technician for Cytanium Hosting who loves to teach people how to use modern technology to be more productive and organized. Simple tips, tricks and tools can make anyone computer savvy! You can follow her on Twitter @learningrl or visit her blog at www.learningrl.net.

Subscribe to our newsletter!

Our latest tutorials delivered straight to your inbox