All Collections
Managing your stories
Promote Web Stories on social media
Promote Web Stories on social media

web stories, brand stories, share, facebook, instagram, post, promote, screencast, video story

Newsroom Studio avatar
Written by Newsroom Studio
Updated over a week ago

Method 1 - Cover screenshot with ‘see more’ swipe up:

This is preferable if the story contains interactive elements/attachments that would not work as a video format.

Method 2 - Creating a screencast of the whole story

Note: It is still recommended to add a swipe up that links to the actual Web Story.

Awesome Screenshot is a free tool that can be used for recording screencasts with sound and then downloading the result as an MP4 (which can then be uploaded to the social media platform):

Alternative similar tools do exist e.g. Screencastify.

Step 1 - Open a preview URL and remove /amp and add ?opts=remove:grid-sound-share-progress to the end:

This removes all visible controls that would conflict with the native controls on e.g. Instagram.

Step 2 - Open the browser inspector (Right click > Inspect in Chrome) and switch to mobile device view.

The story should look how it would on a real mobile device but without any controls or progress bars visible:

Step 3 - Start recording and then while recording click through the story at the desired pace.

Tip: Click back on the story before starting to record, and then use the arrow keys to navigate through the scenes to avoid a visible cursor appearing in the recordings.

If using Awesome Screenshot, you want Record > This Tab (and make sure that the sound toggle is on if there is video with sound).

Step 4 - Download the video as an MP4 file, ready to upload on the platform of choice.

Step 5 - Optionally, split the video by scene into separate clips using a video editing tool, to match the scene transitions with those on the third-party platform.

Did this answer your question?