1. Home
  2. Knowledge Base
  3. Build a website with SiteBuilder/ShopBuilder
  4. Adding Favorite Tweets or Twitter Lists to Sitebuilder

Adding Favorite Tweets or Twitter Lists to Sitebuilder

The Embed widget in the Social media section is similar to the HTML code widget.

Embed widget

It is essentially a code editor. The only difference is it will offer you direct access to the webmaster/developer tools of different social media sites and apps. It will allow you to:

  1. Integrate a Like, Share, Recommend, Send in Message or Follow Page Facebook button on your site
  2. Embed a Facebook post, video or entire page
  3. Embed Facebook feed
  4. Add a Google +1 tag
  5. Add a Google+ Follow Page button
  6. Integrate a Google+ badge
  7. Integrate a Google+ share button
  8. Embed a Twitter timeline of the tweets you have posted, your favourite tweets, the tweets of accounts in your lists, the results of a particular search or the ones you have included in your collections.Facebook Plugins
    Twitter Feed
    Google button

To place the widget in your layout navigate to the ‘Social’ panel. Drag and drop the ‘Embed’ widget on your layout. That will open the ‘Edit:Embed’ area.

Drag and drop
Edit:Embed

To open the Twitter option click on Twitter Feed. The Twitter Widgets Configurator will open in a new tab.

The Twitter User Timeline widget

What it does:

It embeds your own tweets in an interactive window on your website.

Example Twitter User Timeline widget

How to create it:

  1. In the Twitter Widgets Configurator click on Create New.Twitter Widgets Configurator
  2. By default you will be in the User Timeline creator.User Timeline creator
  3. Fill in the form and adjust your settings until you like what you see in the preview box.
  4. Click on Create Widget
  5. Copy the code that appears under the Preview box
  6. Paste in the Embed widget and Submit.
  7. Tip: You can use the Columns widget to centralize the post
  8. Publish to see the change.

The Twitter Favourites widget

What it does:

It embeds your favourite (starred) tweets in an interactive window on your website.

Example Twitter Favourites widget

How to create it:

  1. In the Twitter Widgets Configurator click on Create New.Twitter Widgets Configurator
  2. By default you will be in the User Timeline creator.
  3. Switch to the Favourites tabFavourites tab
  4. Fill in the form and adjust your settings until you like what you see in the preview box.
  5. Click on Create Widget
  6. Copy the code that appears under the Preview box
  7. Paste in the Embed widget and Submit.
  8. Tip: You can use the Columns widget to centralize the post
  9. Publish to see the change.

The Twitter List widget

What it does:

It embeds the Tweets of the Twitter accounts you have included in your lists in an interactive window on your website.

Example Twitter List widget

You will need:

You will need a Twitter list. You can create it from here https://twitter.com/lists. Once you have created your list, browse trough Twitter accounts, click on the gear wheel and then on Add or Remove from Lists.

How to create it:

  1. In the Twitter Widgets Configurator click on Create New.Twitter Widgets Configurator
  2. By default you will be in the User Timeline creator.
  3. Switch to the Lists tabLists tab
  4. Fill in the form and adjust your settings until you like what you see in the preview box.
  5. Click on Create Widget
  6. Copy the code that appears under the Preview box
  7. Paste in the Embed widget and Submit.
  8. Tip: You can use the Columns widget to centralize the post
  9. Publish to see the change.

The Twitter Search widget

What it does:

It embeds the Tweets containing keywords, chosen by you, in an interactive window on your website.

Example Twitter Search widget

How to create it:

  1. In the Twitter Widgets Configurator click on Create New.Twitter Widgets Configurator
  2. By default you will be in the User Timeline creator.
  3. Switch to the Search tabSearch tab
  4. Fill in the form and adjust your settings until you like what you see in the preview box.
    1. Tip: If you would like to only show the results of an advanced search (including multiple keywords, from certain dates or placed), perform one here: https://twitter.com/search-advanced then click on the search button. In the next screen you will see the search results and in the upper right corner – the search syntax. Copy that and use it in the widget search field.
  5. Click on Create Widget
  6. Copy the code that appears under the Preview box
  7. Paste in the Embed widget and Submit.
  8. Tip: You can use the Columns widget to centralize the post
  9. Publish to see the change.

The Twitter Collection widget

What it does:

It embeds a collection of Tweets, hand selected by you in an interactive window on your website. They don’t have to be from the same user, with the same keywords or on the same topic.

Example Twitter Collection widget

You will need:

You will need a Twitter collection. You can easily create one through the Twitter tool TweetDeck. To do that:

  1. Log in https://tweetdeck.twitter.com/
  2. In the navigation bar to your left click on the ‘+’ sign. Select ‘Collections’ from the list, then on ‘+Create collection’navigation bar
    Collections
  3. The collection panel will appear. Click on the text field at the top to rename it. Your collection is ready.Create collections
    New collections
  4. Now perform a Tweet search in TweetDeck. Click on Add Column to open a panel. To include a Tweet in your collection click on the Move icon (the crossed arrows sign next to the Options sign) drag and drop the Tweets onto the collection’s panel.drag and drop the Tweets onto the collections panel

How to create it:

  1. In the Twitter Widgets Configurator click on Create New.Twitter Widgets Configurator
  2. By default you will be in the User Timeline creator.
  3. Switch to the Collection tabCollection tab
  4. Fill in the form and adjust your settings until you like what you see in the preview box.
  5. Click on Create Widget
  6. Copy the code that appears under the Preview box
  7. Paste in the Embed widget and Submit.
  8. Tip: You can use the Columns widget to centralize the post
  9. Publish to see the change.
Updated on 3 September 2020

Was this article helpful?

Need support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!
Contact support

Couldn't find a solution?

support_bottom_contact_alt

Our specialists are available 24/7 to provide you with free support. Feel free to contact Joachim and his colleagues via e-mail or by phone.

support_bottom_contact_alt
Joachim Coessens Specialist Support