How to Embed Twitter Tweet and Timeline to Your Website?
Embedding Twitter timeline in your site increases the user interaction and average visiting time. Twitter offers two ways of embedding the tweets to your site:
- Embed a single tweet
- Embed the complete timeline
Any embedded tweets can be retweeted, replied and favorited directly from your webpage and all the activities will be shown in the embedded widget. Users can also start following you from your embedded tweets. This article explains step by step process of embedding tweet and timeline in your webpage. You can embed anyone’s tweet or timeline in your page.
Embedding a Single Tweet
Go to any tweet and move your mouse over the tweet to see various options. Click on the “More” option and then click on “Embed Tweet” as shown in the below picture.
This will open a popup window as shown beside along with embed code. Copy this code and paste anywhere in your webpage to display the widget box containing only that particular tweet.
Embedding Twitter Timeline on Your Page
- Login to your Twitter account
- Click on the Settings button
- Click on the Settings option
- Choose the Widgets link from the list of options available in left side
- Click on Create New button
You can see the new screen for creating a user widget.
You have the following four options to choose the timeline source for creating an embed code for Twitter widget.
Enter any Twitter public user in the box and you can see the timeline appearing in the preview window. The widget includes the follow button allowing the website visitor to follow you without leaving the page. Each tweet from your timeline is shown with the options to retweet, reply and favorite. There is also a tweet box which enables the site visitors to tweet their comments instantly.
From Your Favorites
Favorite widget box will show all the favorited tweets from the user’s timeline. This widget box does not offer follow button and tweet box.
From Your List
List widget box will show all the tweets from the specific list of users. List name, description and the link of the list owner’s profile are shown in the top of the widget box. In order to create a widget from the list either you should be the owner of the list of you should be the subscribed member of the list. s timeline. This widget box also does not offer follow button and tweet box.
From Search Query or #hashtag
Provide any search query or #hashtag in the box and generate the widget code. This widget shows the search query in the top and a tweet box in the bottom. Clicking on the search query will open the Twitter’s search engine with results for that search query.
Choose the timeline source suitable for you, provide the details and customize the widget options like height and width. The preview will be shown instantly and once satisfied with the preview click on the “Create Widget” button. You will see a message that “Your widget has been created” and the widget code below the preview box.
Copy the widget code and embed it in your website to start displaying your Twitter timeline to all your website visitors.