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:

https://preview.nws.ai/1288492598/a-new-home-for-your-stories-ad-webstory/?opts=remove:grid-sound-share-progress

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?