# custom module

**URL:** <https://community.hubspot.com/t/custom-module/92531>\
**Category:** CMS Development\
**Created:** [October 25, 2023, 4:15am UTC](https://community.hubspot.com/t/custom-module/92531 "2023-10-25T04:15:25Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![MHussain8](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mhussain8/32/198394_2.png) [@MHussain8](https://community.hubspot.com/u/MHussain8)\
**Post date:** [October 25, 2023, 4:15am UTC](https://community.hubspot.com/t/custom-module/92531/1 "2023-10-25T04:15:25Z")

</div>

![123.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/8/1/819a32488ed9a75a2858425694912f2deffbb3b3.png)  
dont’t change text color. i have add color field . plz guide me.

---

<div class="post-metadata">

**Author:** ![elizheleva](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/elizheleva/32/51055_2.png) [@elizheleva](https://community.hubspot.com/u/elizheleva)\
**Post date:** [October 25, 2023, 8:57pm UTC](https://community.hubspot.com/t/custom-module/92531/2 "2023-10-25T20:57:43Z")

</div>

Hi, @MHussain8 ,

can you please share the module setup itself? It’s important to have created the relevant CSS class and definitions, as well as the option itself.

If you share the code for the module, along with the CSS you’ve added, I will take a look. 🙂

Thanks,

Eli

---

<div class="post-metadata">

**Author:** ![MHussain8](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mhussain8/32/198394_2.png) [@MHussain8](https://community.hubspot.com/u/MHussain8)\
**Post date:** [October 27, 2023, 5:03pm UTC](https://community.hubspot.com/t/custom-module/92531/3 "2023-10-27T17:03:05Z")

</div>

lots of thanks elizheleva, I have done. again thanks

---

<div class="post-metadata">

**Author:** ![elizheleva](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/elizheleva/32/51055_2.png) [@elizheleva](https://community.hubspot.com/u/elizheleva)\
**Post date:** [October 28, 2023, 5:25pm UTC](https://community.hubspot.com/t/custom-module/92531/4 "2023-10-28T17:25:29Z")

</div>

Excellent! I’m glad to heart that! :)))

Eli

---

<div class="post-metadata">

**Author:** ![MHussain8](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mhussain8/32/198394_2.png) [@MHussain8](https://community.hubspot.com/u/MHussain8)\
**Post date:** [October 28, 2023, 6:43pm UTC](https://community.hubspot.com/t/custom-module/92531/5 "2023-10-28T18:43:49Z")

</div>

2. 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.  
1. This will be done in the address card itself, It will have to create a separate map module.?  
2. how to get google map api?  
3. If you have a sample code Please send it to me?

---

<div class="post-metadata">

**Author:** ![elizheleva](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/elizheleva/32/51055_2.png) [@elizheleva](https://community.hubspot.com/u/elizheleva)\
**Post date:** [November 6, 2023, 9:46am UTC](https://community.hubspot.com/t/custom-module/92531/6 "2023-11-06T09:46:19Z")

</div>

Hi @MHussain8 ,

unfortunately, I don’t have sample code at hand. As to the Google API, I would suggest going to their knowledge base and finding out how to connect it. Here’s an article that talks about [how to add a Google Map onto Hubspot content](https://knowledge.hubspot.com/website-pages/add-a-google-map-to-hubspot-content), if that helps as a starting point.

Thanks,

Eli