What is the drag and drop system?
From the HubSpot page creator we can build our page by simply dragging modules from the sidebar on the right , as long as we have a template that allows us to do so.
From the options sidebar, HubSpot gives us a series of standard switzerland number for whatsapp modules , with which we can adjust spaces, sizes and colors, but it is difficult to implement a custom design for our corporate image.
The solution to this problem lies in the development of custom modules from the web development tool . This way, the style of the pages will remain consistent with the brand image and design throughout all the pages of our website.
Development of custom modules for drag and drop areas
The possibilities are endless for developing our pages with drag and drop areas . We can keep fixed elements (such as header , menu and footer ) and leave the development space between them or directly give carte blanche to the content manager with a blank page , for this we need to make use of the custom modules. But let's go in order, because the first ones are the templates .
Templates with drag and drop area
To create our template, we will proceed to create a new file with our design tool in Hubspot . After selecting the option , HTML + HubL , and its location, we will obtain an HTML template that already has the details to develop our base page.
Hubspot Templates
Custom modules for drag and drop area
Now we are going to create a module that will contain text and a form next to it . To do this we are going to create a new file, select component/module and create. With this system we will be able to give our personalized styles and the exclusive js for this module, thus lightening the load of the pages, which is so important today.