We know that people love their social media and will often have multiple accounts across platforms like Facebook, Twitter and Instagram.

To support our clients in sharing their social media platform feeds, in this case Twitter and Facebook, here is a tutorial on how you can achieve this by embedding your social platform feeds in one of your project pages using our HTML tool.

Once you have selected the HTML tool from the tool box in the menu bar, place it in the desired location on your page. A new settings dialogue box will appear asking you to configure your tool.

Once you have finished adding the HTML code to the dialogue box, select “Add” and your social media will be added to the page.

But where do you find the code you need?

Embedded a Twitter timeline widget: This gives you the ability to embed a collection of Tweets on your own website. Twitter offers five types of embedded timelines, all of which look and feel like timelines on twitter.com:

• Profile: Display public Tweets from any account on Twitter.
• Likes: Show all Tweets a specific account has marked as likes.
• List: Show Tweets from public Lists.
• Collection: Show Tweets from a curated collection.
• Moment: Show Tweets from a public moment.

(Information taken from Help.Twitter.com)

1. Go to https://publish.twitter.com/
2. Enter the URL of the timeline or Moment you’d like to embed.
3. Customize the design by specifying the height and theme (light or dark) to match your website.
4. Copy and paste the code into the HTML tool as mentioned above.
5. You're done!

Note: By using Twitter embedded timelines, you agree to the Developer Agreement and Policy.

Embedding your Facebook Page feed: By adding a Facebook page you can introduce contributors to your engagements to your social side and help them keep informed.

Here is probably the simplest way to get the code you need and add the feed to your page using the HTML tool. No serious tech skills required!

Facebook offers several built-in ways to display your Page feed on your own webpage. But by far the easiest to use is Facebook's own Page Plugin.

1. Visit the Page Plugin page.
2. Copy/paste in your desired Facebook Page URL.
3. Select your preferences, for example Tabs, Width, and Height of the output display.
4. Click Get Code.
5. Copy and paste the code into the HTML tool, as above, and click add.
6. The Facebook feed should now display once you have saved the page.

However, please note. With step 3, Facebook gives you a few options of how you're embedded feed displays on the code they provide. For example, you might decide to hide your cover photo or display it. You can also change the display language and even enable adaptive width displays, to appeal to any kind of website visitor. There are a number of options available, so make sure you have a look around before you click 'Get Code'.

If you need a simple page feed display on your website, and don’t want to fuss around, then go for this free, Facebook-backed option.

Please note: Social Pinpoint is not responsible for the support for, or management or defects of any third party tools.