Email Design

  • Resolved cinnamonnata

    (@cinnamonsales)


    3 years, 6 months ago

    Thanks for the great plugin! but I have the following issue: trying to create a simple email, with a centered logo, content and footer, but the logo doesnt center. Please try downloading the game or the interview on my page to see what I mean.
    I even tried using HTML with inline CSS to create a nicer email but it doesnt accept CSS and it also seems to be inheriting styles from somewhere else. I cant get this to work. Can you share a super simple email template or help me fix mine?
    Would be great if it came with a super simple email template.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter cinnamonnata

    (@cinnamonsales)

    Hi there, its been 4 days and I havent heard back from you, but can I see you reply to people who posted after me. Can you pleeeease pretty please help me! Its so simple, just want to center the logo on the email. Thank you!

    Plugin Author mkscripts

    (@mkscripts)

    Hi,

    Nice to hear you like our plugin, thank you!

    Your ticket is currently being processed. We do our best to answer all tickets from the forum and our website in the correct order taking into account the availability of our team (on weekends). Since some tickets are more elaborate, it will take a little more time to answer them.

    Creating and styling an HTML email is only possible to a limited extent on the message settings page. Therefore a filter is available, as you can read here. We expect to come up with one or more examples today.

    Kind regards,
    Team Download After Email

    Plugin Author mkscripts

    (@mkscripts)

    Below you can find an example of an email template (mobile responsive) with a header, a body and a footer. The header and footer content are centered. You can copy and paste this code into the editor (text mode). When you switch to visual mode, you can adjust the content and insert a logo, for example.

    <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
            <tr>
                <td align="center" valign="top">
                    <table border="0" cellpadding="0" cellspacing="0" width="600" id="emailContainer">
                        <tr>
                            <td align="center" valign="top">
                                <table border="0" cellpadding="20" cellspacing="0" width="100%" id="emailHeader" style="background: #0073aa; color: #ffffff; font-size: 1.2em;">
                                    <tr>
                                        <td style="text-align: center;">
                                            This is where my header content goes.
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td align="center" valign="top">
                                <table border="0" cellpadding="20" cellspacing="0" width="100%" id="emailBody" style="background: #f9f9f9; color: #555555;">
                                    <tr>
                                        <td>
                                            This is where my body content goes.
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td align="center" valign="top">
                                <table border="0" cellpadding="20" cellspacing="0" width="100%" id="emailFooter" style="background: #f1f1f1; color: #555555; font-size: 0.8em;">
                                    <tr>
                                        <td style="text-align: center;">
                                            This is where my footer content goes.
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>

    This template is based on a Mailchimp (example) template which you can find here.

    You can use the filter mentioned above if you want to use a custom <head> element or if you want to add code that is not possible through the editor.

    If you have any more questions, feel free to ask. We are glad to help you.

    Kind regards,
    Team Download After Email

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Email Design’ is closed to new replies.