You can create your own video templates in two ways:
Clone an existing template within the Public or My Template libraries.
OR click on Create a New Template to start from scratch.
Get started by clicking on Create a New Template from the private or My template libraries within Video Templates. This will launch the video editor.
- Nexweave now allows you to design separate experiences for mobile and desktop devices.
Just as the video editor is launched, you will receive the following prompt - Would you like to design separate experiences for mobile and desktop?
Select your desired option and click on Next.
To learn more about how you can design for different device types, please have a look at the linked article.
The Video Canvas: This displays the image being created and edited. The components are added directly on top of this.
Components & Properties: This displays the available components and their corresponding properties.
The Timeline and Components Manager: This lets you adjust the timeline of any component, re-order layers and manage the components.
4. Start by configuring the background video, by clicking on Background Video above the canvas.
5. The background video can be updated in one of the following 2 ways:
In the pop-up that appears, click on Media Gallery to view all recently uploaded videos.
Select your desired background video and click on Done to confirm.
Alternatively, you can click on Upload and select a video from your personal files.
Once your video is uploaded, it will appear within the media library. Once again, you can click on Done to confirm the selected video.
6. Once the background video is uploaded, you can start adding layers of components to it. Available Components can be seen on the right of the canvas. These include:
Text Component: to add text elements to your video.
Image Component: to add images to your video.
Lottie Component: to add .json files to your video,
Button Component: to configure buttons within your video.
7. To add Text to your video, click on the Text Component tile. The text component appears on the image canvas and its corresponding properties appear on the right.
8. The Components Manager, just below the canvas displays the list of components that have been engaged in the video template. For the text component that was just added, you can edit the time frame, for which it appears in the video, from here.
9. The Text content can be edited within Content tools, under Properties on the right.
10. You can view the available personalization variables by clicking on the Select Variable dropdown.
11. Copy the variable you would like to use within your text component and then paste it within the text editor.
12. Content tools also allow you to edit the Font Style, size, and color.
13. Under Design tools you can adjust the textbox background, border, size, and opacity. You can also adjust the text background color or set an image as the background. These settings have been detailed in the linked articles.
15. If you wish to add your own personalization variables, you can do so under Enlist Variables.
16. Simply click on Add Variable, enter the variable name, and a placeholder value. This variable name will now be available within the Select Variable drop-down under Content tools within the editor.
Enlisting personalization variables have been discussed in detail here.
17. To add a button to the video, under Components click on the Button component tile. The button appears on the video canvas and its corresponding properties appear to the right of the canvas.
18. From the Components Manager, below the canvas, adjust the time-frame for the button.
19. Similar to personalized text components, you can personalize the button by copying the variable of your choice from the Select Variable dropdown and pasting it into the text editor.
20. The aesthetics of the button - Background, shape, border opacity can be configured under Design Tools. You can also adjust the button background color or set an image as the background. These settings have been detailed in the linked article.
21. Under Animation tools, you can set the animation for the button entry, exit, and duration within the video
22. To set where this button will lead viewers, click on Interaction tools. The various types of interactions have been detailed in the linked article.
23. To Redirect a viewer, when they click on the button, ensure that the dropdown under Interaction tools is selected to Redirect.
24. In the input box below, enter the URL that you would like the button to redirect the viewer to.
25. There are 2 additional options that appear when assigning interactivity to a component. These are - Pause and Checkpoint. Pause and checkpoint, determine the video behavior before the interaction is executed.
Pause: will pause the video for the stipulated duration, while it waits for the user to perform the click. After the time elapses, the video will continue to play regardless of whether the user clicks on the interactive component.
Checkpoint: will halt the video when the interactive element appears and the video will only proceed when the user clicks on the interactive component.
26. Please note that interactions can be configured for ALL the types of components added to a video, not just buttons. These have been discussed in detail in the linked article.
27. Once your Video Template has been designed, you can click on Define Meta to configure the template details such as the Template Name, Template Description, and Category.
29. Finally, click on Save Template to complete!
All your created templates can be found within your My Templates library.
You can learn more about sharing your created media from the Campaigns section of the knowledge base.