Forum

Sximo Reloaded Mail Template

As Said few days ago i was working on Mail system.

So here the first part of my work for those who has Git access

https://s16.postimg.org/bctmkohzn/mail1.png Mail1

https://s16.postimg.org/i4k1nj6z7/mail2.png Mail2

https://s16.postimg.org/kzx4ueaz7/mail3.png Mail3

But you have to setup your mail server or use mailgun for it else it wont work you can also use mailtrap for testing purpose

next step i will add the other mail system for 2 others contacts

Feel Free to test https://demo513.sximo.io/contact-us

i will receive the mail in my box and if you wish to know if i received i can forward the mail to you (just ask)

the email template use .env.example (i added new info inside that you have to add on your .env)

you can see the HTML template form here : https://demo513.sximo.io/assets/email/email_template.html

The code HTML: https://sximo.io/bin/0V

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Contact us</title>
</head>
</head>
<body style="margin: 0; padding: 0;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
        <td>

            <!-- Header Top Start -->
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border-collapse: collapse;">
                <tr>
                    <td>
                        <table align="center" border="0" cellpadding="0" cellspacing="0" width="580" style="border-collapse: collapse;">
                            <tr>
                                <td align="left" bgcolor="#2e3537">
                                    <!-- Space -->
                                    <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
                                        <tr>
                                            <td style="font-size: 0; line-height: 0;" height="10">&nbsp;</td>
                                        </tr>
                                    </table>
                                    <table align="center">
                                        <tr>
                                            <td width="22">
                                                <img src="https://{{ CNF_DOMAIN }}/assets/email/images/marker-icon-white.png" alt="location"/>
                                            </td>
                                            <td style="color: #fff; font-size: 12px; line-height: 18px; font-weight: normal; font-family: helvetica, Arial, sans-serif;">279 Rosewood Drive Fremont, OH
                                                                                                                                                                         43420
                                            </td>
                                            <td width="22"></td>
                                            <td width="22">
                                                <img src="https://{{ CNF_DOMAIN }}/assets/email/images/phone-icon-white.png" alt="location"/>
                                            </td>
                                            <td style="color: #fff; font-size: 12px; line-height: 18px; font-weight: normal; font-family: helvetica, Arial, sans-serif;">+1-202-555-0132</td>

                                        </tr>
                                    </table>
                                    <!-- Space -->
                                    <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
                                        <tr>
                                            <td style="font-size: 0; line-height: 0;" height="10">&nbsp;</td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!-- Header Top End -->

            <!-- Section Start -->
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border-collapse: collapse;">
                <tr>
                    <td>
                        <table bgcolor="#fafafa" align="center" border="0" cellpadding="0" cellspacing="0" width="580" style="border-collapse: collapse;">
                            <!-- Space -->
                            <tr>
                                <td style="font-size: 0; line-height: 0;" height="20">&nbsp;</td>
                            </tr>
                            <tr>
                                <td width="100%" align="center" style="font-size: 28px; line-height: 34px; font-family:helvetica, Arial, sans-serif; color:#343434;">
                                    <strong>Admin! You've got a mail</strong>
                                </td>
                            </tr>
                            <!-- Space -->
                            <tr>
                                <td style="font-size: 0; line-height: 0;" height="10">&nbsp;</td>
                            </tr>
                        </table>

                    </td>
                </tr>
            </table>
            <!-- Section End -->

            <!-- Banner Start -->
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border-collapse: collapse;">
                <tr>
                    <td>
                        <table align="center" border="0" cellpadding="0" cellspacing="0" width="580" style="border-collapse: collapse;">
                            <tr>
                                <td>
                                    <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
                                        <tr>
                                            <td>
                                                <!-- Space -->
                                                <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
                                                    <tr>
                                                        <td style="font-size: 0; line-height: 0;" height="20">&nbsp;</td>
                                                    </tr>
                                                </table>
                                                <table align="center" border="0" cellpadding="0" cellspacing="0" width="540" style="border-collapse: collapse;">
                                                    <tr>
                                                        <td>
                                                            <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                                                                <tr>
                                                                    <td width="100%" align="left" style="font-size: 16px; line-height: 34px; font-family:helvetica, Arial, sans-serif; color:#343434;">
                                                                        Someone just send you an email message from your webpage
                                                                    </td>
                                                                </tr>
                                                            </table>

                                                            <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                                                                <!-- Space -->
                                                                <tr>
                                                                    <td style="font-size: 0; line-height: 0;" height="10">&nbsp;</td>
                                                                </tr>
                                                                <tr>
                                                                    <td width="100%" align="left" style="font-size: 15px; line-height: 22px; font-family:helvetica, Arial, sans-serif; color:#777777;">

                                                                        Name : {{ $name }}<br/>
                                                                        Email : {{ $sender }} <br/>
                                                                        Phone : {{ $phone }} <br/>
                                                                        Zip Code : {{ $postal }} <br/>
                                                                        Subject : {{ $subject }}<br/>

                                                                        Message : <br/>

                                                                        {{ $notes }}

                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </table>
                                                <!-- Space -->
                                                <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
                                                    <tr>
                                                        <td style="font-size: 0; line-height: 0;" height="30">&nbsp;</td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!-- Banner End -->


            <!-- Footer Start -->
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border-collapse: collapse;">
                <tr>
                    <td>
                        <table bgcolor="#ffffff" align="center" border="0" cellpadding="0" cellspacing="0" width="580" style="border-collapse: collapse;">
                            <tr>
                                <td>
                                    <!-- Space -->
                                    <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
                                        <tr>
                                            <td style="font-size: 0; line-height: 0;" height="30">&nbsp;</td>
                                        </tr>
                                    </table>
                                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="540" style="border-collapse: collapse;">
                                        <tr>
                                            <td>
                                                <!-- First Column -->
                                                <table align="left" border="0" cellpadding="0" cellspacing="0" width="220" style="border-collapse: collapse;">
                                                    <tr>
                                                        <td>
                                                            <a href="https://{{ CNF_DOMAIN }}">
                                                                <img src="https://{{ CNF_DOMAIN }}/assets/email/images/logo.png" alt="Logo" style="display: block;"/>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                    <!-- Space -->
                                                    <tr>
                                                        <td style="font-size: 0; line-height: 0;" height="15">&nbsp;</td>
                                                    </tr>
                                                </table>
                                                <!-- Gutter 20px -->
                                                <table align="left" border="0" cellpadding="0" cellspacing="0" width="40" style="border-collapse: collapse;">
                                                    <tr>
                                                        <td>
                                                            &nbsp;
                                                        </td>
                                                    </tr>
                                                </table>
                                                <!-- Second Column -->
                                                <table align="left" border="0" cellpadding="0" cellspacing="0" width="250" style="border-collapse: collapse;">
                                                    <!-- Space -->
                                                    <tr>
                                                        <td style="font-size: 0; line-height: 0;" height="57">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                        <td width="22">
                                                            <img src="https://{{ CNF_DOMAIN }}/assets/email/images/marker-icon.png" alt="location"/>
                                                        </td>
                                                        <td style="color: #999999; font-size: 14px; line-height: 18px; font-weight: normal; font-family: helvetica, Arial, sans-serif;">279 Rosewood Drive Fremont, OH
                                                                                                                                                                                        43420
                                                        </td>
                                                    </tr>
                                                    <!-- Space -->
                                                    <tr>
                                                        <td style="font-size: 0; line-height: 0;" height="10">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                        <td width="22">
                                                            <img src="https://{{ CNF_DOMAIN }}/assets/email/images/phone-icon.png" alt="location"/>
                                                        </td>
                                                        <td style="color: #999999; font-size: 14px; line-height: 18px; font-weight: normal; font-family: helvetica, Arial, sans-serif;">+1-202-555-0132
                                                        </td>
                                                    </tr>
                                                    <!-- Space -->
                                                    <tr>
                                                        <td style="font-size: 0; line-height: 0;" height="10">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                        <td width="22">
                                                            <img src="https://{{ CNF_DOMAIN }}/assets/email/images/fax-icon.png" alt="location"/>
                                                        </td>
                                                        <td style="color: #999999; font-size: 14px; line-height: 18px; font-weight: normal; font-family: helvetica, Arial, sans-serif;">+1-202-555-0134
                                                        </td>
                                                    </tr>
                                                    <!-- Space -->
                                                    <tr>
                                                        <td style="font-size: 0; line-height: 0;" height="10">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                        <td width="22">
                                                            <img src="https://{{ CNF_DOMAIN }}/assets/email/images/mail-icon.png" alt="location"/>
                                                        </td>
                                                        <td>
                                                            <a style="color: #999999; font-size: 14px; line-height: 18px; font-weight: normal; font-family: helvetica, Arial, sans-serif; text-decoration:none;"
                                                               href="mailto:{{ CNF_CONTACTEMAIL }}">{{ CNF_CONTACTEMAIL }}</a>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                    <!-- Space -->
                                    <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
                                        <tr>
                                            <td style="font-size: 0; line-height: 0;" height="30">&nbsp;</td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>

            </table>
            <!-- Footer End -->

            <!-- Subfooter Start -->
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border-collapse: collapse;">
                <tr>
                    <td>
                        <table bgcolor="#f5f5f5" align="center" border="0" cellpadding="0" cellspacing="0" width="580" style="border-collapse: collapse;">
                            <tr>
                                <td>
                                    <!-- Space -->
                                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                                        <tr>
                                            <td style="font-size: 0; line-height: 0;" bgcolor="#eaeaea" height="1">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td style="font-size: 0; line-height: 0;" height="20">&nbsp;</td>
                                        </tr>
                                    </table>
                                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="540" style="border-collapse: collapse;">
                                        <tr>
                                            <td align="center" style="color: #999999; font-size: 14px; line-height: 18px; font-weight: normal; font-family: helvetica, Arial, sans-serif;">
                                                Copyright &copy; 2016 <a href="https://{{ CNF_DOMAIN }}"
                                                                         style="color: #09afdf; font-size: 14px; line-height: 18px; font-weight: normal; font-family: helvetica, Arial, sans-serif;
                                                                         text-decoration:none;">Sximo Reloaded</a>.
                                                All rights reserved.
                                            </td>
                                        </tr>
                                    </table>
                                    <!-- Space -->
                                    <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
                                        <tr>
                                            <td style="font-size: 0; line-height: 0;" height="20">&nbsp;</td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>

            </table>
            <!-- Subfooter End -->


        </td>
    </tr>
</table>
</body>
</html>
Creed
Creed
  • 1 year ago

I recently added a new feature to mail system (saving Contact form into database => crud on backend)

You all know that if you are having a big company, you get thousand mail and you have to dispatching them to differents staffs right ?

But the main problem is how can you control if those mail are viewed, and if the person who contacted the company got an answer from the company!

The actual solution i had is to build a Contacts Table and saving all mails sended from the website and give permission max to administrator to edit them if it's viewed/in queue/ whatever you want for a status the Time that it got viewed, the person who will take care of that contact and much more...

if you guys like that idea i will post it on git as free module from me :) just reply here and let me know what do you think about it and also give idea if i can improve that packages

Thanks