# custom\_widget usage

**URL:** <https://community.hubspot.com/t/custom-widget-usage/13639>\
**Category:** CMS Development\
**Created:** [March 22, 2019, 8:56pm UTC](https://community.hubspot.com/t/custom-widget-usage/13639 "2019-03-22T20:56:15Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![SteveHTM](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stevehtm/32/22074_2.png) [@SteveHTM](https://community.hubspot.com/u/SteveHTM)\
**Post date:** [March 22, 2019, 8:56pm UTC](https://community.hubspot.com/t/custom-widget-usage/13639/1 "2019-03-22T20:56:15Z")

</div>

I’ve created a custom module called “Event Details Entry” which works pretty well when “dragged” into a custom blog post template.

 ![Screen Shot 2019-03-22 at 1.46.05 PM.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/b/1/b144b69c2de39efe023e618b5e6970d7082d95ef.png)  
But there are limitations on getting access to the data fields when displaying the posts. So I started exploring the use of the custom\_widget tag as documented [HubL standard tags - HubSpot docs](https://designers.hubspot.com/docs/hubl/hubl-supported-tags).

{% custom\_widget “Event Data” widget\_name= ‘Event Details Entry’ %}

Basically - it does not work. The content editor flags up errors about finding the module name. I’ve scoured the forums here and found multiple posts that have different formats for invoking this tag and a related “module” tag. Very confusing for a newbie. So is the documentation fundamentally wrong or am I missing something here?

---

<div class="post-metadata">

**Author:** ![dennisedson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/dennisedson/32/28044_2.png) [@dennisedson](https://community.hubspot.com/u/dennisedson)\
**Post date:** [March 24, 2019, 12:32am UTC](https://community.hubspot.com/t/custom-widget-usage/13639/2 "2019-03-24T00:32:04Z")

</div>

@SteveHTM , could you post more code? i dont feel like i am getting the full picture

---

<div class="post-metadata">

**Author:** ![SteveHTM](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stevehtm/32/22074_2.png) [@SteveHTM](https://community.hubspot.com/u/SteveHTM)\
**Post date:** [March 25, 2019, 4:26pm UTC](https://community.hubspot.com/t/custom-widget-usage/13639/3 "2019-03-25T16:26:31Z")

</div>

Well, I’m not sure what extra code woudl be helpful here. I’m trying to reference the custom module in the \<additional head markup\> of a blog page template. All other tags I have used in this markup work just fine, and I can see the data they contain in the blog post page via “widget\_data” dict references. But when I try and add the custom module I see:

 ![Screen Shot 2019-03-25 at 9.09.11 AM.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/4/b/4bdeb45b4d4091b2ce47480d4ef5df249d116781.png)

---

<div class="post-metadata">

**Author:** ![ckrakowski](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ckrakowski/32/44503_2.png) [@ckrakowski](https://community.hubspot.com/u/ckrakowski)\
**Post date:** [June 20, 2019, 7:26pm UTC](https://community.hubspot.com/t/custom-widget-usage/13639/4 "2019-06-20T19:26:13Z")

</div>

I’m having this same issue “Unable to find custom widget …”

Did you find the solution for this? What is the correct formatting and/or does that Custom Module have to be in a certain folder?

Thanks!

---

<div class="post-metadata">

**Author:** ![Jsum](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jsum/32/20405_2.png) [@Jsum](https://community.hubspot.com/u/Jsum)\
**Post date:** [June 20, 2019, 7:47pm UTC](https://community.hubspot.com/t/custom-widget-usage/13639/5 "2019-06-20T19:47:45Z")

</div>

@ckrakowski ,

here is a snap shot of the custom image tag requirements:

 ![HubL supported tags (1).png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/b/b25e1a454119ce7bb7c63a57bb4b906475a60ede.png)

In my experience, the widget\_name has to match the custom module name exactly.

You can get the “snippet” for any module from the custom module editor, left sidebar, at the bottom:

 ![Design Manager HubSpot (2).png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/3/63054b4ab8ff590752266be9f9bf1a845b78ce18.png)

Does that help?

---

<div class="post-metadata">

**Author:** ![ckrakowski](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ckrakowski/32/44503_2.png) [@ckrakowski](https://community.hubspot.com/u/ckrakowski)\
**Post date:** [June 20, 2019, 7:58pm UTC](https://community.hubspot.com/t/custom-widget-usage/13639/6 "2019-06-20T19:58:34Z")

</div>

The module name is: Email\_Article\_Full\_Width\_Image

This is what I have in the template:

`{% custom_widget "news_article" widget_name="Email_Article_Full_Width_Image", label="Email Article - Full Width Image" %}`

And this is what my snippet is:

`{% module "module_156106020113380" path="/Corp_Conc_May2018 Theme/Custom Modules/Email_Article_Full_Width_Image" %}`

I get the error: Warning:168:13Unable to find custom widget Email\_Article\_Full\_Width\_Image

Not sure what I’m doing wrong 😞 Everything matches. Do I use the snippet instead of the Custom\_widget HubL?

Thanks so much for your help!

---

<div class="post-metadata">

**Author:** ![Jsum](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jsum/32/20405_2.png) [@Jsum](https://community.hubspot.com/u/Jsum)\
**Post date:** [June 20, 2019, 8:05pm UTC](https://community.hubspot.com/t/custom-widget-usage/13639/7 "2019-06-20T20:05:19Z")

</div>

@ckrakowski I would try the snippet and see. That should work better.

---

<div class="post-metadata">

**Author:** ![ckrakowski](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ckrakowski/32/44503_2.png) [@ckrakowski](https://community.hubspot.com/u/ckrakowski)\
**Post date:** [June 20, 2019, 8:08pm UTC](https://community.hubspot.com/t/custom-widget-usage/13639/8 "2019-06-20T20:08:25Z")

</div>

@Jsum you are a GENIUS! That works! Thank you so much!

---

<div class="post-metadata">

**Author:** ![SteveHTM](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stevehtm/32/22074_2.png) [@SteveHTM](https://community.hubspot.com/u/SteveHTM)\
**Post date:** [June 24, 2019, 6:47pm UTC](https://community.hubspot.com/t/custom-widget-usage/13639/9 "2019-06-24T18:47:46Z")

</div>

Basically, I can’t see how this response - referencing the use of a {% module %} tag - can be accepted as a solution for inadeqaute documentation and/or support on a potentially related but different {% custom\_widget %} tag. Is one of these tags deprecated in some way?

Steve

---

<div class="post-metadata">

**Author:** ![ModernVisual](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/modernvisual/32/57633_2.png) [@ModernVisual](https://community.hubspot.com/u/ModernVisual)\
**Post date:** [August 2, 2024, 10:43am UTC](https://community.hubspot.com/t/custom-widget-usage/13639/10 "2024-08-02T10:43:30Z")

</div>

try:  
{% custom\_widget “event\_data” widget\_name= ‘Event Details Entry’ %}  
instead of:  
{% custom\_widget “Event Data” widget\_name= ‘Event Details Entry’ %}  
The first parameter cannot have spaces.  
Also double check the name of the widget to make sure it matches.
