CMS Development

crb
Member

How to add a drag and drop video module to a template

SOLVE

Hi,

I'm new to Hubspot and a web design neophyte. I'm trying to figure out how to add a video to one of the templates created by Hubspot when my website was migrated to the CMS. I'm finding an image module, but not a video module. I'd like the video to appear as a thumbnail with play button. Any tips?

 

The mp4 file is ready to go and uploaded into my file library. 

 

Thanks,

crb

0 Upvotes
1 Accepted solution
crb
Solution
Member

How to add a drag and drop video module to a template

SOLVE

Hi Stephanie!

 

Thank you for your quick reply! 

 

I've successfully inserted my video into a rich text module. Now, I'm just trying to figure out how to edit the thumbnail. I'm not finding a way to select Video>Edit>Edit video details. How do I access this menu?

 

Thanks again!

View solution in original post

0 Upvotes
6 Replies 6
Stephanie-OG
Key Advisor

How to add a drag and drop video module to a template

SOLVE

Hi there! 

 

I don't think there's a video module yet (that could be a good suggestion for the Ideas section) but you can easily add a video to a Rich Text module if you drag that into your template: 

 

insertvideo.png

 

It should automatically add the play button and you should be able to update the thumbnail by clicking on the video > Edit > Edit video details.

 

(Make sure you've enabled the integration).

 

I hope that helps!

 


Stephanie O'Gay GarciaHubSpot Design / Development

Website | Contact

 

If this helped, please mark it as the solution to your question, thanks!

0 Upvotes
crb
Solution
Member

How to add a drag and drop video module to a template

SOLVE

Hi Stephanie!

 

Thank you for your quick reply! 

 

I've successfully inserted my video into a rich text module. Now, I'm just trying to figure out how to edit the thumbnail. I'm not finding a way to select Video>Edit>Edit video details. How do I access this menu?

 

Thanks again!

0 Upvotes
Stephanie-OG
Key Advisor

How to add a drag and drop video module to a template

SOLVE

Hi @crb

 

On mine it appears when I click on the video:

 

video-1.png

 

video-2.png

 

video-3.png

 

Otherwise you should be able to do so by clicking on the video directly in your File Manager.

 

 


Stephanie O'Gay GarciaHubSpot Design / Development

Website | Contact

 

If this helped, please mark it as the solution to your question, thanks!

0 Upvotes
BetsyC
Participant

How to add a drag and drop video module to a template

SOLVE

It looks like since this solution was posted late last year they have removed the insert video option from the dropdown in the rich text modules. Any other suggestions? Is there another way to access it through the new video functionality?

dennisedson
HubSpot Product Team
HubSpot Product Team

How to add a drag and drop video module to a template

SOLVE

@crb

@Stephanie-OGidea is probably better than mine, but if you want to start getting your hands dirty with some coding and customizing, i put together a pen

 

https://codepen.io/billyoncetoldme/pen/OBGeva

 

happy coding!

0 Upvotes
crb
Member

How to add a drag and drop video module to a template

SOLVE

Thank you, Dennis!

0 Upvotes