The P4 team is currently running some changes to the site. Please be aware that you might be redirected to some other sources on the world wide web or you will find the content you are looking for in another format. If you notice anything missing, please let us know in the p4-general Slack channel. Thank you!

Purpose: Allows web-editors to embed different types of social media content to pages.

Add the block to your page

Adding blocks to P4


Social media content supported

Twitter: tweet, profile, list, collection, likes, moment
Facebook: post, activity, photo, video, media, question, note, timeline, event, message input
Instagram: image


Edit block elements

When choosing Facebook page, the editor is asked what type of content they would like to embed? The options are:

After selecting, the user needs to add the URL and choose the alignment.

  • KEY INFO >> insert the URL of the page / post / profile / media etc. –NOT  the Embed code 

See below this Tweet embedded using the block and with no alignment 

 

Facebook content

For Facebook content only, you will have to select the page type, choosing one of “Timeline“, “Events” or “Message input

See below the Greenpeace International Events facebook section embedded with the block


Design Elements

All design files of the block are available in the P4 Design Systems > Blocks > Social Media


Links & Resources