Skip to main content
Information about the cookies used on the website

We use cookies on our website to improve the performance and content of the site. The cookies enable us to provide a more individual user experience and social media channels.

Manual for Administrators

How to administrate this platform (Labs)

How to embed Twitter on your Home page

First things first, you'll need to click 'edit' on your homepage to make changes to your platform

Then you'll need to click on 'Home page'

You will have to move the HTML block from Inactive Content Blocks to Active content blocks if it's not already there

Next you will need to click on the pencil icon where it says HTML block

Here you will see a box that you can use to write your HTML code (don't worry if you don't know how, we've got you 😊


You can make the box bigger by clicking and dragging the sqaure circled below

To get the code to embed your twitter feed you'll need to follow the directions on Twitter: (External link)https://help.twitter.com/en/using-twitter/embed-twitter-feed(External link)

Follow the directions and the copy and past the code into a separate doc you have on hand.

Edit the bold sections in the code. Don't worry about the comments they won't be coded in.

  <div class="row">

//The bolded title below 'on social networks' will be the title or heading of your section, please feel free to edit!

<h3 class="section-heading">on the social networks</h3>

<div class="row collapse">

     <div class="row small-up-1 smallmedium-up-2 mediumlarge-up-2 card-grid">

         <div class="column">

             <article class="card card--process card--mini">

//Copy and paste the code from twitter in the bolded section below

                <a class="twitter-timeline" data-height="600"  href=https://twitter.com/twbpt?ref_src=twsrc%5Etfw">Tweets by twbpt</a>

               <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 


           </article>

        </div>

When your are done copy and paste your edited code into the html block and click 'Update' and check out your page!