Configuring Email Appearance - HL Vanilla Community
<main> <article class="userContent"> <p>You can choose between sending plaintext or HTML emails. HTML emails can include colors, images and other styling while plaintext emails are just plain text.</p><p>HTML emails can be enabled or disabled from the dashboard by navigating to the ‘Email’ link in the panel. From there, you can also preview an email, send test emails and configure HTML emails.</p><h2 data-id="enable-configure-html-emails">Enable & configure HTML emails</h2><p>You can easily enable HTML-based emails, and then configure a few options to set how they will appear.</p><p>To enable and configure HTML-based emails:</p><p>1. In the Dashboard, navigate to <strong>Settings > Appearance > Email</strong>.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/FVZSZ9RENQL1/settings-appearance-enable-html-emails.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/FVZSZ9RENQL1/settings-appearance-enable-html-emails.png" alt="Settings-Appearance-Enable HTML emails.png" height="315" width="953" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>2. In the <strong>Enable HTML emails</strong> section, move the toggle to the right (shown above).</p><p>3. Work through the various fields to format your email notification messages.</p><p>✔️ <strong>TIP</strong>: Have your brand's <strong>RGB colour codes</strong> available. This will make this process faster and easier AND will ensure that your design matches your branding.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/8OL0YG6TKP1L/settings-appearance-enable-html-emails-settings.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/8OL0YG6TKP1L/settings-appearance-enable-html-emails-settings.png" alt="Settings-Appearance-Enable HTML emails-settings.png" height="421" width="727" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="configurable-html-email-settings">Configurable HTML email settings</h2><p>Here are the configurable settings for HTML emails. From the settings page, you can preview the colors of your email before saving.</p><ul><li><strong>Logo</strong>: This image will appear at the top of the notification emails that are sent from your forum. The max size of your email logo is 400px by 300px. Uploaded images larger than this will be scaled down to fit in these proportions.</li><li><strong>Text Color</strong>: The default text color of headings and body.</li><li><strong>Background Color</strong>: The background colour of the email.</li><li><strong>Page Color</strong>: The color of the foreground container of the email.</li><li><strong>Button Text Color</strong>: The text color of the button. Note that depending on its content, an email may not contain a button.</li><li><strong>Button Background Color</strong>: The background color of the button. Note that depending on its content, an email may not contain a button.</li></ul><h2 data-id="related-articles">Related articles</h2><div class="js-embed embedResponsive" data-embedjson="{"body":"Overview It is always recommended to review your email notifications prior to launch. Please note that if you are also doing a migration that email notifications may be temporarily turned off to avoid emails inadvertently going out to members and directing them to the new forum accidentally. Please test your email…","photoUrl":"https:\/\/us.v-cdn.net\/6030677\/uploads\/947\/TM5DAO1BWY5V.png","url":"https:\/\/success.vanillaforums.com\/kb\/articles\/317-email-notifications","embedType":"link","name":"Email Notifications - Vanilla Success"}"> <a href="https://success.vanillaforums.com/kb/articles/317-email-notifications" rel="nofollow noreferrer ugc"> https://success.vanillaforums.com/kb/articles/317-email-notifications </a> </div><p><br></p> </article> </main>