Skip to main content

Embed Twitter widgets

Embed twitter buttons:

Embedding twitter buttons is easy. Just follow instructions on https://about.twitter.com/resources/buttons,  then copy and paste the code into Hippo (in html code mode).

Examples:

1. Share a link:

2. Follow a twitter page:

Embed a twitter timeline: 

  1. Sign in to Twitter.
  2. Go to your settings and select Widgets.
  3. Click Create new.
  4. Choose the type of embedded timeline you’d like and start to configure it:
    • For User Timeline, enter the username of the user whose Tweets you want to display.
    • For Favorites, enter the username of the user whose favorites you want to display.
    • For List, select a public list that you own and/or subscribe to in the drop-down menu.
    • For Search, enter your search query (for advanced searches, use Twitter’s search operators).
    • Make sure to select Safe mode if you want to exclude sensitive content, profanity, etc.
  5. Customize the design by specifying the height, theme (light or dark), and link color to match your website. You can also configure your embedded timeline to auto-expand Tweets containing media.
  6. Click Create widget and then copy and paste the code into HippoCMS (in html source mode).

Example: See timeline in right sidebar.

Embed a tweet:

  1. Click the "... more" right below the tweet you'd like to embed
  2. Choose "Embed Tweet"
  3. Copy and paste the code into HippoCMS (in html source mode).

Example:

Back to Top