Creating a Campaign in the WYSIWYG Editor
Mailingmanager has two editors on the platform; a WYSIWYG and a drag and drop editor.
The WYSIWYG editor is a simple HTML editor where you can code your emails from scratch.
1. Click ‘Campaigns > Emails’ on the navigation and choose ‘create a new email’. Then at the top of the next screen there will be a button that says ‘WYSIWYG’. This will open the screen to start creating an email in the WYSIWYG editor.
2. The next step is to fill in the Envelope at the top of the page. First give your email a name. This is for your reference and the recipient will never see the email name. Then select your from address. Haven’t set up any identities and don’t know how to? You can find out how here. The subject is what your recipients will see when the email is sent. The subject line is very important factor in whether the recipient will open your email or not. We have a great guide on writing subject lines here. The reply-to part of the envelope is if you want a reply-to address that is different to the identity you are using.
3. Now it is time to build your email. Click ‘edit the HTML version’ button. This will open the WYSIWYG editor. You can now edit and create an email in the editor. There are multiple tools at the top on the toolbar. Some of these you may not be familiar with or not know what they do. We will go through that in detail shortly. If you have written your copy in another word processor, it is important that you do not copy and paste directly from word processors like Microsoft Word or Open Office. These word processors often use coding in the background which will likely clash with the mailingmanager HTML code and can seriously impact the look and feel of your email. Instead, we recommend copying and pasting your text into an application such as notepad or TextEdit, and then copying from that and pasting into the WYSIWYG editor.
If you find this editor difficult to work with or your knowledge of HTML code is not that great, we offer a bespoke service where we will build you a bespoke email template that you will just need to edit text and images and not worry about the background HTML code. Interested? Check out our pricing page for standard prices or call us on 0845 468 1525.
What tools do I have on the toolbar?
1 - Find & Replace
2 - Undo
3 - Redo
4 - Bold
5 - Italic
6 - Underline
7 - Font Family
8 - Font Sizes
9 - Text Colour
10 - Background Colour
11 - Align text Left
12 - Align text centred
13 - Align text Right
14 - Align text Justified
15 - Cut
16 - Copy
17 - Paste
18 - Paste as text
19 - Bullet Points
20 - Numbered lists
21 - Decrease indent
22 - Increase indent
23 - Insert table
24 - Insert/edit link
25 - Remove link
26 - Insert Anchor
27 - Insert/edit image
28 - Insert file
29 - Insert Dynamic Content
30 - Source Code
To upload an image into the mailingmanager image manager click on the insert/edit image icon from the bottom row of the toolbar within the WYSIWYG editor.
Then Click on the image source browse button.
You will now be directed into the image manager when you can upload and save your images. To begin, we would recommend that you create a folder so that your images are well organise.
Now click directly on the folder, this will place you inside the folder. Now you can start adding images inside the designated folder. To do this click on the upload button.
A new window will appear and you now have the option to drag the files you want to import here or simply add files to choose from your computer. Once chosen, please click the upload button.
Once your files reach 100% they are now successfully uploaded into your folder.
Please note the following images are valid extensions that are acceptable to upload: .doc, .docx, .jpg, jpeg, png, gif, pdf, csv, txt.
Max file size: 100MB
To add in a hyperlink on a piece of text, highlight your text on your template.
Then click insert/edit link icon from the toolbar.
The insert link window will now appear.
Now, enter your desired URL in the URL field. Once a link is placed on a piece of text naturally it will change colour to a blue with an underline. If you do not wish for the link to change colour or would like to apply another colour on the link you will need to change the Text decoration to “None” you will then be able to change the colour via the colour option.