Welcome to strapi-plugin-email-designer Discussions!

[alexzaganelli]

👋 Welcome!

We’re using Discussions as a place to connect with other members of our community. We hope that you:

• Ask questions you’re wondering about.
• Share ideas.
• Engage with other community members.
• Welcome others and are open-minded. Remember that this is a community we
  build together 💪.

To get started, comment below with an introduction of yourself and tell us about what you do with this community.

[ath88]

This is an interesting project. I'd like to share my idea of how we hope to utilize it.

We have a separate mail sending pipeline which we supply with a recipient, some context data and a template. I would love to be able to build the templates in strapi, and when a mail is about to be sent, the pipeline can fetch the template, render the email and dispatch it.

For this to work I have several needs that I would be willing to contribute with:

• Custom IDs, to be able to enumerate the different mail flows we have with more than just Email 1.
• Custom image storage, we already use a local minio for Strapi, so it should be possible to use a storage provider.
• Re-useable components - so we can easily pick the same header and footer for our email needs

What are your thoughts on this?

[alexzaganelli]

Hi @ath88,

sorry for the late reply, currently I'm a bit busy. Anyway your idea seem to me a great enhancement and my quick considerations are:

• Custom IDs, to be able to enumerate the different mail flows we have with more than just Email 1.

Wouldn't be hard to add a new customID field in the model

• Custom image storage, we already use a local minio for Strapi, so it should be possible to use a storage provider.

Honestly I think would be easy to write a custom component to pick your images

• Re-useable components - so we can easily pick the same header and footer for our email needs

Same as above (https://docs.unlayer.com/docs/custom-tools)

I hope to have clearly replied to your questions 😃

[pr0gr8mm3r]

• Re-useable components - so we can easily pick the same header and footer for our email needs

Same as above (https://docs.unlayer.com/docs/custom-tools)

For simple use cases you can now configure predefined blocks for the plugin under your config/plugins.js.
Here is a sample:

module.exports = {
    'email-designer': {
        editor: {
            options: {
                blocks: [
                    {
                        "category": "Footer",
                        "tags": ["Footer", "Imprint", "Privacy", "Legal"],
                        "data": {
                            "cells": [1],
                            "columns": [
                                {
                                    "contents": [
                                        {
                                            "type": "menu",
                                            "values": {
                                                "_meta": {
                                                    "htmlID": "u_content_menu_1",
                                                    "htmlClassNames": "u_content_menu"
                                                },
                                                "separator": "",
                                                "align": "center",
                                                "linkColor": "#0068A5",
                                                "layout": "horizontal",
                                                "draggable": true,
                                                "containerPadding": "10px",
                                                "fontSize": "14px",
                                                "padding": "5px 15px",
                                                "fontFamily": {
                                                    "url": "https://fonts.googleapis.com/css?family=Open+Sans:400,700",
                                                    "label": "Open Sans",
                                                    "value": "'Open Sans',sans-serif",
                                                    "defaultFont": true
                                                },
                                                "deletable": true,
                                                "duplicatable": true,
                                                "selectable": true,
                                                "textColor": "#34495e",
                                                "hideDesktop": false,
                                                "menu": {
                                                    "items": [
                                                        {
                                                            "key": "1617185594041",
                                                            "link": {
                                                                "name": "web",
                                                                "values": {
                                                                    "href": "",
                                                                    "target": "_self"
                                                                }
                                                            },
                                                            "text": "Imprint"
                                                        },
                                                        {
                                                            "key": "1617185598826",
                                                            "link": {
                                                                "name": "web",
                                                                "values": {
                                                                    "href": "",
                                                                    "target": "_self"
                                                                }
                                                            },
                                                            "text": "Privacy"
                                                        }
                                                    ]
                                                }
                                            }
                                        }
                                    ]
                                }
                            ],
                            "values": {
                                "displayCondition": null,
                                "columns": false,
                                "backgroundColor": "",
                                "columnsBackgroundColor": "",
                                "backgroundImage": { "url": "", "fullWidth": true, "repeat": false, "center": true, "cover": false },
                                "padding": "0px",
                                "hideDesktop": false,
                                "_meta": { "htmlClassNames": "u_row" },
                                "selectable": true,
                                "draggable": true,
                                "duplicatable": true,
                                "deletable": true
                            },
                            "schemaVersion": 5
                        }
                    },
// Too lazy to count all the closing brackets ;)

That's quite a mouth full, but you don't have to come up with all that on your own. Just design a template, save it, view the json under Collection Types > EmailTemplates > (select your template) and pick the part you want. Hope that helps.
Note that once this block is inserted into a template, the template won't be updated if the block configuration changes, so a more flexible, visual solution would obviously be better.