Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

WCMS 3 supports Twitter integration that allows users to add an embedded tweet, profile, or list to their page.

Expand
titleCreate a Twitter embedded tweet

The Embedded Tweet option embeds a single tweet onto a content page.

  1. From the administration bar, select Workbench, and then select My Dashboard

  2. Navigate to the Content list panel and select the content you would like to edit. Alternatively, create a new web page.

  3. Select the Layout tab. 

    screenshot of layout tabImage Added
  4. Select + Add section, if applicable. 

  5. Select + Add block. Under External Embeds, select Twitter

    Screenshot of twitter imbedImage Added
  6. Enter a Title. Select whether you want it to display or not by checking/unchecking the Display title box. The title will appear as a block heading if Display title is selected.

  7. Select Embedded Tweet from the Twitter feed type drop-down menu.  

  8. On Twitter, select the three dots in the top right corner of the tweet you would like to display and select </> Embed Tweet

    Screenshot of embed tweet optionImage Added
  9. In the embedded tweet window, select Copy Code

  10. In WCMS 3 Configure block dialogue, and paste the embedded tweet code in the Tweet code field. 

  11. Select Add block (Or Update if it is a pre-existing block).

  12. Select state from the Change to: drop-down menu. 

  13. Select Save layout

Expand
titleAdd a Twitter Profile

The Twitter Profile option displays the tweets from a single Twitter account.

  1. From the administration bar, select Workbench, and then select My Dashboard.

  2. Navigate to the Content list panel and select the content you would like to edit. Alternatively, create a new web page.

  3. Select the Layout tab.  

  4. Select + Add section, if applicable. 

  5. Select + Add block. Under External Embeds, select Twitter

    Screenshot of add twitterImage Added
  6. Enter a Title. Select whether you want it to display or not by checking/unchecking the Display title box. The title will appear as a block heading if Display title is selected.

  7. Select Profile from the Twitter feed type drop-down menu.

  8. Enter the Twitter username. This is the Twitter handle without the "@" sign, not the profile name. 

    Screenshot of Waterloo twitterImage Added
  9. Select Add block (Or Update if it is a pre-existing block).

  10. Select state from the Change to: drop-down menu.

  11. Select Save layout

Here is an example of a Twitter embed that features a profile and allows users to navigate through its tweets:https://twitter.com/UWaterloo?ref_src=twsrc%5Etfw%7Ctwcamp%5Eembeddedtimeline%7Ctwterm%5Escreen-name%3AUWaterloo%7Ctwcon%5Es2

Screenshot of the embedded tweetImage Added

Note: The "View on Twitter" link at the bottom of the block is fixed and cannot be removed.

Expand
titleCreate a Twitter List

Twitter lists consist of Twitter accounts compiled by a user. The Twitter Block will list the account that created the list as "Tweets by @[account name]/[list name]".

In Twitter

  1. Log in to your Twitter account. 

  2. Select Lists from the left navigation bar

  3. To the right of Lists and your username, select the New List icon. 

    Screenshot of new listsImage Added
  4. Add a Name and an optional Description, then select Next.

  5. Enter the usernames of accounts you'd like to add to the list in the Search Bar (ex. @UWaterloo). 

  6. Beside the profile name, select Add to add the account to your list. 

    Screenshot of add it to your listImage Added
  7. Select Done

Add the List to WCMS 3

  1. From the administration bar, select Workbench, and then select My Dashboard

  2. Navigate to the Content list panel and select the content you would like to edit. Alternatively, create a new web page.

  3. Select Layout tab. 

  4. Select + Add section, if applicable. 

  5. Select + Add block. Under External Embeds, select Twitter

    Screenshot of add twitter embedImage Added
  6. Enter a Title. Select whether you want it to display or not by checking/unchecking the Display title box. The title will appear as a block heading if Display title is selected.

  7. Select List from the Twitter feed type drop-down menu.  

  8. Enter the Twitter username.

    • Note: This is the Twitter username without the "@" sign, not the profile name.

  9. Enter the List name

    Screenshot of configure blockImage Added
  10. Select Add block (Or Update if it is a pre-existing block).

  11. Select state from the Change to: drop-down menu. 

  12.  Select Save layout.