Graphic HTML emails have quickly become the standard for professional blast emails. Relationals can help you manage Campaigns to send these out to a wide audience, but how do these images get in to the body of an email? The answer is HTML code. Programs like Dreamweaver, Illustrator and Photoshop can help you design your layout and create this code.
In order to make the images visible to the email recipients you need two things:
1) The files must be hosted globally
2) The HTML document needs to refer to the URLs for where these files are hosted.
Normally, you will host these files on your own server. It will be much easier to work in this way because you will have direct access to moving and managing these files. However, if this is something that is still coming together you can host the documents on Relationals. There is a limited amount of space on your Relationals account. In order to not exceed your available space you'll want to carefully manage any items uploaded to the Relationals server.
Here are the steps for recreating your HTML file with images hosted through Relationals documents.
Uploading the images to Relationals:
1) Sign on to Relationals.
2) Click on the Documents tab.
3) Select New Document in the Sidebar on the left hand side.
4) Under Document Title – name the document.
5) Under Category – select a folder (always choosing the same folder for each document in this project helps to keep it organized).
6) Leave Visible to Everyone and Ready to Use checked.
7) Check the box for Publicly available document.
8) You may want to include descriptions so that other users understand what the documents are for.
9) Leave storage type as Upload to Relationals
10) Under File use the Browse button to navigate to the folder where the files were stored on the hard drive.
11) Click Save.
12) Repeat steps 3 – 11 for all other images that will be linked to on your HTML document.
Updating HTML document with hosted URLS:
1) Open a new window with the HTML file in it, from the View menu in Explorer I selected Source. This opens the HTML as a text file.
2) Locate the image tag <IMG SRC...> for the first image and highlight the selection inside of the quote (“”) marks.
3) Back in Relationals, on the Documents tab, click on the link to the first image.
4) Highlight the text under URL for Public Document.
5) Move back to the HTML file open in your text editor.
6) Paste the URL you copied over the old image tag selected in step 2
7) Repeat steps 2 – 6 for all other images in your HTML document.
Now you can save your updated HTML document and you are ready to go!
Comments