sendgrid / email-templates

A repository of common email templates to use and modify to your heart's content.
https://sendgrid.com
MIT License
820 stars 985 forks source link

Drag and drop markup not rendering editable content #95

Closed seanlail closed 8 months ago

seanlail commented 2 years ago

Actual Behaviour

I've created a template in code following the docs here: https://docs.sendgrid.com/ui/sending-email/editor#importing-custom-html-with-drag-and-drop-markup

According to the document I can create an email template in HTML but still let my colleagues use the Design Editor to fill in content.

I've done a simple test with a text module and set the inner content to [MODULE CONTENT] but there are a few issues when I try to create a Single Send with the Design Editor:

Expected Behaviour

When a user creates a Single-Send based on our template using the Design Editor they can can edit a placeholder for the text module and the email is already correctly styled.

Steps to reproduce it

There are 2 ways I have tried (expand for details)

First way follows the docs exactly
  • Read https://docs.sendgrid.com/ui/sending-email/editor#importing-custom-html-with-drag-and-drop-markup
  • Go to "Design Library"
  • Click "Create Email Design"
  • Select "Design Editor"
  • Navigate to the "Build" tab in the left-hand navigation.
  • Scroll down and select the "Advanced" drop-down menu.
  • Expand the option titled Import Drag & Drop HTML.
  • Click "Import". A window opens where you can paste in your own HTML.
  • Paste in HTML based on docs https://gist.github.com/seanlail/ada397e421bdc58e51331c79916218f0
  • click "Import"
  • Click "Save"
  • Go to Design Library
  • "Preview" new template
  • Click "Create Single Send"
  • Select "Design Editor"
Second way with Code Editor
  • Read https://docs.sendgrid.com/ui/sending-email/editor#importing-custom-html-with-drag-and-drop-markup
  • Go to "Design Library"
  • Click "Create Email Design"
  • Select "Code Editor"
  • Paste in HTML based on docs https://gist.github.com/seanlail/ada397e421bdc58e51331c79916218f0
  • Click "Save"
  • Go to Design Library
  • "Preview" new template
  • Click "Create Single Send"
  • Select "Design Editor"

Screenshots of the issue

image image image

Would you like to work on the issue?

I've contacted support directly but was told: "We guide our customers who want to explore more alternatives and implementations through code to raise a question on our Github channel so our devs can assist."

What am I doing wrong? Is the documentation for the Drag and Drop modules wrong / missing something? How can I help?

seanlail commented 8 months ago

Closing as this repository is not maintained.