Dittofeed provides two forms of email template editing:

  1. A notion like low-code editor that makes it easy to compose primarily text-based emails.
  2. A code-based editor that supports Liquid, HTML, and MJML.

​
Low-code Editor

The low-code editor provides a notion-like interface for composing lightly styled emails. Blocks are inserted into the template by typing the / key and selecting the desired block from the list of suggestions.

Text can be formatted by highlighting the text and selecting the desired formatting options from the toolbar that appears.

​
Code-based Editor

The code-based email editor supports Liquid syntax, HTML, and MJML. Learn more about coding responsive emails in MJML in the next section.

An example of a rendered “welcome email” template using MJML and Liquid:

A view of the dashboard editor with the template code:

A full view of your user properties, editor, and a rendered email preview:

​
Sending Email Attachments

Dittofeed supports sending email attachments.

When possible, you should link to files using a URL rather than sending them as attachments. Email attachments can have a substantial negative impact on emails’ deliverability.

  • Email providers often send emails with attachments to spam.
  • Email attachments are often used by malicious actors to distribute malware.

Sending email attachments requires using File type user properties. First, create a user property that will capture the file you’re interested in sending.

Then, include a reference to this file in your template, by clicking on “Options”.

Finally, send a track event with the files you’d like to attach.

{
  "type": "track",
  "files": [
    {
      "type": "Base64Encoded",
      "name": "my_file_name.pdf",
      "mimeType": "application/pdf",
      "data": "base64-encoded-file-data"
    }
  ],
  "properties": {
    ...
  },
  ...
}

​
Low-code Email Editor Tutorial Video

Dittofeed provides two forms of email template editing:

  1. A notion like low-code editor that makes it easy to compose primarily text-based emails.
  2. A code-based editor that supports Liquid, HTML, and MJML.

​
Low-code Editor

The low-code editor provides a notion-like interface for composing lightly styled emails. Blocks are inserted into the template by typing the / key and selecting the desired block from the list of suggestions.

Text can be formatted by highlighting the text and selecting the desired formatting options from the toolbar that appears.

​
Code-based Editor

The code-based email editor supports Liquid syntax, HTML, and MJML. Learn more about coding responsive emails in MJML in the next section.

An example of a rendered “welcome email” template using MJML and Liquid:

A view of the dashboard editor with the template code:

A full view of your user properties, editor, and a rendered email preview:

​
Sending Email Attachments

Dittofeed supports sending email attachments.

When possible, you should link to files using a URL rather than sending them as attachments. Email attachments can have a substantial negative impact on emails’ deliverability.

  • Email providers often send emails with attachments to spam.
  • Email attachments are often used by malicious actors to distribute malware.

Sending email attachments requires using File type user properties. First, create a user property that will capture the file you’re interested in sending.

Then, include a reference to this file in your template, by clicking on “Options”.

Finally, send a track event with the files you’d like to attach.

{
  "type": "track",
  "files": [
    {
      "type": "Base64Encoded",
      "name": "my_file_name.pdf",
      "mimeType": "application/pdf",
      "data": "base64-encoded-file-data"
    }
  ],
  "properties": {
    ...
  },
  ...
}

​
Low-code Email Editor Tutorial Video