1"use strict";(self.webpackChunkdocusaurus=self.webpackChunkdocusaurus||[]).push([["8837"],{5496:function(e,t,n){n.r(t),n.d(t,{frontMatter:()=>a,default:()=>m,toc:()=>d,metadata:()=>i,assets:()=>o,contentTitle:()=>r});var i=JSON.parse('{"id":"templates/using-templates/can-templates-use-html-and-images","title":"Can Templates use HTML and images?","description":"How to use HTML formatting and insert images in Yesware email templates.","source":"@site/docs/templates/using-templates/can-templates-use-html-and-images.mdx","sourceDirName":"templates/using-templates","slug":"/templates/using-templates/can-templates-use-html-and-images","permalink":"/docs/templates/using-templates/can-templates-use-html-and-images","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":5,"frontMatter":{"title":"Can Templates use HTML and images?","description":"How to use HTML formatting and insert images in Yesware email templates.","sidebar_label":"HTML & Images","sidebar_position":5},"sidebar":"tutorialSidebar","previous":{"title":"Attachments","permalink":"/docs/templates/using-templates/how-do-i-add-attachments-to-templates"},"next":{"title":"Getting Started","permalink":"/docs/campaigns/"}}'),s=n(5893),l=n(65);let a={title:"Can Templates use HTML and images?",description:"How to use HTML formatting and insert images in Yesware email templates.",sidebar_label:"HTML & Images",sidebar_position:5},r=void 0,o={},d=[{value:"Gmail",id:"gmail",level:2},{value:"Outlook",id:"outlook",level:2}];function c(e){let t={code:"code",h2:"h2",li:"li",ol:"ol",p:"p",strong:"strong",...(0,l.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.p,{children:"Templates support HTML formatting and image insertion in both Gmail and Outlook."}),"\n",(0,s.jsx)(t.h2,{id:"gmail",children:"Gmail"}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"Using the compose window:"})}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsx)(t.li,{children:"Open a compose window and design your message with formatting and images."}),"\n",(0,s.jsxs)(t.li,{children:["Click the ",(0,s.jsx)(t.code,{children:"Templates"})," button at the bottom."]}),"\n",(0,s.jsxs)(t.li,{children:["Select ",(0,s.jsx)(t.code,{children:"Save as Template"}),"."]}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"Direct HTML input:"})}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["Click ",(0,s.jsx)(t.code,{children:"Templates"})," \u2192 ",(0,s.jsx)(t.code,{children:"New Template"}),"."]}),"\n",(0,s.jsxs)(t.li,{children:["Click the ",(0,s.jsx)(t.code,{children:"< >"})," HTML mode button in the formatting toolbar."]}),"\n",(0,s.jsx)(t.li,{children:"Paste or write your HTML."}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"Insert an image:"})}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["While editing a template, click the ",(0,s.jsx)(t.code,{children:"insert/edit image"})," icon."]}),"\n",(0,s.jsx)(t.li,{children:"Browse your computer, drag and drop, or enter an image URL."}),"\n",(0,s.jsxs)(t.li,{children:["Click ",(0,s.jsx)(t.code,{children:"Okay"})," and save the template."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"outlook",children:"Outlook"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["Click ",(0,s.jsx)(t.code,{children:"Open Templates"})," in the Outlook ribbon."]}),"\n",(0,s.jsxs)(t.li,{children:["Click ",(0,s.jsx)(t.code,{children:"New Template"})," in the upper right."]}),"\n",(0,s.jsxs)(t.li,{children:["To write HTML, click the ",(0,s.jsx)(t.code,{children:"< >"})," button in the formatting toolbar and enter your code."]}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"Insert an image:"})}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["Click the ",(0,s.jsx)(t.code,{children:"insert/edit image"})," icon."]}),"\n",(0,s.jsx)(t.li,{children:"Browse your device, drag and drop, or add an image URL."}),"\n",(0,s.jsxs)(t.li,{children:["Click ",(0,s.jsx)(t.code,{children:"Okay"})," and save the template."]}),"\n"]})]})}function m(e={}){let{wrapper:t}={...(0,l.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},65:function(e,t,n){n.d(t,{Z:()=>r,a:()=>a});var i=n(7294);let s={},l=i.createContext(s);function a(e){let t=i.useContext(l);return i.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),i.createElement(l.Provider,{value:t},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.