Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
If I send this message
<h5>Hello</h5>
<h3 style="color:pink">GOODBYE</h3>
It appears as it is.
Is there any way to render the same message as HTML at receivers end?
update :
what i want on receivers side is :
Hello (style corresponding to the h5 tag)
GOODBYE (style corresponding to the h3 tag & in pink color)
Google does not accepts user's custom html. < > is converted as < > so it displayed in browser as < > , Thats all. you can't use your coding.
You cannot send HTML images in Google's gmail web interface; this interface converts al HTML tags to the human readable variant, so they get isplayed as-is on the other side.
Your alternative is to set up an SMTP server (they usually come with your ISP) and send e-mails from there. You can set the 'from' field yourself, so you can change that to your gmail account. The disadvantage is that your mail will likely be caught in spamfilters.
Good luck!
so it is completely possible to render HTML code inside an email. I've only tried it through the gmail client though. It is slightly "hacky" but works perfectly.
https://www.youtube.com/watch?v=MsMSqhMlfao
Look at this video, it highlights the steps in a fairly simple way, but there are some things you will have to change. Once you hit inspect on your dummy text, you can't just double click to edit the code, it gets pasted in as Weird text comments.
Instead, hit the "edit as HTML" button instead and remove the double quotes, pasting your code in directly. You'll be able to tell that you've done it right when your tags etc. display the way the rest of the code around it does. (I had locally linked images so they didn't show)
You'd have to send it from an external platform to arrive at the gmail inbox. Try something like SendBlaster (free download) or MailChimp (online interface)
Related
This question already has answers here:
Is it possible to add an HTML link in the body of a MAILTO link [duplicate]
(7 answers)
Closed 6 years ago.
On my website I have a button that I hope visitors would use to share my content by mail.
It's simple, it uses the mailto protocol and it works.
However the message within the mail sucks because it's plain text.
I know there are emails with a html body that makes sharing stuff easier and you can add things like Twitter Cards, Facebook Open Graph and Google+ Markup.
However it seems the two doesn't combine or am I missing something?
I want to be able to send rich HTML emails using the mailto protocol.
I'm currently using a CMS-platform called indexhibit and simply changing to wordpress or something else is not an option.
No you aren't missing something, there is not really any reliable way to send HTML via the mailto protocol, it is essentially intended for short plain-text messages. Some clients may show HTML that is included but it isn't the usual case.
Really the best way for you to handle this would be to make a simple mailer script within indexhibit, written in php, that will allow you to send HTML in your emails.
If you google for "sending HTML emails with php" I am sure you will find lots of examples.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I am attempting to use HTML to create an email? I don't really know much about this to begin with so I'm working from no previous knowledge as its my first time. Do I need to host the images on a website if I am going to reference them in the email? Or can I just directly reference the location on my computer?
There are two important thing you have to know about HTML e-mails:
You can use a table just fine to organize the content, and
You have to use inline CSS to style the non-image parts.
Here is a very nice but short guide you can use as a checklist for your first prototype. Here is another, multi-part tutorial. Here's a third one. And you can find a lot more on Google.
For images, you probably have to store them on a private server or an image hosting service - if you have no access to a server, imgur can possibly work, too.
images needs to be hosted somewhere and accessible via the network (with absolutes url and not relatives urls)
Yes, Image should be included. the following link might help. http://moz.com/community/q/where-to-host-images-for-e-mail-newsletter
You most definitely cannot reference them from your computer.
You can either reference them with full URLs, as in:
<img src="http://www.domain.com/directory/image.gif" />
Or you can attach them to the email as files and reference them with the name of the attached file:
<img src="attached_image.gif" />
Some mail clients will reject either method for security reasons (it can be considered a security breach to either automatically download an attachment or to retrieve an external URL, especially from webmail clients in the latter case). This is why you see links like "Having problems viewing this email? Click here to view it online" or email clients with the option to download images that are not displayed by default.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 6 years ago.
Improve this question
I am looking for a list of good Email/HTML frameworks for my next web project. As far as I know, it is very difficult to make good working HTML for all platforms & browsers.
Best working solution would have following:
List of patterns, that can be reused (say basic elements like copy, H1, H2, full-width images, tables, lists)
CSS template engine (LESS/SASS), to style all files once
Basic grid
Support for mobile devices
I have found only this solution from Mailchimp: https://github.com/mailchimp/Email-Blueprints
Any other options?
Upd. So far found these:
http://zurb.com/ink/
https://github.com/rodriguezcommaj/salted
https://github.com/mailgun/transactional-email-templates
https://github.com/leemunroe/html-email-template
Also really good overview about sending emails here — http://www.leemunroe.com/sending-email-designers-developers/
You should check out mjml, which is a nice component based markup language from which you can generate email html. https://mjml.io/ You can even fork it on Github: https://github.com/mjmlio/mjml This component based approach is getting more and more wide spread.
Also, we have built a nice editor tool for creating responsive emails. You can try the editor if you click on the demo button here: http://edmdesigner.com/responsive-email-editor-for-end-users If you like it, you can register here: https://app.edmdesigner.com
You can try this http://zurb.com/ink/
If you are adding background images, this site will help you to get that showing in outlook http://backgrounds.cm/
And here you can get another boilerplate emailology.org
Emails are tricky. None of those above mentioned boiler-plates are full-proof. Best option would be to test your emails.
Email testing tool > litmus.com or emailonacid.com Unfortunately they are not free.
A free email sending service to test your emails by sending to your email address (and perhaps your friends who have other devices) is putsmail.com
Generally simple HTML should work quite well in todays mail clients/browsers. Avoid images and external resources, write everything needed to display the E-Mail correctly inline inside the HTML code. Like ths CSS. Avoid JavaScript, this will not work.
If you wanna use a service, MailChimp is awesome, but you also check wanna check
sendgrid.com
and
https://sendloop.com
Wich I personally both also liked. But I would prefer MailChimp in general for you.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about programming within the scope defined in the help center.
Closed 4 years ago.
Improve this question
I'm currently working on a "coming soon" page that has a single text field and button where a user can input his/her email address to get notified when the app launches. I've heard that mailchimp is quite a nice little tool to use that handles all the user details that gets collected (meaning I don't have to worry about any scripting and a database my side) as well as automatically emailing the user that signed up thanking them etc.
I've tried designing a form to use on my site with mailchimp but I'm just not happy with the overall look and feel of the forms. Sure I can change edit some properties like color and all that jazz, but it just doesn't fit my needs.
Is there a way that I can use my current html form that I already have, with mailchimp? Instead of using the forms that one designs on mailchimp.
Thanks in advance
You bet.
I'd check out their support article about custom hosted forms. It explains a bit about how form fields will need to look to jive with their database. You could also view-source of the mailchimp-hosted form you designed and see how the input names/types are put together there specifically for your list.
Also, paid accounts can use advanced forms mode to customize the HTML that they host for a list.
Yes, as winfred mentionned there are several ways.
If you know html, just get the code from the subscription html page (through "View Source" for example) and paste into a blank html page that you can modify before uploading to your website.
As you just need the email, this should be straight forward.
If you haven't seen it yet, this page could help:
http://kb.mailchimp.com/article/can-i-host-my-own-sign-up-forms
Good Luck!
I'm in the process of reproducing some standalone HTML forms as pages in a CMS that uses FCKEditor by simply copying and pasting the relevant code into the editor.
But when I save and view the page, the HTML has been changed and the tag has been moved up to just below the open tag -- and not at the bottom of the form. This obviously renders all of the fields in the form, including the submit button, useless.
Is there a way to tell FCKEditor that I know what I'm doing and I don't need it to validate the HTML output?
Unfortunately this is a hosted CMS service (actually part of an email blast tool) so making changes to the configuration will mean I need to go through the company's support system, which is fine -- but they haven't been able to solve it for me yet, so I'm hoping to get the answers for them.
Thanks!
This is a bit of a difficult thing because as far as I know, it's not necessarily the WYSIWYG editors that "fix" "broken" HTML, it's the browsers' HTML editing engines themselves, and it's often near impossible to talk them out of doing this.
You'd have to show your exact source to get detailed feedback, but check out whether protectedSource is something for you. It's supposed to protect code that is covered by the regular expression you specify.
I'm not sure about FCKEditor, but you might want to consider switching to TinyMCE. TinyMCE allows you to both edit a list of allowed tags, and to turn off HTML validation off completely if you like.