How to add a dnd (drag and drop) area inside an email template?

[Phjou]

I've been trying to add a dnd area inside a custom email template.
https://developers.hubspot.com/docs/cms/building-blocks/templates/drag-and-drop-areas

So I added to the default Hubspot email template

{% dnd_area "main" %}
{% dnd_section
background_image={
"backgroundPosition": "MIDDLE_CENTER",
"backgroundSize": "cover",
"imageUrl": "https://example.com/path/to/image.jpg"
},
padding={
"left": "1em",
"right": "1em"
},
%}
{% dnd_column
width=12,
%}

{% end_dnd_column %}
{% end_dnd_section %}

{% end_dnd_area %}

But then I could not save anymore, a bunch of errors happened in the browser logs.

{% style_settings is_json=True %}{% end_style_settings %}
{{ email_standard_header_includes}} {{ outlook_header_includes }} {{ resets_stylesheet }} {{ main_stylesheet }} {{ overrideable_stylesheet }} {{ preview_snippet }} {{ outlook_background_snippet }} 
    

 I had to add these tags to fix the problem and be able to save again.

Unfortunately the dnd area is still not showing when using the template when creating an email. Any working example, idea why it doesn't work? The documentation is always giving examples for pages but never emails and it seems more complex.

Thank you for anyone helping me.

[Mícheál]

Hi folks! 

I’m Mícheál, the Associate Product Manager of the Marketing Email tool. My team and I are currently working on a solution for Drag and Drop areas in custom email templates. 

The product development process is underway and we're hoping to deliver this feature as soon as possible. If you are interested in paricipating in the alpha/private beta period for this feature, please fill out this form or send me a message and we can set up some time to chat.

All updates will be relayed on this Ideas Forum post, so stay tuned!

Best,

Mícheál

[DidierCH]

Hi Mícheál

That's great to hear! Do you plan the same for blog post templates?

Kind regards

Didier

[Mícheál]

Hi Didier, 

Thanks for your reply!

Drag and Drop functionality was recently added to the Blog Post Editor, however the ability to create DND areas in custom blog templates isn't on the roadmap yet. I would recommend posting a feature request for this functionality on our Ideas Forum, and I'll flag it internally with the Blog team too.

Best, 
Mícheál

[DidierCH]

Hi Mícheál, thank you for the update. I have created a feature request. You can find it here:

https://community.hubspot.com/t5/HubSpot-Ideas/Add-the-ability-to-create-DND-areas-in-custom-blog-te...

Kind regards,

Didier

[Jaycee_Lewis]

Thanks for taking the time to do that, @DidierCH 🙌  Jaycee

[AWillems]

When will this feather become available, as many users are asking for this, and it's really a shame it's not there by default. Now we need to choose between the design tools and the UI template builder and both have their disadvantages but if DnD can be added to this it brings 2 worlds together

[Oezcan · Accepted solution]

Hello @Phjou 

Unfortunately I have to tell you that this doesn't work. It says so in the documentation too.

Best regards,

Özcan

[n4694678]

It clearly is there however as the DND areas work when using Hubspot templates so why are you not able to access this feature in a custom template?