Custom Dynamic Module: Create a custom module that is fully dynamic and can be easily configured to add multiple address cards. This module should have the following capabilities:
- Ability to add address cards that include fields for address name, address, and phone number.
- Integration of a map within the module.
- Automatic generation of address markup based on the information provided in the address cards.
- The map’s markup name should be derived from the heading of the address card.
All this work will be done in hubspot design manger ?
and how will this work?
please guide me.
Hi,
The address cards can be created by grouping a collection of fields for the required address info and then making that group repeatable at the bottom of the group’s settings.
The google maps api is really easy to use. You can use {{ required_js }} tags to set up the map script in the module html so that you can insert the hubl tokens for the address, or you can set that info in a data attribute on an element and grab the data attribute in your script in the js panel.
I’m not sure what the automatic generation is supposed to do but as far as I know you can’t set fields dynamically with hubl modules. You might be talking about populating the address cards with the google maps/places info but that would require a google places lookup. You’d want to mind your usage rates on the google api.
Please send me example code.
You should probably just learn the basics of how to develop in Hubspot it’s not even possible to just “send you the code”.