Skip to main content

Cookie settings

We use cookies to ensure the basic functionalities of the website and to enhance your online experience. You can configure and accept the use of the cookies, and modify your consent options, at any time.

Essential

Preferences

Analytics and statistics

Marketing

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: https://help.twitter.com/en/using-twitter/embed-twitter-feed

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!


Confirm

Please log in

The password is too short.

Share