Mercuric Modular is fully compatible with HubSpot’s Drag & drop technology dedicated to creating templates.
Simply drag the selected module into the area of the template and it will appear on your website.
This way, you may build a template from modules available on Mercuric, as well as from native HubSpot modules (Rich Text, Image, Form, etc.).
If you want to use Mercuric modules, pay attention to the folder in which the module is located. Some modules are designed only to work within the framework of Blog, Website or Mailing templates.
Modules from the "general modules" folder will work in Website and Blog templates.
In the folder "blog modules" there are dedicated Blog templates modules, but some of them are also compatible with Website templates.
In "email modules" there are modules only for Email templates. This is the only group of modules that are placed in the Email template using "HubL module syntax", not Drag & Drop.
The folder "system modules" contains the modules used in System templates. They are not limited to System templates only, so you can put them in Website or Blog templates. However, this functionality may not be complete in this case.
The "header modules" and "footer modules" folders contain modules in global groups; me-header* and me-footer. Placing them in templates is not recommended.
In order to create a new Mercuric Modular template, it is best to use one of the already existing templates. To do this, select the template you are interested in and right-click on the template. Then select the "Clone template" option.
In this way, the new template will immediately contain all the necessary elements (global groups, modules, assets and other) for the proper functioning of the Mercuric Modular.
The template consists of 3 main parts - Header, Body and Footer.
Header and Footer are divided by separators. The elements contained in them should not be modified or removed. At your disposal is a central part of the template - Body - in which you can build sections from Mercuric and HubSpot modules.
The easiest way to build a section is to restore a group with modules from a different template that interests you.
You may do it manually, step by step, by playing back the group structure, or you can use HubX extension by neambo to clone modules and groups between templates.
If you decide to build sections manually, a lot of useful information on how to use the Design Manager can be found in the official HubSpot documentation.
Information about the grid (columns arrangement) in Mercuric Modular, along with instructions on how to use it, can be found here.
Also, check out the classes we have prepared to help you design and modify Mercuric Modular templates. Detailed descriptions and instructions are available here.
If you are still not sure how to use Drag & Drop in Mercuric Modular or need help with creating or modifying your templates, please do not hesitate to contact us.