Block: Social media

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

Gutenberg editor

Add the block to your page

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

Add a title and a description (both fields are optional)

Embed content

Embed type

Insert the URL of the content
Select Alignment (None, Center, Right, Left)

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“

Add the url of that page in the designated field

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

Design files are here.

Links & Resources

Handbook:
- Embed multimedia content (in POSTS)
- #Blocks
- #Visuals

Social