Como adicionar o logotipo ou outra imagem no corpo de uma notificação por e-mail ou de um modelo, colando um trecho de código em Inserir HTML.
O corpo de um e-mail pode levar o logotipo da sua organização, ou qualquer outra imagem. Não é
preciso saber programar: você cola um trecho curto de código e troca um link.Funciona do mesmo jeito no e-mail livre e em um modelo de e-mail. Se a imagem vai em mais
de um envio, coloque-a em um modelo e ela já vem pronta nas próximas
notificações.
O e-mail não carrega o arquivo: ele busca a imagem em um endereço na internet toda vez que
alguém abre a mensagem. Por isso ela precisa estar hospedada em algum lugar, de preferência no
site da sua organização. Se não tiver onde, serviços gratuitos como o
PostImages resolvem.Use uma imagem em PNG e copie o link direto dela, aquele que termina em .png. Para
conferir, cole o link em uma nova aba do navegador: deve aparecer só a imagem, sem nada em
volta.
2
Clique em Inserir HTML e cole o código
No editor da mensagem, clique em Inserir HTML e cole:
O número em width é a largura da imagem, em pixels. A altura se ajusta sozinha. Um logotipo
costuma ficar bem entre 120 e 200; não passe de 600, ou a imagem pode ser cortada.
Confira se o link é o link direto e se a imagem está em PNG
A imagem gigante ou cortada
Reduza o width
As tags aparecem como texto ou somem ao salvar
Apague e cole de novo, desta vez em Inserir HTML
A imagem parou de aparecer
O arquivo saiu de onde estava hospedado. Publique de novo e crie um modelo novo com o link atualizado, já que modelos não podem ser editados
Escrever um e-mail livre
Enviar uma notificação por e-mail sem modelo.
Criar um modelo
Fazer isso uma vez e reaproveitar.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Pombo.Digital","description":"Documentação do Pombo.Digital: notificações extrajudiciais com validade jurídica por e-mail e WhatsApp.","colors":{"primary":"#1F5EF4","light":"#89D4F7","dark":"#1A3A9E"},"logo":{"light":"https://mintcdn.com/pombo-digital/6JDRLMzfLY2oWrjf/logo/light.png?fit=max\u0026auto=format\u0026n=6JDRLMzfLY2oWrjf\u0026q=85\u0026s=4dc120cc1feb87982d48a6449f85555e","dark":"https://mintcdn.com/pombo-digital/6JDRLMzfLY2oWrjf/logo/dark.png?fit=max\u0026auto=format\u0026n=6JDRLMzfLY2oWrjf\u0026q=85\u0026s=0883618911d3fedf824aa4b0ef774080","href":"https://pombo.digital"},"favicon":"https://mintcdn.com/pombo-digital/6JDRLMzfLY2oWrjf/favicon.svg?fit=max\u0026auto=format\u0026n=6JDRLMzfLY2oWrjf\u0026q=85\u0026s=b32aadd6375191ac6e71e5746164403a","api":{"params":{"expanded":"all"},"playground":{"display":"interactive"},"examples":{"defaults":"required","languages":["python","curl","javascript"],"prefill":true}},"appearance":{"default":"light","strict":false},"navbar":{"links":[{"href":"https://pombo.digital/acesso/entrar","label":"Entrar"}],"primary":{"type":"button","label":"Criar conta grátis","href":"https://pombo.digital/acesso/criar-conta?utm_source=docs"}},"footer":{"socials":{"website":"https://pombo.digital"}},"fonts":{"family":"Inter"},"icons":{"library":"lucide"},"contextual":{"options":["copy","view","chatgpt","claude","assistant","cursor","vscode"],"display":"header"},"markdown":{"schema":true},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"pombo-digital","hasAudioNarration":false,"actualSubdomain":"pombo-digital","customDomains":["docs.pombo.digital"],"gitSource":{"type":"github","owner":"avi-2-avi","repo":"docs-pombodigital","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"chroma":{"latestBuiltDeploymentHistoryId":"6accf4aeb63dd02de24efa9f","collectionId":"64013efb-6850-4214-9a89-385fb01d26ef","liveDeploymentHistoryId":"6accf4aeb63dd02de24efa9f","schemaVersion":"v3"},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6accf4aeb63dd02de24efa9f","clientVersion":"0.0.4045","searchFilterCounts":[{"language":"default","tag":"Guias","count":30},{"language":"default","tag":"API","count":13},{"language":"default","tag":"Começar","count":6},{"language":"default","tag":"Envios","count":6},{"language":"default","tag":"Modelos","count":6},{"language":"default","tag":"Referência da API","count":5},{"language":"default","tag":"Laudo e validade jurídica","count":5},{"language":"default","tag":"Conta","count":4},{"language":"default","tag":"Notificações","count":4},{"language":"default","tag":"Ajuda","count":2}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[{"filePath":"style.css","content":"#content-area a.link{color:inherit;border-bottom-color:rgb(var(--primary));border-bottom-width:1.5px}#content-area a.link:hover{color:rgb(var(--primary));border-bottom-color:currentColor}.dark #content-area a.link{border-bottom-color:rgb(var(--primary-light))}.dark #content-area a.link:hover{color:rgb(var(--primary-light));border-bottom-color:currentColor}.pombo-hero{position:relative;overflow:hidden;margin:1.5rem 0 2rem;padding:2rem 1.75rem;border-radius:1.25rem;background:linear-gradient(135deg,rgb(var(--primary)/.08),rgb(var(--primary-light)/.14));border:1px solid rgb(var(--primary)/.14)}.dark .pombo-hero{background:linear-gradient(135deg,rgb(var(--primary)/.22),rgb(var(--primary-dark)/.3));border-color:rgb(var(--primary-light)/.18)}.pombo-hero-inner{display:flex;gap:1.25rem;align-items:center;justify-content:space-between}.pombo-hero-copy{min-width:0}.pombo-eyebrow{margin:0 0 .5rem;font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--primary))}.dark .pombo-eyebrow{color:rgb(var(--primary-light))}.pombo-hero h2{margin:0 0 .5rem;font-size:2rem;line-height:1.1;font-weight:700;letter-spacing:-.02em}.pombo-hero p{margin:0 0 1.5rem;font-size:1.0625rem;opacity:.8}.pombo-actions{display:flex;flex-wrap:wrap;gap:.75rem}.pombo-btn,.pombo-btn-ghost{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.15rem;border-radius:.65rem;font-weight:600;font-size:.9375rem;text-decoration:none;border:1px solid transparent;transition:transform .12s ease,background .12s ease}.pombo-btn{background:rgb(var(--primary));color:#fff!important}.pombo-btn:hover{background:rgb(var(--primary-dark));transform:translateY(-1px)}.pombo-btn-ghost{background:rgb(255 255 255/.75);color:rgb(var(--primary))!important;border-color:rgb(var(--primary)/.25)}.pombo-btn-ghost:hover{background:#fff;transform:translateY(-1px)}.dark .pombo-btn-ghost{background:rgb(255 255 255/.06);color:rgb(var(--primary-light))!important;border-color:rgb(var(--primary-light)/.3)}.pombo-hero-art{flex:0 0 46%;min-width:0;max-width:330px}.pombo-hero-art img{display:block;width:100%;border-radius:.5rem;border:1px solid rgb(var(--primary)/.18);box-shadow:0 8px 24px rgb(15 23 42/.1)}.dark .pombo-hero-art img{border-color:rgb(var(--primary-light)/.22);box-shadow:0 8px 24px rgb(0 0 0/.35)}@media (max-width:860px){.pombo-hero{padding:2rem 1.5rem}.pombo-hero h2{font-size:1.75rem}.pombo-hero-inner{flex-direction:column;align-items:stretch}.pombo-hero-art{flex:1 1 auto;max-width:none}}.pombo-strip,.pombo-strip-doc img{border:1px solid rgb(var(--default-border-color))}.pombo-strip{display:flex;gap:1.5rem;align-items:center;margin:1.5rem 0 2rem;padding:1.25rem;border-radius:1rem}.pombo-strip-body{flex:1 1 auto;min-width:0}.pombo-strip-body h3{margin:0 0 .4rem;font-size:1.125rem;font-weight:700}.pombo-strip-body p{margin:0 0 1rem;opacity:.8}@media (max-width:860px){.pombo-strip{flex-direction:column;align-items:stretch}}.pombo-strip-doc{flex:0 0 34%;max-width:260px}.pombo-strip-doc img{display:block;width:100%;border-radius:.4rem}#body-recipient-email [data-component-part=field-meta],#body-recipient-phone [data-component-part=field-meta],#body-template-type [data-component-part=field-meta]{display:inline-flex!important;flex-wrap:wrap;align-items:center;gap:.5rem}#body-recipient-email [data-component-part=field-meta]>div,#body-recipient-phone [data-component-part=field-meta]>div,#body-template-type [data-component-part=field-meta]>div{margin-right:0!important;order:1}#body-template-type [data-component-part=field-meta]::before{content:\"só WhatsApp\";order:2;background:rgb(22 163 74/.1);color:#15803d}.dark #body-recipient-phone [data-component-part=field-meta]::before,.dark #body-template-type [data-component-part=field-meta]::before{background:rgb(74 222 128/.12);color:#4ade80}#body-recipient-email [data-component-part=field-meta]::after,#body-recipient-email [data-component-part=field-meta]::before,#body-recipient-phone [data-component-part=field-meta]::after,#body-recipient-phone [data-component-part=field-meta]::before,#body-template-type [data-component-part=field-meta]::before{padding:.125rem .5rem;border-radius:.375rem;font-size:inherit;font-weight:500;line-height:1.25rem;white-space:nowrap}#body-recipient-phone [data-component-part=field-meta]::before{content:\"só WhatsApp\";order:2;background:rgb(22 163 74/.1);color:#15803d}#body-recipient-email [data-component-part=field-meta]::before{content:\"só e-mail\";order:2;background:rgb(37 99 235/.1);color:#1d4ed8}#body-recipient-email [data-component-part=field-meta]::after,#body-recipient-phone [data-component-part=field-meta]::after{content:\"required\";order:3;background:rgb(254 226 226/.5);color:#dc2626}.dark #body-recipient-email [data-component-part=field-meta]::before{background:rgb(96 165 250/.12);color:#60a5fa}.dark #body-recipient-email [data-component-part=field-meta]::after,.dark #body-recipient-phone [data-component-part=field-meta]::after{background:rgb(239 68 68/.15);color:#f87171}"}],"page":{"pagePath":"envios/imagem-no-email","slug":"/envios/imagem-no-email","pageMetadata":{"title":"Colocar uma imagem no e-mail","description":"Como adicionar o logotipo ou outra imagem no corpo de uma notificação por e-mail ou de um modelo, colando um trecho de código em Inserir HTML.","href":"/envios/imagem-no-email"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Como adicionar o logotipo ou outra imagem no corpo de uma notificação por e-mail ou de um modelo, colando um trecho de código em Inserir HTML.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,code:`code`,p:`p`,pre:`pre`,span:`span`,strong:`strong`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,..._provideComponents(),...props.components},{Card,CardGroup,CodeBlock,Frame,Heading,OptimizedImage,Step,Steps,Table,Warning}=_components;if(!Card)_missingMdxReference(`Card`,true);if(!CardGroup)_missingMdxReference(`CardGroup`,true);if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Step)_missingMdxReference(`Step`,true);if(!Steps)_missingMdxReference(`Steps`,true);if(!Table)_missingMdxReference(`Table`,true);if(!Warning)_missingMdxReference(`Warning`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`O corpo de um e-mail pode levar o logotipo da sua organização, ou qualquer outra imagem. Não é\npreciso saber programar: você cola um trecho curto de código e troca um link.`}),`\n`,_jsxs(_components.p,{children:[`Funciona do mesmo jeito no `,_jsx(_components.strong,{children:`e-mail livre`}),` e em um `,_jsx(_components.strong,{children:`modelo de e-mail`}),`. Se a imagem vai em mais\nde um envio, coloque-a em um `,_jsx(_components.a,{href:`/modelos/criar-modelo`,children:`modelo`}),` e ela já vem pronta nas próximas\nnotificações.`]}),`\n`,_jsx(Heading,{level:`2`,id:`passo-a-passo`,children:`Passo a passo`}),`\n`,_jsxs(Steps,{children:[_jsxs(Step,{title:`Tenha a imagem publicada na internet`,children:[_jsxs(_components.p,{children:[`O e-mail não carrega o arquivo: ele busca a imagem em um endereço na internet toda vez que\nalguém abre a mensagem. Por isso ela precisa estar hospedada em algum lugar, de preferência no\nsite da sua organização. Se não tiver onde, serviços gratuitos como o\n`,_jsx(_components.a,{href:`https://postimages.org`,children:`PostImages`}),` resolvem.`]}),_jsxs(_components.p,{children:[`Use uma imagem em `,_jsx(_components.strong,{children:`PNG`}),` e copie o `,_jsx(_components.strong,{children:`link direto`}),` dela, aquele que termina em `,_jsx(_components.code,{children:`.png`}),`. Para\nconferir, cole o link em uma nova aba do navegador: deve aparecer só a imagem, sem nada em\nvolta.`]})]}),_jsxs(Step,{title:`Clique em Inserir HTML e cole o código`,children:[_jsxs(_components.p,{children:[`No editor da mensagem, clique em `,_jsx(_components.strong,{children:`Inserir HTML`}),` e cole:`]}),_jsx(CodeBlock,{filename:``,numberOfLines:`1`,language:`html`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`html`,children:_jsxs(_components.code,{language:`html`,numberOfLines:`1`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`img`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` src`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"URL_DA_SUA_IMAGEM\"`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` width`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"200\"`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` alt`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"Logotipo\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\n`]})})}),_jsxs(_components.p,{children:[`Troque `,_jsx(_components.code,{children:`URL_DA_SUA_IMAGEM`}),` pelo link da sua imagem, mantendo as aspas. A pré-visualização ao\nlado já mostra o resultado.`]}),_jsx(Frame,{caption:`Cole o código à esquerda e confira a imagem à direita.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/pombo-digital/mkyrp1rrcvKYZZ_H/images/envios/bloco-html-imagem.png?fit=max\u0026auto=format\u0026n=mkyrp1rrcvKYZZ_H\u0026q=85\u0026s=5eb4e6f0e98e52dffb657888ad2cd3fa`,alt:`Diálogo Editar bloco HTML com o código da imagem à esquerda e o logotipo renderizado na pré-visualização à direita`,\"data-og-width\":`1956`,width:`1956`,\"data-og-height\":`484`,height:`484`,\"data-path\":`images/envios/bloco-html-imagem.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/pombo-digital/mkyrp1rrcvKYZZ_H/images/envios/bloco-html-imagem.png?w=280\u0026fit=max\u0026auto=format\u0026n=mkyrp1rrcvKYZZ_H\u0026q=85\u0026s=c5db5eef8b39f15b8da5b9f900645d22 280w, https://mintcdn.com/pombo-digital/mkyrp1rrcvKYZZ_H/images/envios/bloco-html-imagem.png?w=560\u0026fit=max\u0026auto=format\u0026n=mkyrp1rrcvKYZZ_H\u0026q=85\u0026s=b8fea79c300da3c081e70932bcb6cb17 560w, https://mintcdn.com/pombo-digital/mkyrp1rrcvKYZZ_H/images/envios/bloco-html-imagem.png?w=840\u0026fit=max\u0026auto=format\u0026n=mkyrp1rrcvKYZZ_H\u0026q=85\u0026s=f7cc6a3afee569826b84821ef42dc94c 840w, https://mintcdn.com/pombo-digital/mkyrp1rrcvKYZZ_H/images/envios/bloco-html-imagem.png?w=1100\u0026fit=max\u0026auto=format\u0026n=mkyrp1rrcvKYZZ_H\u0026q=85\u0026s=1366f839b7c1cfe9ee2539fe2a4ac933 1100w, https://mintcdn.com/pombo-digital/mkyrp1rrcvKYZZ_H/images/envios/bloco-html-imagem.png?w=1650\u0026fit=max\u0026auto=format\u0026n=mkyrp1rrcvKYZZ_H\u0026q=85\u0026s=2bb8facbe7b13ef97dffe0fba16e0fe9 1650w, https://mintcdn.com/pombo-digital/mkyrp1rrcvKYZZ_H/images/envios/bloco-html-imagem.png?w=2500\u0026fit=max\u0026auto=format\u0026n=mkyrp1rrcvKYZZ_H\u0026q=85\u0026s=ef6fe4a15298b34ce8cc9cfb3c48fa06 2500w`})})]}),_jsx(Step,{title:`Escreva o texto e envie`,children:_jsxs(_components.p,{children:[`Digite o restante da mensagem normalmente. Em um modelo, `,_jsx(_components.strong,{children:`Criar Modelo`}),`; em uma notificação,\n`,_jsx(_components.strong,{children:`Enviar notificação`}),`.`]})})]}),`\n`,_jsx(Warning,{children:_jsxs(_components.p,{children:[`Cole o código em `,_jsx(_components.strong,{children:`Inserir HTML`}),`, não direto no campo da mensagem. Marcação digitada ali é\ndescartada, e a imagem não aparece.`]})}),`\n`,_jsx(Heading,{level:`2`,id:`ajustar-o-tamanho`,children:`Ajustar o tamanho`}),`\n`,_jsxs(_components.p,{children:[`O número em `,_jsx(_components.code,{children:`width`}),` é a largura da imagem, em pixels. A altura se ajusta sozinha. Um logotipo\ncostuma ficar bem entre `,_jsx(_components.code,{children:`120`}),` e `,_jsx(_components.code,{children:`200`}),`; não passe de `,_jsx(_components.code,{children:`600`}),`, ou a imagem pode ser cortada.`]}),`\n`,_jsx(Heading,{level:`2`,id:`algo-deu-errado`,children:`Algo deu errado?`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`O que você vê`}),_jsx(_components.th,{children:`O que fazer`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Um ícone quebrado ou um espaço vazio`}),_jsx(_components.td,{children:`Confira se o link é o link direto e se a imagem está em PNG`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`A imagem gigante ou cortada`}),_jsxs(_components.td,{children:[`Reduza o `,_jsx(_components.code,{children:`width`})]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`As tags aparecem como texto ou somem ao salvar`}),_jsxs(_components.td,{children:[`Apague e cole de novo, desta vez em `,_jsx(_components.strong,{children:`Inserir HTML`})]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`A imagem parou de aparecer`}),_jsxs(_components.td,{children:[`O arquivo saiu de onde estava hospedado. Publique de novo e `,_jsx(_components.a,{href:`/modelos/criar-modelo`,children:`crie um modelo novo`}),` com o link atualizado, já que modelos não podem ser editados`]})]})]})]}),`\n`,_jsxs(CardGroup,{cols:2,children:[_jsx(Card,{title:`Escrever um e-mail livre`,icon:`pen`,href:`/envios/envio-por-email`,children:_jsx(_components.p,{children:`Enviar uma notificação por e-mail sem modelo.`})}),_jsx(Card,{title:`Criar um modelo`,icon:`file-plus`,href:`/modelos/criar-modelo`,children:_jsx(_components.p,{children:`Fazer isso uma vez e reaproveitar.`})})]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Colocar uma imagem no e-mail","description":"Como adicionar o logotipo ou outra imagem no corpo de uma notificação por e-mail ou de um modelo, colando um trecho de código em Inserir HTML.","href":"/envios/imagem-no-email"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Passo a passo","slug":"passo-a-passo","depth":2,"children":[]},{"title":"Ajustar o tamanho","slug":"ajustar-o-tamanho","depth":2,"children":[]},{"title":"Algo deu errado?","slug":"algo-deu-errado","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"pombo-digital","siteName":"Pombo.Digital","title":"Colocar uma imagem no e-mail - Pombo.Digital","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-09-15T20:01:12.004Z","originalFileLocation":"envios/imagem-no-email.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"light\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Como adicionar o logotipo ou outra imagem no corpo de uma notificação por e-mail ou de um modelo, colando um trecho de código em Inserir HTML.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Pombo.Digital\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/pombo-digital/UMb0_KyuiIqUp_kU/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/pombo-digital/UMb0_KyuiIqUp_kU/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/pombo-digital/UMb0_KyuiIqUp_kU/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/pombo-digital/UMb0_KyuiIqUp_kU/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/pombo-digital/UMb0_KyuiIqUp_kU/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/pombo-digital/UMb0_KyuiIqUp_kU/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/pombo-digital/UMb0_KyuiIqUp_kU/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/pombo-digital/UMb0_KyuiIqUp_kU/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/pombo-digital/UMb0_KyuiIqUp_kU/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Colocar uma imagem no e-mail - Pombo.Digital\">\u003cmeta data-mint-head property=\"og:description\" content=\"Como adicionar o logotipo ou outra imagem no corpo de uma notificação por e-mail ou de um modelo, colando um trecho de código em Inserir HTML.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Pombo.Digital\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.pombo.digital/envios/imagem-no-email\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://pombo-digital.mintlify.app/_mintlify/api/og/v2?division=Envios\u0026amp;title=Colocar+uma+imagem+no+e-mail\u0026amp;description=Como+adicionar+o+logotipo+ou+outra+imagem+no+corpo+de+uma+notifica%C3%A7%C3%A3o+por+e-mail+ou+de+um+modelo%2C+colando+um+trecho+de+c%C3%B3digo+em+Inserir+HTML.\u0026amp;theme=0af7a082285449aabe2889d9\u0026amp;signature=36411a69a3e7de4f42ef1b2b5c16b784bb7f8b421e32ce407704ca491c1469c6\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Colocar uma imagem no e-mail - Pombo.Digital\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Como adicionar o logotipo ou outra imagem no corpo de uma notificação por e-mail ou de um modelo, colando um trecho de código em Inserir HTML.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://pombo-digital.mintlify.app/_mintlify/api/og/v2?division=Envios\u0026amp;title=Colocar+uma+imagem+no+e-mail\u0026amp;description=Como+adicionar+o+logotipo+ou+outra+imagem+no+corpo+de+uma+notifica%C3%A7%C3%A3o+por+e-mail+ou+de+um+modelo%2C+colando+um+trecho+de+c%C3%B3digo+em+Inserir+HTML.\u0026amp;theme=0af7a082285449aabe2889d9\u0026amp;signature=36411a69a3e7de4f42ef1b2b5c16b784bb7f8b421e32ce407704ca491c1469c6\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/pombo-digital/UMb0_KyuiIqUp_kU/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Pombo.Digital\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#1F5EF4\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.pombo.digital/envios/imagem-no-email\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/envios/imagem-no-email.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.pombo.digital/#organization\",\"name\":\"Pombo.Digital\",\"url\":\"https://docs.pombo.digital\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/pombo-digital/6JDRLMzfLY2oWrjf/logo/light.png?fit=max\u0026auto=format\u0026n=6JDRLMzfLY2oWrjf\u0026q=85\u0026s=4dc120cc1feb87982d48a6449f85555e\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.pombo.digital#website\",\"name\":\"Pombo.Digital\",\"url\":\"https://docs.pombo.digital\",\"publisher\":{\"@id\":\"https://docs.pombo.digital/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.pombo.digital/envios/imagem-no-email#webpage\",\"url\":\"https://docs.pombo.digital/envios/imagem-no-email\",\"name\":\"Colocar uma imagem no e-mail\",\"description\":\"Como adicionar o logotipo ou outra imagem no corpo de uma notificação por e-mail ou de um modelo, colando um trecho de código em Inserir HTML.\",\"dateModified\":\"2026-09-15T20:01:12.004Z\",\"isPartOf\":{\"@id\":\"https://docs.pombo.digital#website\"},\"breadcrumb\":{\"@id\":\"https://docs.pombo.digital/envios/imagem-no-email#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.pombo.digital/envios/imagem-no-email#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Envios\",\"item\":\"https://docs.pombo.digital/envios/envio-unitario\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Colocar uma imagem no e-mail\",\"item\":\"https://docs.pombo.digital/envios/imagem-no-email\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.pombo.digital/envios/imagem-no-email#article\",\"headline\":\"Colocar uma imagem no e-mail\",\"name\":\"Colocar uma imagem no e-mail\",\"description\":\"Como adicionar o logotipo ou outra imagem no corpo de uma notificação por e-mail ou de um modelo, colando um trecho de código em Inserir HTML.\",\"url\":\"https://docs.pombo.digital/envios/imagem-no-email\",\"mainEntityOfPage\":{\"@id\":\"https://docs.pombo.digital/envios/imagem-no-email#webpage\"},\"dateModified\":\"2026-09-15T20:01:12.004Z\",\"publisher\":{\"@id\":\"https://docs.pombo.digital/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.pombo.digital#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Pombo.Digital\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Pombo.Digital","nav":{"global":null,"tabs":[{"tab":"Guias","groups":[{"group":"Começar","pages":[{"title":"Central de Ajuda do Pombo","href":""},{"title":"O que é o Pombo","href":"/comecar/o-que-e-o-pombo"},{"title":"Criar sua conta","href":"/comecar/criar-conta"},{"title":"Preencher os dados do remetente","href":"/comecar/dados-do-remetente"},{"title":"Enviar sua primeira notificação","href":"/comecar/primeiro-envio"},{"title":"Glossário","href":"/comecar/glossario"}]},{"group":"Laudo e validade jurídica","pages":[{"title":"O que é o laudo","href":"/laudo/o-que-e-o-laudo"},{"title":"Como funciona a certificação","href":"/laudo/como-funciona-a-certificacao"},{"title":"Validade jurídica do laudo","href":"/laudo/validade-juridica"},{"title":"Baixar o laudo e os arquivos técnicos","href":"/laudo/baixar-laudo-e-atestacoes"},{"title":"Verificar a autenticidade de uma notificação","href":"/laudo/verificar-autenticidade"}]},{"group":"Envios","pages":[{"title":"Enviar uma notificação","href":"/envios/envio-unitario"},{"title":"Escrever um e-mail livre","description":"Como enviar uma notificação por e-mail escrevendo a mensagem do zero, sem modelo: o que muda em relação ao envio com modelo, os limites e o assunto automático.","href":"/envios/envio-por-email"},{"title":"Colocar uma imagem no e-mail","href":"/envios/imagem-no-email"},{"title":"Anexar arquivos a uma notificação","description":"Quais arquivos podem ser anexados a uma notificação do Pombo, os tamanhos máximos por tipo, e por que o envio em massa não aceita anexos.","href":"/envios/anexos"},{"title":"Acompanhar a entrega","href":"/envios/status-de-entrega"},{"title":"Exportar notificações em planilha","href":"/envios/exportar-notificacoes"}]},{"group":"Envio em massa","pages":[{"title":"Enviar em massa por planilha","href":"/envios/envio-em-massa"},{"title":"Preparar a planilha do envio em massa","href":"/envios/preparar-planilha"}]},{"group":"Modelos","pages":[{"title":"O que é um modelo","href":"/modelos/o-que-e-um-modelo"},{"title":"Criar um modelo","href":"/modelos/criar-modelo"},{"title":"Variáveis: os campos que mudam","href":"/modelos/variaveis"}]},{"group":"Contatos","pages":[{"title":"Gerenciar contatos","href":"/contatos/gerenciar-contatos"},{"title":"Duplicados e conflitos de dados","href":"/contatos/duplicados-e-conflitos"}]},{"group":"Conta","pages":[{"title":"Envios disponíveis","href":"/conta/creditos-e-envios"},{"title":"Comprar envios","href":"/conta/comprar-envios"},{"title":"Equipe e permissões","href":"/conta/equipe-e-permissoes"},{"title":"Configurações","href":"/conta/configuracoes"}]},{"group":"Ajuda","pages":[{"title":"Perguntas frequentes","href":"/ajuda/perguntas-frequentes"},{"title":"Falar com suporte","href":"/ajuda/falar-com-suporte"}]}]},{"tab":"API","pages":[{"title":"API","href":"/api/introducao"}]},{"tab":"Novidades","pages":[{"title":"Novidades","href":"/novidades"}]}]},"basePath":"","title":"Colocar uma imagem no e-mail - Pombo.Digital","buildId":"dpl_36EDyZCDfRuoUD9af5CH4M1bqY2h","deploymentId":"dpl_36EDyZCDfRuoUD9af5CH4M1bqY2h","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-DW6UFrUy.js","DynamicMarkdown-B62XqCSI.js","zoom-image-lightbox-eHyQ0tlO.js","lightbox-handle-r17bVUz3.js"]}
