Embedding media into guide steps
You can add media to any step within the guide. The media can be an image, GIF, audio, or video. Adding media to a step can increase its effectiveness while guiding the user. We recommend you take the time to add relevant media. The media will be presented when the user interacts with the step so they can make better and informed choices.
How to add an image to a step
This guide assumes you have created a guide and added steps to it.
Read about: How to create a new guide and add a step.
Let’s add an image to the step. It can be your company logo, a schema, or a related picture that will be presented to the user once the step is triggered.
Tip: Arrows allow you to change the order of the steps.
Click on the cogwheel icon to open the properties of the step.
Now you can see the content settings of the step.
Read about: Step properties.
In the content tab, click on the image icon and insert an URL where the image is stored.
Tip: YesElf recommends the media to be uploaded and used from the same origin/server of your application. This is best practice, and it prevents compatibility issues. Because of privacy policies, some corporate applications do not allow any resources to be loaded from different domains than the application is deployed. That is the reason you do not upload any media to YesElf servers but your local server. Provide the URL of that media here instead of the media itself.
Then save your settings.
You should be able to see the picture embedded into the step.
How to add a video to a step
You can as well add a video to a step in the same way. This time click on the video icon in the content tab of the step properties and provide an URL where the video is located.
Once you save your settings after inserting the URL, the video will be visible to the user once they interact with the step.
Tip: If you do not have the means to upload the video to your server, we recommend you to upload the video to YouTube in private and place the URL to the step.
Should you wish, you can add a combination of a picture and a video to any step.