Html button in message to create another message - html

I need to create a button on the email message (Outlook) to replicate the existing message and allow me to forward it to the next person. I would need this to keep tracking emails. The flow would need to look like that:
The requester sends an email with a button to forward --> Doer will send email to the reviewer via clicking button --> Reviewer will send the email back to the requester via clicking button.
Each time the button would need to contain a code that would allow such tracking - for example, adding "DOER" and "REVIEWER" in the subject, respectively.
The problem I have (as I'm not a programmer) is that I know how to create a message with HTML, and I know how to insert a simple button into such a message. What I have no idea how to do, is putting such code of HTML email into this button code. I keep failing, unfortunately.
What I have is standard email body:
<p style="color:black;font-size:17px;font-family:calibri;">
<style> table, th, td {border: 1px solid black; border-collapse: collapse;}
</style>
Hi <b>John,</b> <br /> <br /> Please review price for:<br /><br/>
<table style="width:100%">
<tr>
<th>Country</th>
<th>XXCode</th>
<th>XXLevel</th>
<th>XXTitle</th>
<th>XXFamily</th>
<th>XXCut</th>
<th>XXMatch</th>
<th>XXGrade</th>
<th>XXXMatch</th>
<th>XXXGrade</th>
</tr>
<tr>
<td rowspan ="16">BRAZIL</td>
</tr>
<tr>
<td>10000XXX</td>
<td>B</td>
<td>Logistics</td>
<td>Supply</td>
<td>General</td>
<td>ASCXXX</td>
<td>7 | 8</td>
<td>SCNXXXXX</td>
<td>43 | 44 | 45 | 46</td>
</tr>
<tr>
</table><br /><br /> The deadline for this task is:
<span style="background-color:yellow">26-8-2021, 10:16</span> <br /><br />
After the task is done- please send a message to <a href=>#Anna, Jolen</a> for review.<br /><br />Thank you,<br /></p></p>
Button:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="border-radius: 5px; background-color: #733658;">
DOER'S RESPONSE &rarrhk;
</td>
</tr>
</table>
```
Many thanks,AM

Outlook doesn't support form's controls, nor allowing to run scripts on the message body for security reasons. You may consider developing an add-in for Outlook instead. It can be a COM add-in (VSTO) or web-based one to support multiple platforms.

Related

Indenting Text in HTML Email Template

I am attempting to place HTML in an email template of an older vendor solution that doesn't support modern HTML5 techniques. In the code sample (JSFiddle url below) if I resize the template and make it smaller the text falls to the next line without an indent.
Is there a way to make the text indent without a hard line break and indenting?
<div>
<table style="background:#8B0000 ;color:#FFF;width:100%;font-size: 11pt;font-family: Arial;">
<tr>
<td width="10"></td>
<td height="30">Test Email</td>
<td align="right"></td>
<td width="30"></td>
</tr>
</table>
<table style="background:#D9D9D9;color:#17375E;width:100%;font-size: 11pt;font-family: Arial;">
<tr>
<td width="10"></td>
<td height="30"></td>
</tr>
</table>
<table style="background:#D9D9D9;width:100%;font-family: Arial;">
<tr style="background:#FFF">
<td style="background:#D9D9D9"></td>
<td height="30">
<p style="font-size: 10.5pt;font-weight: 700;color:#555">  Test.</p>
<div style="font-size: 10pt;color:#555">
<p>  There are pending items that require your review. Please see below are the details. The request must be approved or denied within 72 business hours or it will escalate to your manager. If you have questions regarding this email, call <b>1-555-555-5555</b>.</p>
</div>
</td>
<td style="background:#D9D9D9"></td>
</tr>
</table>
<table style="background:#D9D9D9;color:#17375E;width:100%;font-size: 11pt;font-family: Arial;">
<tr>
<td></td>
<td height="30"> </td>
</tr>
</table>
</div>
Working code sample: https://jsfiddle.net/wa1z4nvr/4/
Remove the ensp entity and give your paragraph a margin you like.
<p style="text-indent: 0; margin: 1em;">There are pending items that require your review. Please see below are the details. The request must be approved or denied within 72 business hours or it will escalate to your manager. If you have questions regarding this email, call <b>1-555-555-5555</b>.</p>
It looks like right now you're using en-spaces as your indent  
This would create a behavior where the first line appears to be indented and the rest does not.
If you want subsequent lines of text to be lined up with your first line, then you're probably not looking for an "indent".
You can remove the   from both your paragraph and your "Test." text, and adding a padding-left:1em to those elements, or to the table row containing them.
The table containing your test text might look like this:
<table style="background:#D9D9D9;width:100%;font-family: Arial;">
<tr style="background:#FFF">
<td style="background:#D9D9D9"></td>
<td height="30" style="padding-left: 1em">
<p style="font-size: 10.5pt;font-weight: 700;color:#555">Test.</p>
<div style="font-size: 10pt;color:#555">
<p>There are pending items that require your review. Please see below are the details. The request must be approved or denied within 72 business hours or it will escalate to your manager. If you have questions regarding this email, call <b>1-555-555-5555</b>.</p>
</div>
</td>
<td style="background:#D9D9D9"></td>
</tr>
</table>

how to prevent email clients add my images as attachments

I am creating an html email template that will hopefully show on mostly used desktop and web email clients (such as Outlook, Gmail or Yahoo).
I'm having a hard time on doing an html email template where my images are being considered as attachments. I'm assuming it's possible to not show them as attachments since most websites that I am subscribed of such as Pinterest, they have images on their html email templates, but it doesn't show them as attachments too.
Here's a code I am testing
<table align="center">
<tbody>
<tr>
<td>
<table>
<tbody>
<tr>
<td>
<img src="#web/mail/img/email-for-first-users-header.jpg" style="width:auto; height: auto; border-style: none; display: block;"/></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tbody>
<tr>
<td>
<h2>Hi, non-user's name!</h2>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
What I basically want to achieve is that, the email clients will not add my images on the attachments area.
Embedding an image in an email first requires that you have a version of said image as a base64 encoded string. Once your image is encoded, jump into your template, or whatever HTML you’re sending out, and embed it using a standard HTML image tag:
<img alt="My Image" src="data:image/jpeg;base64,/9j/4S/+RXhpZgAATU0AKgAAAAgACAESAAMAENkDZ5u8/61a+X...more encoding" />
Then you’re done! Send away.

Change plain text email into HTML email

This is in Magento 1.9.x.
I just edited the contents of a transaction email, added some HTML code into it, but the email is still rendering as plain text.
How do I make that email into a HTML email?
Here is how it looks in Magento:
The email contains HTML tags, but it's template type is Text.
I cannot find anywhere to either (a) change this template type to HTML OR (b) create a new HTML template.
This is the email content:
<body>
<img alt="Flamefast" src="http://www.flamefast-gas-safety.co.uk/skin/frontend/default/gas-safety/images/logo.png" />
<h1>Web Enquiry Form</h1>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>Name:</td><td>{{var data.name}}</td>
</tr>
<tr>
<td>Email:</td><td>{{var data.email}}</td>
</tr>
<tr>
<td>Telephone:</td><td>{{var data.telephone}}</td>
</tr>
<tr>
<td>Company:</td><td>{{var data.company}}</td>
</tr>
<tr>
<td>Interested in:</td><td>{{var data.interest}}</td>
</tr>
<tr>
<td>Quote Required:</td><td>{{var data.request_quote}}</td>
</tr>
<tr>
<td>Info Required:</td><td>{{var data.request_info}}</td>
</tr>
<tr>
<td>Call-back Required:</td><td>{{var data.request_callback}}</td>
</tr>
<tr>
<td>Message:</td><td>{{var data.comment}}</td>
</tr>
</table>
</body>
And this is what it looks like in my email client. None of the HTML is being rendered. My problem here is I cant find anything in Magento's Admin Panel that could create a HTML email or change this to a HTML email.
Can anyone help?
your template type is text beacuse you are using contact email as in your screen shot , it is by default in text format, you have to create an email template as below
1.click on add new template button .
2. Do not load contact email template.
3. Load any one else if you want otherwise.
4. write template name, subject and paste your html in content area and save
thanks!

How to embed a picture (jpg/png/etc,) into html and email it out with mail

Background: I am trying to my emails html based, as it is more versatile (I am new to html). I have been playing around with html for a few hours. I can so far embed tables, and different headings and links etc. into the emails that I send out, but have massive difficulty with embedding pictures.
I thought it might a client specific problem - but Hotmail, Outlook and G-mail all don't show the attached image. All I see is the the box with the alt (alternative) text.
#!/bin/bash
h_test=mytest.html
echo "This is a test email"> TESTEMAILTESTEMAILTESTEMAIL.txt
echo "<html>
<head>
<title>HTML E-mail</title>
</head>
<body>
<p><b>Note:</b> This is just a test email.</p>
<p>Trying to do different things all in one email.</p>
<h2>Table 1</h2>
<table style="width:25%">
<tr>
<td>New York</td>
<td>UNITED STATE OF AMERICA</td>
</tr>
<tr>
<td>Sydney</td>
<td>AUSTRALIA</td>
</tr>
<tr>
<td>Istanbul</td>
<td>TURKEY</td>
</tr>
</table>
<h2>Table 2</h2>
<table border="1"; style="width:50%">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
<h2>Image 1</h2>
<img src='https://www.google.com.au/search?q=image+test&espv=2&biw=1366&bih=663&source=lnms&tbm=isch&sa=X&ved=0CAYQ_AUoAWoVChMI1_fn1MrNyAIVITamCh32cQej#imgrc=driDe9TNSAxoAM%3A' alt='You should be seeing a picture'>
<h2>Link</h2>
<a href='http://www.google.com'>Click Here</a>
</body>
</html>" > $h_test
echo ">> Sending email..."
`mail -s "$(echo -e "This is Subject\nContent-Type: text/html")" my_email#me.com < mytest.html`
echo "...e-mail sent"
Research: I have looked at websites such as this site, but didn't work. I have also looked up similiar questions on stackexchange but couldn't make it work.
Q: How can I embed pictures into my emails?
You can embed images in the html it self,base64-encoded, like this:
<img src="data:image/png;base64,iVBORw0KGg....." />
Look for example at this site to generate the base64 endoding: http://dataurl.net/#dataurlmaker
Update:
I have now learned that this does not work in all email-clients:
Some examples:
iOS Mail Yes
Outlook 2003 Yes
Outlook 2007+ No
Apple Mail Yes
Yahoo! Mail No
Gmail No
Android default Yes
from this link https://www.campaignmonitor.com/blog/email-marketing/2013/02/embedded-images-in-html-email/
You are using the URL https://www.google.com.au/search?q=image+test&espv=2&biw=1366&bih=663&source=lnms&tbm=isch&sa=X&ved=0CAYQ_AUoAWoVChMI1_fn1MrNyAIVITamCh32cQej#imgrc=driDe9TNSAxoAM%3A which is the URL to an HTML document.
You need to use the URL to an image!
Note that most email clients will prompt users before displaying images on external URLs.
You can avoid this by attaching the image (i.e. sending a multipart MIME email) and then using the cid: URL scheme to point to the attachment.
Alternatively, you can convert the image to a data: URL scheme and embed it directly in the URL.

Outlook html signature adds nbsp

We're creating html signatures for all the users within our domain, based on a simple html template.
...
<tr>
<td colspan="3" style="font-style:normal; font-size:12px;"><%Tel%></td>
</tr>
<tr>
<td colspan="3" style="font-style:normal; font-size:12px;"><%Mobile%></td>
</tr>
<tr>
<td colspan="3" style="font-style:normal; font-size:12px;"><%Fax%></td>
</tr>
...
The placeholders are replaced with the actual numbers for a user.
The following lines are a part of the generated signature, with telephone, mobile and fax numbers. If a user has no mobile number, the second tr-td is empty:
...
<tr>
<td colspan="3" style="font-style:normal; font-size:12px;">T +123 456 789</td>
</tr>
<tr>
<td colspan="3" style="font-style:normal; font-size:12px;"></td>
</tr>
<tr>
<td colspan="3" style="font-style:normal; font-size:12px;">F +123 456 789</td>
</tr>
...
When leaving a line empty ( like in the second line ) the html renders just fine in modern browsers, making sure the Tel and the Fax line are close together.
However, once I add this template to Outlook 2003, Outlook adds an extra 'nbsp;' to the html, between the empty td-tags. This results in an full empty line being shown between the tel and fax number.
Obviously, the user is annoyed with this extra line and cannot be bothered to remove the extra line manually each time. The signatures are read-only, so changing it in the settings is not an option.
Any ideas on why this happens, and how to fix this?
Edit: Apologies, Outlook version actually is 2003, not 2010.
Not sure if this will work but it's worth a shot. Have you tried just closing the tag like so:
<td colspan="3" style="font-style:normal; font-size:12px;"/>