Skip to main content

Add a Twitter widget to the member hub

Lisa Wong
Updated

Embed your Twitter timeline or other type of Twitter widget in the Member Hub.

Note:

If the member is signed into their Twitter account in their web browser, the widget will show the most recent tweets by the Twitter account used in the widget. However, if the member is not signed into Twitter, the widget will show the most viewed tweets by the linked twitter account.

  1. Get the Twitter widget.
    1. Go to https://publish.twitter.com/
    2. In the What would you like to embed? field, type the URL of the Twitter profile you want to embed on the hub (for example, https://twitter.com/alidatxm).
      The Here are your display option page appears.
    3. Click Embedded Timeline.
    4. Click set customization options.
    5. Set the widget Height to 600 and the Width to 300.
    6. Click Update.
    7. Click Copy Code on the page that appears.
  2. Embed the widget.
    1. Log in to the Member Hub.
    2. Create a custom HTML embed.
    3. Click Save.
  3. Optional: If the scroll bar does not appear in the widget:
    1. Copy and paste the following code into HTML field.

      HTML code

      
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
      html,body {
        margin: 0px;
        padding: 0px;
        overflow: auto;
      }
    </style>
  </head>
  <body>

    <!-- PASTE TWITTER EMBED BELOW vvvv -->
      
    <!-- PASTE TWITTER EMBED ABOVE ^^^^^ -->
    
  </body>
</html>
    2. Cut the code you copied from Twitter and paste it between: 
      
  <!-- PASTE TWITTER EMBED BELOW vvvv -->
      
  <!-- PASTE TWITTER EMBED ABOVE ^^^^^ -->

      Example

      
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
      html,body {
        margin: 0px;
        padding: 0px;
        overflow: auto;
      }
    </style>
  </head>
  <body>

    <!-- PASTE TWITTER EMBED BELOW vvvv -->
      <a class="twitter-timeline" data-width="300" data-height="600" href="https://twitter.com/visioncritical?ref_src=twsrc%5Etfw">Tweets by visioncritical</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

    <!-- PASTE TWITTER EMBED ABOVE ^^^^^ -->
    
  </body>
</html>
    3. Click Save.
Parent topic: Widgets in member hubs

Related articles

Powered by Zendesk