Voomly: Add interactive Buttons To Video

TABLE OF CONTENTS

• Accessing the Video and Adding a Button
• Move the Button
• Customize How Long The Button Appears On In The Video
• Customize When The Button Appears On The Video
• Customize Button
  • Duplicate
  • Delete
  • Button Text
  • Action
  • Style
  • Typography
• Troubleshoot

Accessing the Video and Adding a Button

1. Go to your video drive and select a video.

2. Navigate to the interaction tab on the left side menu.

3. Drag the button into the video timeline.

Move the Button

1. Click on the multi-directional arrow on the video,  move the button anywhere in the video.

Customize How Long The Button Appears On In The Video

• In the timeline, lengthen or shorten the time the button appears on your video by dragging the ends of the button. 

Customize When The Button Appears On The Video

• In the timeline, move the button around on the timeline to select when you want the button to appear. 

Customize Button

• On the right side of your screen, you can customize the button in the button settings.

  • Duplicate

    • In the top right corner of your button settings, click the duplicate icon to duplicate the button.

  • Delete

    • Click on the garbage can icon to delete the button.  

  • Button Text

    • Change the button text

  • Action

    • On Click: Do nothing, unpause video, open URL, close video (for modal)
      • The close video action can only be set if you are using the modal embed settings. 
    • Pause video: On Enter, On Exit
      • Pauses video when button appears on screen or when existing the screen.
    • Dim background
      • Toggle on or off background dimmer.

  • Style

    • Update button style with these options: button color, opacity, rounded, border, border color. 

  • Typography

    • Customize button fonts with these options: font size, font style, text align, vertical align, font color

Troubleshoot

• If you cannot access the button settings or you cannot see the button on your video. Move the play head (yellow/orange line) on your timeline so that it is on top of your button. The button will appear on your video. Then, click on the button on your timeline and the button settings will appear on the right side of your screen. 
• If you duplicate the button but cannot see both buttons on your screen, move one of the the buttons and the other one will be underneath it.