Join Sinch at Email Camp: Mission Control on October 4th and 5th! We’ll show you how to boost your email ROI, improve your email development, and more. Register for the webinar now 🚀
From — January 29th, 2021
“What You See Is What You Get” is more than a Britney Spears song about being true to who you are. WYSIWYG, pronounced “wiz-ee-wig,” is a design tool you can use to build email templates, websites, and other content in a drag and drop editor.
“What You See Is What You Get” is more than a Britney Spears song about being true to who you are. WYSIWYG, pronounced “wiz-ee-wig,” is a design tool you can use to build email templates, websites, and other content in a drag and drop editor.
It’s a friendly way to create and edit content without getting into the nitty-gritty of coding from scratch and instead choosing blocks of content to upload images, add text, and customize your branding. Think Omnisend, BEE, and Mailchimp for email templates, Wix and Squarespace for websites.
There’s usually two to three options in building your email in a platform that supports WYSIWYG: 1) Drag and drop editor, 2) Import an HTML file, 3) Paste code.
In the drag and drop editor, you’ll select content blocks, including text, images, divider lines, spaces, a menu, social media icons, and other elements.
WYSIWYG blocks help you build an email like a puzzle. Click and drag a block from the panel to the email canvas to add a hero image, newsletter text, images, and a footer. These are all placeholder sections in your email until you fill the blocks with content.
You can spice things up with divider lines, padding, and CTA buttons, and then align blocks, upload images, and customize background colors.
Keep in mind, blocks can weigh down your email. The fewer blocks you have in your email, the smaller your email file size will be, which will be better for email loading times and for your audience’s experience.
Click and drag a text block into your email to add live text (we love live text at RGE). You can customize the font styles, font family, alignment, add bullet points, create a list, link text, and underline links within the text block editor.
If you have a store, you can add in prices and “Shop Now” buttons for your customers to purchase items on your site.
Before you upload an image to the WYSIWYG Media Library, name your image files in an SEO-friendly way. For example: “Really-Good-Emails-WYSIWYG-editor-example.png”. This can help index elements of your email for search engines and help people find your email if you archive your emails.
Be sure to add alt-text to image blocks too! Adding alt-text helps with email accessibility for screen readers and for subscribers who disable loading image emails by default. Click on an image in the template, and then describe the image using alt-text.
Ad:
With any email you’re building, think about:
Create accessible emails by adding image alt-text and underlining links in the editor.
Test all email templates on multiple devices in different email clients. If you catch anything in the testing process, maybe a misplaced CTA button or text that’s too small on mobile, you can quickly update it in the editor before sending out the real thing to your audience.
But remember, you want to create a seamless experience for your readers from email to website to social media so it’s a consistent experience wherever you share your message or however it is built.
Ad:
Categories
TutorialsLove email & marketing news and wanna pwn your friends in email trivia? Of course you do.