Wix Help Center

    How do I add a Twitter feed to my Wix site?

    Question

    The twitter API has been deprecated, therefore the original Twitter widget will no longer work on your site.

     

    To add a Twitter feed: Sign into Twitter > go to this link and follow the steps provided > click Create Widget > copy the code from the box at the bottom.

    Go back to the Wix Editor > from the left side of the Editor, click the Add icon > click Apps > click HTML
    Click HTML widget to select it >  from the pop-up menu, click Settings > under Mode, choose HTML code > paste the code that you got from your Twitter account.

     

    Our developers are currently working on integrating the new twitter API.
    We apologize for the inconvenience.

     

    Note: Changing the width of the widget

    To control the width of the widget, add a width parameter to the <a > element in the code- see this screenshot for an example:

    Note: Removing the scroll bar

    When using the HTML widget to add a Twitter Feed to your site, the Twitter Feed may contain either one or two scroll bars.

     
    The inner scroll bar is a built-in scroll bar inside the Twitter Feed. To remove it you will need to add the following code into the HTML code you entered - data-chrome="noscrollbar"
     
    In order to do so, right click on the HTML app to open Settings > inside the embed code box look for the the Twitter Feed URL href attribute and add the data-chrome attribute so the code as follows - 
     
    <a class="twitter-timeline" height="405" href=" https://twitter.com/ OTTERappdata-chrome="noscrollbar" data-widget-id=" 345553838234804224">
     
     
    The outer scroll bar is the HTML app scroll bar and appears in cases where the content inside the HTML app is higher than the height of the HTML app. 
     
    In order to remove this scroll bar, you will need to set the height of the Twitter feed to fit the height of the HTML app. To do so, right click on the HTML app to open Settings > Inside the embed code box look for the class attribute and add the height="Enter the Height"  attribute as follows:
     
    <a class="twitter-timeline"  height="Enter the Height" href=" https://twitter.com/ OTTERappdata-chrome=" noscrollbar" data-widget-id=" 345553838234804224">
     
    Now add the correct height.
     
     
    h stands for the height of the HTML app. In the example above, the HTML box height is 425, so you would set the height to 405, since Twitter adds margins around the Twitter Feed.
     
    So now the code would look like this - 
     
    <a class="twitter-timeline"  height="405" href=" https://twitter. com/OTTERappdata-chrome=" noscrollbar" data-widget-id=" 345553838234804224">
    Yes No Thanks for your feedback!

    Recent Discussions