Custom module that opens a popup form on click

Highlighted
New Contributor

Hello,

 

I want to create a custom module that opens a popup form on click on a "tile".

There should be a tile (maybe with an image, and some text, a cta or a link). By clicking this, a form inside a popup should display.

 

Can anybody tell me how to do that?

 

Thanks

Reply
0 Upvotes
5 Replies 5
Highlighted
Regular Advisor | Partner
Reply
0 Upvotes
Highlighted
Regular Contributor

Hi Michael,

Are you familiar with building custom modules as a developer? If so, I would try building a module that leverages this simple modal script. https://jquerymodal.com/

 

You can then have your module support one tile or have a repeated group for multiple tiles that would open a unique form for each.

 

I have done something similar in one of the modules I have available in the marketplace: http://bootstrapcreative-1.hs-sites.com/event-registration-modal-demo


Jacob Lett

Freelance HubSpot CMS Developer & Web Designer


bootstrapcreative-horizontal-trim.png

Located in Michigan, USA

Get a free estimate now


Reply
0 Upvotes
Highlighted
New Contributor

Hello Jacob,

 

Yes, it should be a custom module.

 

But I am not sure how to intgrate JQuery into a custom module and how to embed a hubspot form into the modal popup.

 

Can you explain to me how to do that?

 

I looked at your example at http://bootstrapcreative-1.hs-sites.com/event-registration-modal-demo and this is basically what I need.

 

Is this custom module available?

 

Best regards,

Michael

Reply
0 Upvotes
Highlighted
Regular Contributor

I suggest looking in the HubSpot marketplace to see if there is something existing that could work. I did a quick search but didn't find anything exactly like you need. This one is close https://app.hubspot.com/marketplace/1637283/products/web-canopy-studio/wcs-popup-form

 

If you need help with the development I could provide you an estimate for what it would cost to build it for you. Links to my site are below.


Jacob Lett

Freelance HubSpot CMS Developer & Web Designer


bootstrapcreative-horizontal-trim.png

Located in Michigan, USA

Get a free estimate now


Reply
0 Upvotes
Highlighted
Regular Contributor | Diamond Partner

Hi @michael-hoppe 

 

 

@tjoyce built his awesome hubspot popup form builder that you might be able to use with your "tile"

 

If you go here there's an option for "popup form"

https://startups.belch.io/

 

If that doesn't work out like the others mentioned above visiting the marketplace or even searching for popup on codpen may give you some good options.