SoftwareTraining How to Create and Publish a Webpage Video, Step by Step Video Guide

Prepare Video

We have put together a training video to show you how to create just that – a training video! Use Flashback Express is most easy, and Screenrecording with OBS Studio gives you most control. If you haven’t added mp4:faststart flag or you haven’t saved the file in mp4 format, or you want to compress the file to make it smaller, you can process the video by HandBrake transcoder. We have a training video for HandBrake transcoder here. Our logo animations can be downloaded from our about page.

Please make sure you start the video with the key point your video is about shown inside the software, because we are going to use the first frame of the video you made at many index places.

Now that you have a mp4 file on your desktop, let’s create the webpage.

WordPress Knowledge

This website is based on WordPress, a popular system to create a website. We will take you through the process of how WordPress Editor works in order to make training videos.

Gutenberg, the new editor from WordPress, in response to new responsive web designs, has become our default editor and you will also need to know how to use it for content creation.

Create a New Webpage


The title should be a short description based on what the video is about and should be:

  • Within 80 to 100 characters long;
  • Important information in the first 50-60 characters;
  • Capitalize important words.

The general format is “What-Software Do-What for What-Purpose” or “Do-What in What-Software for What-Purpose” or “Do-What for What-Purpose in What-Software”. Capitalize the main words, and use small letters for short preposition/conjunction words.


Paragraphs About The Software

Write two or more paragraphs to describe the goal that you would like to archive or the cause that leads to the video at the content by the default “Paragraph” block. Do not type the transcript of the video out as content, viewers need information beyond the video not video itself which they can just watch.

Upload Video

Find the “Video” block, add below the last paragraph you just wrote.

Then you need to press the “upload” button and upload the mp4 video that you just created.

Since our training videos are all short and small in size, it should only take a few seconds for the video to upload.

Add “More” Block

Add a “More” block after the first paragraph.

Afterwards, drag the “more” block to the end of the first paragraph so that it will look like this:

Post Settings

Post settings can be found on the right-hand side of the panel (click the gear icon and it will show), and select “Post” tab,

Write Tags

We are using tags to highlight categories videos. You must input:

  1. Software common name, e.g. Photoshop
  2. Software vendor (developer) and common name, e.g. Adobe Photoshop
  3. Vendor, common name and major version, e.g. Adobe Photoshop 2020

If the current video is platform or minor version-related, please create an additional tag as in the above format, but with further versioning, e.g. Adobe Photoshop 2020 x64.

More tags solves the problem and process name etc can also added: e.g. Bitmap Vectorisation.

We need ‘eye candy’ to delight the viewer’s mood. Since most viewers come with problems to solve, we are looking to our training videos to cheer them up with nice photos. These images are from 100% free-to-use stock photo websites like: Unsplash, Pexels and StockSnap.

Once you have found a photo that you like, just download it and save to your computer for uploading. Please do not change the filename when you save the file. We will use the filename to trace back to the original download placement in case a copyright argument occurs.

Within the above process, you can save as many times as you want. Save as draft won’t trigger our internal publishing process. When you have done all above steps correctly and no more editing is needed, please add a special tag called AAA-Ready into your tags and save. Our publication system will check this tag to identify if a post is ready to be published or not.


Once you have done all of the above, click the “Save Draft” button on the top right of the page and you will be able to save the page.