Creating a Custom Module

[gafimiv406]

I think it's easier to understand now than before, what do you think?

In addition, the UI can be opened and closed, improving usability.

fig06


The default open/close state is "closed," but this can be changed to "open" from the field group settings. Setting frequently used field groups to "open" will make the administration screen even easier to use.

fig13

Similarly, if you group "Images" and "Animations when hovering over" into fields, it will look like the image below, which will make it easier to add functions.

fig07
Conclusion
We hope you understand that using field groups makes the editing screen of custom modules easier to use. It is not always appropriate to group all items into field groups. In some cases, it may even make the screen more difficult to use, so it is important to use them appropriately.

Custom modules are not limited to field groups; they also implement many other useful functions such as repeat and input restrictions, so please see the official website for more detailed information.

Knowledge Base
For developers

If you would like an explanation on how to france number data place modules in a template, please see our separate article, `` [Basics] An explanation of HubSpot's page creation and sections! ''



Finally, when creating templates or custom modules at Accesite, we generally create a design document like the one below before beginning development.

Design document sample
By creating this design document, it becomes possible to create templates and custom modules that are easy for editors to use. It also increases scalability and versatility, providing a system that can be used for a long time.

If you have any problems with HubSpot CMS development, please feel free to contact Accesight .



*The screenshots in the text are from July 2023.