HTML Email design(er?) to use with Membership Emails - html

I am using ARmember to manage my membership on Wordpress. Within ARmember, they have the option to customise the emails sent to members (such as Email validation, Confirmation of account creation etc...). What they give me to use is the WYSIWYG editor along with some meta tags to add in (i.e {ARM_USERNAME}, {ARM_VERIFICATION_LINK} etc...)
I have no idea how to efficiently design responsive emails in HTML and I have tried using things like topol.io, beefree.io etc...) to which the designing part is fine, but when I copy their HTML to the email customizer of ARmember, the images are not linked (understandably) and it's not exactly responsive.
When I download those designs, they include an "Image" folder along with the HTML File. I have no idea where to copy that folder to. The root folder of WP install? Inside WP-Contents? No idea :(
If any of you have any suggestions, links to email builders that could solve this option, software perhaps? It's not like my designs are incredibly complicated. In fact, far from it. The only image I need linked is my Logo. The rest are just "functional" information such as links to verify the account and a few account notifications
I'm really sorry if this has been asked & answered before and I would appreciate any one's time, however little.
Cheers

Related

How to replicate a wordpress site in wordpress?

I want to build a personal website on wordpress.com
I have found a website that I really like the look of and want my website to look extremely similar to that website, maybe with just different assets.
I have some experience in Java and C but none in html. What would be the best way to replicate the source website onto my own website. I know I can inspect the element and look at the source code but it is really unintuitive. Is there a better way? How do I find the themes the original site used? Is there any way to copy the html code onto my own website?
Are you sure you want to build it on WordPress.com? It's hosted by WordPress, but also very limited and you can't really modify the themes.
If you want more control, you should do it using self-hosted WordPress.org package.
To check what kind of theme is used, go to source code and search for "wp-content/themes/theme-name" or find the main CSS file (often style.css) as there will be commented details that are shown by WordPress in Themes menu.
There are 2 options:
The website you like is a custom design and there is no easy way to copy that and it can be even illegal if you don't ask the owner. If you really want to copy the source, there is only a manual way - you download the source styles and scripts and modify it. Tough and risky way, because the sources are often minified.
The website is using a free or premium theme, available to buy, that's going to save you hours of work and probably allows a lot of customization, so you only have to spend some time to adjust it to your needs, upload photos etc. You will probably even don't have to look at the code.
(extra) If you still don't know what theme it is - ask the owner

How to send a newsletter?

I am a newbie and this it is the first time that I have created an html and css code.
I have written a newsletter and now I would like to send it but I do not have idea about how.
Right now the situation is as following:
I have a folder with an HTML file, a folder with the CSS file and another Folder with all the images.
Now I would like to send it, but as I said before I do not know how.
I have red that I need to make a unique file HTML and CSS (HTML with an in line CSS). Is that the only way to go?
Which program do you suggest to send the newsletter?
Where should I store the images in order to make them visible to the recipients?
Any suggestion???
Like everyone above me, I would recommend Mailchimp too.
Now why it would be ideal in your situation is 'cos:
Since you've already created a separate html and css file, merging it into inline styles is going to take considerable effort if you have a lot of content. Mailchimp has a wide variety of templates to choose from where you can just pick a template which suits you and add just the content part.
Newsletters are very tricky to code since all email clients display content in a different way unless you're really proficient at writing newsletter html files from scratch. For eg, the email client Outlook (Microsoft) will ignore margins and some other css properties. The templates from Mailchimp have been perfected to show your content exactly like your design across almost all major email clients.
If you're going to send out a big number of newsletters, your newsletters might go into spam folders based on a variety of reasons. Mailchimp has authentication so that unless you go against some obvious law, your newsletter will land in your recipient's inbox.
You can also host your images on your own server and ask Mailchimp to reference that location. I do this when I send out newsletter for my website.
Its even got free plans to help start you out and see if it works out for you.
Try Mailchimp it is faster, easier and gives more options.
There are many tools availbale which gives services for sending emails also many other features.
As your HTML mailer is ready with image folders. Try to use inline style and for the images use full path like http://company.com/image/name.jpg ofcourse you have to place this HTML file and image folder on the server as well. And then you have to copy all the HTML code and place in any marketing tool and then you ready to send emails.
Mailchimp
Pardot
Constant Contact
you can choose constant contact to sending email.they offer 30 days free trial.
MailChimp is a good bet. Their API is wide enough to get into customising the hell out of their standard templates. Watch their pricing though, it can get out of hand the larger your cliental gets!

Why would I buy a website template when I could just copy the source code?

There are many websites out there selling HTML templates to use for your own website.
I've bought many web templates in the past, but it just dawned on me;
Most of them offer full previews of the websites they are selling - essentially offering the product for free, since one can just use "View Source Code" and copy-paste the HTML, CSS, JS, et al. into their own program.
I just tried it out myself with this theme from Themeforest and I was able to copy most of the site from the preview (some parts are a bit messy).
My question is: are there functionalities that are impossible to get without buying the website, or is it all just essentially running on the honor system?
Any PHP site you cannot copy the PHP code behind it (or any kind of server-side code) which means that contact forms, newsletter subscriptions etc will not work unless you write your own PHP code for them, however everything else works pretty much fine. It is equivalent of downloading something over a torrent or similar. It is illegal, and not to mention unfair to the developers that have spent time creating the template.
If you will just manually copy and not buying the template from themeforest or other template sites, you won't get any technical support from author and any succeeding updates from the template. I guess it's also a form of piracy.
So, buying premium templates is beneficial to you and to your clients.
Like Benedict Lewis said, you're just copying the static HTML and none of the server side code. You wouldn't be able to use this is WordPress (or whatever CMS the theme is made for). You'd have to manually create new pages, edit them, and and upload them to your site, which is a pain.
Plus you're stealing someone's work which may be copyrighted.

Storing HTML Templates versus Generating HTML Templates

This is rather a discussion I'm trying to start to get a better insight on how other people solve this problem:
On our web application we currently have the ability to store HTML snippets and pages in the database and render them or use them for email templates. Users have the ability to create or modifiy these templates.
Because we're expanding the functionality of the application, we rely on emails to deliver messages to the users of the application. These emails rely on the templates as well to generate content. The problem is that the emails are starting to get some high scores on the SPAM filters due the content of the HTML Snippets.
As a proof of concept I wish to remove the ability to create/modify these snippets and make them HTML compliant to reduce the SPAM scoring. The discussion i'd like to start now:
Would you store these snippets in the database and call upon them when needed, or would you go with a hieracy of classes that can generate the correct HTML by accepting the required parameters?
What would you do and why?
You can generate PDF from any html you want and then send to user email.
I do this way.
Have you taken a look at PostageApp?
It has the ability to create HTML + CSS templates with automatic in-lining, which makes your design a lot easier. In addition, the preview function of the templates will let you know if you have used any invalid HTML or CSS markups, which might get flagged as spammy.
(Full Disclosure: I am the Product Manager of PostageApp.)

Dynamic HTML content in E-Mails

I have seen some mails which has HTML content embedded in them. The content of the mail changes as the corresponding webpage in their site change(for example price of stocks which keeps updating in the mail itself). How to link such webpage content into emails?
In other words how to link a web page into an email so that whenever I change the html page, the mail content also changes.
Thanks...
A thought: maybe they are using an image that is downloaded from the server?
As you can't have JavaScript in an email or even most CSS, I'm guessing this might be one of the only ways. I'm pretty sure that one email client or service removes every piece of "special" HTML: iframes, JavaScript, CSS, Flash, etc.
You could place an image in your HTML - which was updated by you on your server.
This may be impossible due to security limitations, but you may be able to use an iframe element.
Not a solution, but a quick answer from my site on this topic as a user: Beside the point that Javascript/Image/IFrame/Flash solutions doesn't reliable work in all email clients, but are a general security risk, I dislike the basic idea of changing the looks of an email after you have send it without the receivers approval. Additionally you make it very easy for the user to be tracked (working hours, locations, view) and that is definitely NOT in the interest of the users. If you have something important or interesting to tell just provide a link to your site plus a short description...