{"id":1457,"date":"2020-05-09T18:39:56","date_gmt":"2020-05-09T21:39:56","guid":{"rendered":"https:\/\/www.bybrand.io\/docs\/?post_type=ht_kb&#038;p=1457"},"modified":"2024-02-19T11:12:17","modified_gmt":"2024-02-19T14:12:17","slug":"adicionar-banner","status":"publish","type":"ht_kb","link":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/","title":{"rendered":"Adicionando um banner na assinatura de e-mail"},"content":{"rendered":"\n<p>Adicionar um banner na assinatura de e-mail profissional pode fazer todo o sentido caso queira fazer marketing. Ele visa aumentar o tr\u00e1fego no site, blog, divulgar um evento, promo\u00e7\u00e3o, ou um produto da loja virtual.<\/p>\n\n\n\n<p>Exemplo de uma assinatura de e-mail com banner.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"338\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035.png\" alt=\"Banner\" class=\"wp-image-5119\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035.png 480w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035-300x211.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035-50x35.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035-60x42.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035-100x70.png 100w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/figure>\n\n\n\n<p>Existem duas maneiras de enviar um <a href=\"https:\/\/www.bybrand.io\/pt\/templates\/banner\" target=\"_blank\" rel=\"noreferrer noopener\">banner para a sua assinatura de e-mail<\/a> na Bybrand.<\/p>\n\n\n\n<p>Vamos ver ambos os casos:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1) Enviando um banner a partir do editor<\/h2>\n\n\n\n<p>Se voc\u00ea tem a imagem de banner em sua m\u00e1quina, ent\u00e3o pode enviar o item para a assinatura de e-mail por meio do editor HTML. Veja esse exemplo de como enviar uma imagem para a assinatura.<\/p>\n\n\n\n<p>Clique em qualquer \u00e1rea de texto na assinatura, e depois no \u00edcone de imagem.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"757\" height=\"455\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/editor-icone-image.png\" alt=\"Enviando um banner a partir do editor\" class=\"wp-image-3363\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/editor-icone-image.png 757w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/editor-icone-image-300x180.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/editor-icone-image-50x30.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/editor-icone-image-60x36.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/editor-icone-image-100x60.png 100w\" sizes=\"auto, (max-width: 757px) 100vw, 757px\" \/><\/figure>\n\n\n\n<p>Em seguida, fa\u00e7a o upload da imagem.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"807\" height=\"408\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/editor-upload-image.png\" alt=\"Upload de imagem para a assinatura\" class=\"wp-image-3366\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/editor-upload-image.png 807w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/editor-upload-image-300x152.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/editor-upload-image-768x388.png 768w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/editor-upload-image-50x25.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/editor-upload-image-60x30.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/editor-upload-image-100x51.png 100w\" sizes=\"auto, (max-width: 807px) 100vw, 807px\" \/><\/figure>\n\n\n\n<p>Al\u00e9m disso, ao clicar em uma imagem existente, voc\u00ea tamb\u00e9m pode alterar adicionando um novo conte\u00fado ou link para uma URL.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2) Enviando por meio de Assets<\/h2>\n\n\n\n<p>O segundo m\u00e9todo \u00e9 na op\u00e7\u00e3o do recurso de <strong>Assets<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"986\" height=\"541\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/Assets-feature.png\" alt=\"Envio por meio de Assets\" class=\"wp-image-3370\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/Assets-feature.png 986w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/Assets-feature-300x165.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/Assets-feature-768x421.png 768w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/Assets-feature-50x27.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/Assets-feature-60x33.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/Assets-feature-100x55.png 100w\" sizes=\"auto, (max-width: 986px) 100vw, 986px\" \/><\/figure>\n\n\n\n<p>Na op\u00e7\u00e3o de Assets, existem integra\u00e7\u00f5es onde pode obter mais recursos de fontes de terceiros. Por exemplo, gerar um <a href=\"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/qrcode-pt\/\" target=\"_blank\" rel=\"noreferrer noopener\">QR Code <\/a>ou uma imagem do<a href=\"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/banner-google-maps\/\" target=\"_blank\" rel=\"noreferrer noopener\"> Google Maps<\/a> com o endere\u00e7o da sua loja f\u00edsica.<\/p>\n\n\n\n<p>Desta forma, voc\u00ea pode enviar um banner para a sua assinatura dentro desse recurso. Depois, pode voltar na assinatura e adicionar por meio do editor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">V\u00eddeo<\/h2>\n\n\n\n<p>Aqui temos um v\u00eddeo completo com exemplo de como adicionar um banner de mapa. Em seguida, \u00e9 adicionado um link personalizado.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"A Step-by-Step Guide for Banners in HTML Email signature\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/78MaIi7101c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Todas as imagens enviadas para a assinatura de e-mail ficam dispon\u00edveis no recurso de Assets, para uso posterior e edi\u00e7\u00e3o.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Veja tamb\u00e9m<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/cortar-uma-imagem\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como cortar uma imagem<\/a>;<\/li>\n\n\n\n<li><a href=\"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-remover-icones\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como adicionar ou remover \u00edcones<\/a>;<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>O objetivo do seu banner \u00e9 que ele seja clicado. Portando, adicionar um banner \u00e9 super f\u00e1cil com o editor de assinatura de e-mail da Bybrand.<\/p>\n\n\n\n<p>Como complemento, voc\u00ea pode usar esses sites para criar suas imagens.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Canva.com<\/li>\n\n\n\n<li>Crello.com<\/li>\n\n\n\n<li>Snappa.com<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Neste v\u00eddeo tutorial com v\u00eddeo, vamos mostrar como adicionar um banner promocional na assinatura de e-mail.<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[32],"ht-kb-tag":[],"class_list":["post-1457","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-essenciais"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Como adicionar um banner na assinatura de e-mail HTML com a Bybrand<\/title>\n<meta name=\"description\" content=\"Adicionar um banner na assinatura de e-mail pode fazer todo o sentido caso queira fazer marketing. Nesse tutorial vamos ver todas as etapas.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como adicionar um banner na assinatura de e-mail HTML com a Bybrand\" \/>\n<meta property=\"og:description\" content=\"Adicionar um banner na assinatura de e-mail pode fazer todo o sentido caso queira fazer marketing. Nesse tutorial vamos ver todas as etapas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/\" \/>\n<meta property=\"og:site_name\" content=\"Bybrand\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bybrandio\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-19T14:12:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@bybrandio\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/\",\"url\":\"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/\",\"name\":\"Como adicionar um banner na assinatura de e-mail HTML com a Bybrand\",\"isPartOf\":{\"@id\":\"https:\/\/www.bybrand.io\/docs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035.png\",\"datePublished\":\"2020-05-09T21:39:56+00:00\",\"dateModified\":\"2024-02-19T14:12:17+00:00\",\"description\":\"Adicionar um banner na assinatura de e-mail pode fazer todo o sentido caso queira fazer marketing. Nesse tutorial vamos ver todas as etapas.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/#primaryimage\",\"url\":\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035.png\",\"contentUrl\":\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.bybrand.io\/docs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adicionando um banner na assinatura de e-mail\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bybrand.io\/docs\/#website\",\"url\":\"https:\/\/www.bybrand.io\/docs\/\",\"name\":\"Bybrand - Knowledge base\",\"description\":\"Business Email Signature Manager for IT Managers, and Marketers\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bybrand.io\/docs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como adicionar um banner na assinatura de e-mail HTML com a Bybrand","description":"Adicionar um banner na assinatura de e-mail pode fazer todo o sentido caso queira fazer marketing. Nesse tutorial vamos ver todas as etapas.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/","og_locale":"pt_BR","og_type":"article","og_title":"Como adicionar um banner na assinatura de e-mail HTML com a Bybrand","og_description":"Adicionar um banner na assinatura de e-mail pode fazer todo o sentido caso queira fazer marketing. Nesse tutorial vamos ver todas as etapas.","og_url":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/","og_site_name":"Bybrand","article_publisher":"https:\/\/www.facebook.com\/bybrandio\/","article_modified_time":"2024-02-19T14:12:17+00:00","og_image":[{"url":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@bybrandio","twitter_misc":{"Est. tempo de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/","url":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/","name":"Como adicionar um banner na assinatura de e-mail HTML com a Bybrand","isPartOf":{"@id":"https:\/\/www.bybrand.io\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/#primaryimage"},"image":{"@id":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035.png","datePublished":"2020-05-09T21:39:56+00:00","dateModified":"2024-02-19T14:12:17+00:00","description":"Adicionar um banner na assinatura de e-mail pode fazer todo o sentido caso queira fazer marketing. Nesse tutorial vamos ver todas as etapas.","breadcrumb":{"@id":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/#primaryimage","url":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035.png","contentUrl":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/adicionar-banner\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.bybrand.io\/docs\/"},{"@type":"ListItem","position":2,"name":"Adicionando um banner na assinatura de e-mail"}]},{"@type":"WebSite","@id":"https:\/\/www.bybrand.io\/docs\/#website","url":"https:\/\/www.bybrand.io\/docs\/","name":"Bybrand - Knowledge base","description":"Business Email Signature Manager for IT Managers, and Marketers","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bybrand.io\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"}]}},"_links":{"self":[{"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/ht-kb\/1457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/comments?post=1457"}],"version-history":[{"count":24,"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/ht-kb\/1457\/revisions"}],"predecessor-version":[{"id":5254,"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/ht-kb\/1457\/revisions\/5254"}],"wp:attachment":[{"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/media?parent=1457"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/ht-kb-category?post=1457"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/ht-kb-tag?post=1457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}