Articles on: SnapByte & Beam Studio

How to Customize Branches on a Video Funnel

NOTE: Beam Studio is a paid app in the Adilo ecosystem


"Branch" is the interactive element in a video funnel that lets your viewers choose this own path as shown in the image below




Once you've added a branch element to your video, click it to open the sidebar editor which will load beside your video




With BeamStudio, editing is visual... drag the needle playhead to the the position of your branch so you see exactly how it looks as your edit




Branch Overlay


You can use color or image (png, jpg or gif) for this, or totally disable it, it's up to you... it appears over the video once the viewer has watched up to the point that you set the branch to appear.
Where you're using image or color, you can set opacity levels.



Viewer Prompt


Just like branch overlay, this is optional too... it allows you to add more meaningful text to your branching screen, most viewer prompts are questions you ask to the viewer which will prompt them into take actions (such as: Do you like pets?, How often do you workout in a week? etc.)

With Viewer prompt, we have myriad of customization options, you can change the font style, font thickness, font size and font color. You can also hover on it and drag it around to any part of the video you want it to appear on.

Once you've made changes, click the Save button and your changes will appear.


Optionally, if you want it to have a background, you simply enable the option. The background color, padding and edges can also be customized



Branching Choices


This is the key to everything, it's how your viewers are able to move from one video to the next based on the choices they make.

Once a branch is created, you already have the first choice automatically created for you.

With our branching choices, we have 2 main options: Standard and Image.

**Image Choice**

This is a very straightforward option, it you select an image option... all you need to do is upload an image. This could be a gif animation, normal image, icon, emoji or any design you've made. But it must be a png, jpg or gif image and less than 500 KB in size





Once you've added the image, you can click on it and drag it to the position you want or even place your mouse pointer and the edges and resize it as shown below





**Standard Choice**

With standard choice, we give you options to customize everything as you wish just like the Viewer Prompt, even better than that. From position placement to font style, size, thickness and color, it's all in your hands



You can also enable background, set padding and more



We have different background styles from default to irregular hexagon, it's all here.




Linking Your Choice - Onclick Event


Once you've configured your choice and placed it at your preferred position on the video, the next step is to setup the Onclick event.
What do you want to happen when a viewer selects that choice.

We have 3 options and all of them are self-explanatory.
You can branch to another video, jump to another timestamp or open a url.



Save it and go back to your canvas to see the connection



You can up to 5 choices in each video branch.

Updated on: 21/07/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!