Home

Download this help site
(PDF 82MB)

Download

Adding a Twitter feed

Icon

Instructions for third-party services like this are provided as a courtesy and may contain out of date information or screen clips. For the latest instructions, consult the third party's website.

You can embed a Tweeter feed – known as a timeline – into a page on your Wild Apricot site.

You can choose from the following types of timelines:

  • User timeline – displays all public tweets from a specific Twitter user
  • Favorites – displays all tweets marked as favorites from a specific user
  • List – displays tweets from public lists that you own and/or subscribe to 
  • Search – display customized search results in real time
Icon

Embedded timelines will only display content from users with public tweets.

There are two stages in the process of embedding a Twitter feed on a Wild Apricot page: getting the embed code, and pasting the code in Wild Apricot.

Getting the embed code

To get the embed code for a Twitter timeline, follow these steps:

 Read more/less
  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 adjust its settings. For user timelines and favorites, enter the username of the Twitter user. For lists, select a public list that you own or subscribe to. For searches, enter your search query.
  5. Click the Create widget button.
  6. Copy the embed code.

Pasting the embed code in Wild Apricot

To paste the embed code in Wild Apricot, follow these steps:

 Read more/less
  1. Log in to your Wild Apricot site as an administrator.
  2. Go to Sites pages (under the Website menu) and begin editing the site page or page template where you want the Twitter feed to appear.
  3. Click the Gadgets icon to display the list of available gadgets.
  4. Drag the custom HTML gadget from the Gadget list, and drop it in the desired location.

    Icon

    When a layout cell or placeholder is empty, a Drop gadget or layout here prompt will be displayed. When you drag a gadget over an empty layout cell or placeholder, it turns green, indicating that you can drop the gadget there. When you drag a gadget above or below a layout, a prompt will appear indicating that you can drop the gadget before or after the layout.

  5. After you have inserted the gadget, hover over it and click the Settings icon. 


     
  6. Within the gadget settings on the left, click the Edit code button.


     
  7. In the dialog that appears, paste the embed code then click the Save button. 

     

Your Twitter feed should now appear on your page.

Icon

Instead of creating a custom HTML gadget, you can use the Snippet feature to embed the code within a content gadget. For more information on using the Snippet feature, see Inserting and modifying HTML or JavaScript.

On this page: 

  • No labels