topic Re: How to add a drag and drop video module to a template in CMS Development

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

crb — Mon, 29 Oct 2018 20:17:13 GMT

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

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

Stephanie-OG — Mon, 29 Oct 2018 21:51:31 GMT

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:

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!

HubSpot Design / Development

Website | Contact

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

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

dennisedson — Mon, 29 Oct 2018 22:17:03 GMT

@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!

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

crb — Mon, 29 Oct 2018 22:51:38 GMT

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!

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

Stephanie-OG — Mon, 29 Oct 2018 23:26:33 GMT

Hi @crb

On mine it appears when I click on the video:

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

HubSpot Design / Development

Website | Contact

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

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

crb — Tue, 30 Oct 2018 13:33:34 GMT

Thank you, Dennis!

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

BetsyC — Tue, 19 Mar 2019 00:34:10 GMT

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?