Hello! we been running a heavily modified version since 7.
I'm going to share some of our site e-mail changes.
First make an external reference folder for your e-mail; our is "/misc/email/" you can use the attached images for social links and make a smaller logo around 200px wide
1. responsive e-mail with logo:
edit: /templates/base/_email_header.html
Copy / Paste / Edit / Change Links...
<html><head></head>
<body bgcolor="#eee" style="margin:0; padding:0;">
<div style="padding:10px; background-color:#eee;">
<table width="95%" style="max-width: 600px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tr><td valign="top">
<div style="border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; color:#333; padding:20px; border:1px solid #999; background-color:#fff; font:14px Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;">
<div style="border-bottom:2px solid #eee; padding-bottom:10px; margin-bottom:20px; font-weight:bold; font-size:14px; color:#999;" align="center">
<a href="http://www.DOMAIN.com/"><img src="http://www.DOMAIN.com/misc/email/emaillogo.png" /></a><BR>
<a href="http://www.DOMAIN.com/member.php" target="_blank" style="text-decoration:none">Home</a> |
<a href="http://www.DOMAIN.com/forum/" target="_blank" style="text-decoration:none" >Forums</a> |
<a href="http://www.DOMAIN.com/blogs/home/" target="_blank" style="text-decoration:none">Blogs</a> |
<a href="http://www.DOMAIN.com/m/classified/home/" target="_blank" style="text-decoration:none">Classifieds</a>
</div>
2. Social links on footer
edit: /templates/base/_email_footer.html
Copy / Paste / Edit / Change Links...
<BR>Show some love!<BR>
<a href="https://"FACEBOOK URL"><img src="http://www.DOIMAIN.com/misc/email/facebook.jpg" width="32" height="32" /></a>
<a href="https://"TWITTER URL"><img src="http://www.DOIMAIN.com/misc/email/twitter.jpg" width="32" height="32" /></a>
<a href="https://"GOOGLE PLUS URL"><img src="http://www.DOIMAIN.com/misc/email/google-plus.jpg" width="32" height="32" /></a>
<a href="https://"PINTEREST URL"><img src="http://www.DOIMAIN.com/misc/email/pinterest.jpg" width="32" height="32"/></a>
</div>
</td></tr>
<tr><td valign="top">
<div style="margin-top:5px; text-align:center; color:#999; font:11px Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;">
<bx_text:_sys_email_footer_info />
</div>
<div style="margin-top:5px; text-align:center; color:#999; font:11px Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;">
<BoonexEmailFooter>
</div>
</td></tr>
</table>
</div>
</body></html>
3. Attach Google Analytics to e-mail templates
goto: admin>settings>e-mail templates...
insert code to the bottom of the templates above "<bx_include_auto:_email_footer.html />" you want to track (replace with your tracking ID)
<img src="http://www.google-analytics.com/collect?v=1&tid=UA-XXXXX-XX&cid=<recipientID>&t=event&ec=email&ea=open&el=<RealName>&cs=%28direct%29&cm=email&cn=Site+Email"/>
This has to be done in the templates since it references <recipientID> and <RealName> for tracking.
4. Change most used templates to something more attractive to your users.
-Friendship Request
change subject to " Friendship request from <Sender>! "
-Friendship Request Accepted
change subject to " <Sender> accepted your friendship request! "
-New message notification with message text
change subject to " New message from <ProfileReference>! "
5. Make all site mail send notification e-mails with text...
Edit: /templates/base/mail_box_compose_message.html and /templates/base/mail_box_replay_message.html
find:
<div class="messages_options">
<label><input type="checkbox" id="to_mail"/>__send_copy_to__</label>
<br />
<label><input type="checkbox" id="to_my_mail"/>__send_copy_my__</label>
<br />
<label><input type="checkbox" id="notify_mail"/>__notify__</label>
</div>
and replace it to:
<div class="messages_options">
<label><input type="checkbox" id="to_mail" checked/></label>
</div>
Finished product is pretty nice - See attached "example.jpg"
