Hola! ¡Tenemos nuestra Comunidad en Español!

custom_widget usage

SOLVE
Occasional Contributor

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.pngBut 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  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? 

 

1 Accepted solution

Accepted Solutions
Highlighted
Esteemed Advisor

@ckrakowski ,

 

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

HubL supported tags (1).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

 

Does that help?

- Jonathan Sumner
Reply
0 Upvotes
8 Replies
Regular Advisor | Platinum Partner

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

dennis
Occasional Contributor

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 

Occasional Contributor

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!

Reply
0 Upvotes
Highlighted
Esteemed Advisor

@ckrakowski ,

 

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

HubL supported tags (1).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

 

Does that help?

- Jonathan Sumner
Reply
0 Upvotes
Occasional Contributor

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 Smiley Sad Everything matches. Do I use the snippet instead of the Custom_widget HubL?

 

Thanks so much for your help!

Reply
0 Upvotes
Esteemed Advisor

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

- Jonathan Sumner
Reply
0 Upvotes
Occasional Contributor

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

Occasional Contributor

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

Reply
0 Upvotes