Creating a drag and drop functionality in my own HTML

Question

Hi everyoneI code my email templates from scratch and I would like to use the modules I built as drag and drop blocks in Klaviyo, so my clients can create newsletters without my help in the future. I tried the method described in this very confusing article where you add the following code to your HTML:

But no matter where I insert these snippets — surrounding the

or replacing a in the table stack — it doesn't seem to work.I end up seeing this, but I can't save the blocks or edit them: What am I doing wrong? Thanks!Kim

David To · Accepted Answer

Hey @Kim Derkx,Thanks for sharing your question with the Klaviyo Community!I would recommend taking a look at my comment in asimilar Community post made by @RichardGaylerbelow:In it you’ll find a video created by one of our internal team members which guides you on how to include this specific HTML to your template to offer your custom HTML template drag and drop-functionality. Keep in mind that the template will not appear to have drag-and-drop capability until you’ve included the HTML and used the template in a campaign or flow email. It will remain as a custom code in the Template Library view.Hope this helps!David

Kim Derkx · Answer

Hi @david.tothanks for the quick reply!I did see that post and video yesterday, and I couldn't make it work at that point. But I started over today and nowit does work!! Magic! And I just needed to read yourexplanation to finally understand, thank you so much!Kim

Reply

Sign up

Use your Klaviyo credentials

Log in to the Community

Use your Klaviyo credentials

Scanning file for viruses.

This file cannot be downloaded