I'm trying to make a custom email template that is sent to a user once they fill out a form on our site. At the bottom of the email we want a button that links to a page on our website. So far I've tried using the a, button, and form tags and all of these work when you use gmail and are already in the browser but if you use outlook, the apple mail app, or any others, the button appears to click but doesn't actually do anything. Is there any sort of workaround for this? Am I just missing something simple?
Thank you so much for any help! This has been driving me crazy all day.
Related
I am trying to add some images to the email body that gets sent to the users email (not as attachments) but when they arrive via the email they are broken and do not show.
I have tried using:
<img src="https://example.com/wp-content/uploads/2019/11/myimage.jpeg">
<img src="wp-content/uploads/2019/11/myimage.jpeg">
<img src="uploads/2019/11/myimage.jpeg">
But nothing works, I thought it would be as easy as adding an image as you do via html but it doesnt seems to work. Does anyone know how to do this?
Are you sending the email as an HTML doc or are you just putting HTML text into the email doc?
Your email service might be reading your code incorrectly, thinking it's just text being sent in an email document.
Do some troubleshooting. Can other HTML elements (like headings and hyperlinks) appear in your email? If not, it's an email problem and not one with your code.
That being said, the 2nd and 3rd links are not viewable via a browser - it looks like they are pulling from your system as opposed to being an online link. That might be part of the problem as well.
It is possible to send an entire site (that has only 1 image, a logo) via mail?, the workflow would be:
user opens the mail
user sees the attachment "html" file
user clicks the attachment, the browser opens.
I have no idea if this is possible.
Another thing, this has to work on mobile, iOS more precisely.
Until now we were sending interactive pdfs to the users, but now we want to include iOS users as well, so this strategy could work, if it works of course.
And unfortunately, no, I can't send a link to a website, it has to work this way, for reasons that are beyond my decision.
You have three options:
Send a link to your website.
Send the mail with an attachment of the HTML of your website. (since it is simple, you said just 1 image and logo it can fit in one HTML file).
Send an HTML formatted email, where you display the image and the logo.
If you want it to work on mobile, just use media querys for it to change styles depending on widht and height of the device.
How to make a link to a line of the same page in a HTML e-mail?
I tried link to name and after testing it on Gmail and Outlook, the #1 is transformed to #**********_1 and nothing happens when I click the link. I'm using 1&1 Newsletter system to send the HTML email.
I think your 1&1 newsletter software is adding tracking to your link. If there is an option to turn this off, your anchor link should work correctly.
Here is a support chart for anchor links in html email
You can't.
It is the way Gmail and Outlook are setup. Their code overrides your link and since they want users to keep their mail page open, it opens all links in new tabs. Even with plain links such as http://google.com they will open in new tabs.
I am trying to add the like button code into a html newsletter but it won't display, only displays on the online version. Is it possible to have it display in the email newsletter as well, if so, how?
No this is not possible. The best you can do is a static like button image that takes you to your fan page or website where they can then click on a real like button. You can't embed scripts into email and have them execute, which is required to convert the like button code into the necessary rendered iframe.
An alternative to using the 'like button' is using the html only share button. Technically its not supported, but hey it works.
http://www.facebook.com/sharer.php?u=http://mylink.com
You cannot use javascript directly on emails.
But you can put a button/link to a page of your own, whose purpose is to hold the actual like button.
I've written a HTML Email using tables (:sad face:) and it displays perfectly while using Internet Explorer's Send -> Page by Email. My issue is that my jump links
Go to the jump link
no longer work, thye just open the complete URL of the page that I was sending. I've looked through the source of emails in which the jump links do work and I saw that the jumps links looked like this
Word generated jump link
I tried adding this but I'm still getting IE opening and it's now going to http:///
Any idea if there's any extra tags I need to add or another way to get around this?
Essentially, this is something that has to do with the way Microsoft deals with Internet Security. It is best practice to avoid named (jump) anchors in HTML email, unfortunately. However, to overcome this you might want to provide a link to a webpage with the HTML email on, which can of course have named anchors.
You can read more about best practices for email design on this article at Sitepoint. There is also a great resource for HTML email design at the Email Standards Project.
You can try this!!
In outlook -> new email->attach file->insert(select the html file here)->insert as text(dropdown on the insert)
Which will make the jump links work.
but the problem is all with the active links and visited link color. Doing this leave you no control over visited and active link colors.
You could create the email template as signature.
Open the tempalte in IE and click CTRL+A to copy the page.
Create a signature and Page the content as it is.
Create a New email and insert the Signature. The template will be loaded.
I had the same problem. When trying to send a html page using Internet Explorer's Send -> Page by Email, the anchor pointed to the url of the webpage instead of to the internal link in the mail.
This can be solved by adding this in the head of the page:
<base href="" />