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
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.
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
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.
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
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.
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.
"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
Thank you!