{"id":18565,"date":"2023-01-30T09:26:06","date_gmt":"2023-01-30T12:26:06","guid":{"rendered":"https:\/\/ajuda.locaweb.com.br\/?post_type=ht_kb&#038;p=18565"},"modified":"2024-09-06T15:03:48","modified_gmt":"2024-09-06T18:03:48","slug":"como-inserir-link-em-uma-imagem-email-marketing","status":"publish","type":"ht_kb","link":"https:\/\/www.locaweb.com.br\/ajuda\/wiki\/como-inserir-link-em-uma-imagem-email-marketing\/","title":{"rendered":"Como inserir link em uma imagem &#8211; Email Marketing"},"content":{"rendered":"    \t\t<div class=\"hts-messages hts-messages--info  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\"><b>Informa\u00e7\u00e3o!<\/b><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tVeremos neste artigo a forma correta de como colocar link em imagem da sua mensagem.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<ul>\n<li>Para sua mensagem ficar mais interativa, \u00e9 poss\u00edvel fazer com que ao clicar na imagem, o usu\u00e1rio seja direcionado para um endere\u00e7o externo (seu site, sua loja, etc) sem a necessidade de incluir um link no corpo da mensagem.<\/li>\n<\/ul>\n<h2>Atrav\u00e9s do editor de conte\u00fado<\/h2>\n<ul>\n<li>No editor de conte\u00fado inclua a imagem desejada, no menu <strong>Imagem<\/strong><\/li>\n<li>Caso voc\u00ea n\u00e3o <a href=\"https:\/\/ajuda.locaweb.com.br\/wiki\/como-realizar-a-importacao-de-imagens-email-marketing\/\" target=\"_blank\" rel=\"noopener\">saiba incluir uma imagem na mensagem<\/a>, siga este passo a passo.<\/li>\n<li>Feita a inclus\u00e3o da imagem, selecione dentro do menu <strong>Imagem<\/strong> a op\u00e7\u00e3o <strong>Link.<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23003\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2020\/11\/Imagem1-4.png\" alt=\"\" width=\"339\" height=\"201\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem1-4.png 339w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem1-4-300x178.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem1-4-50x30.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem1-4-60x36.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem1-4-100x59.png 100w\" sizes=\"auto, (max-width: 339px) 100vw, 339px\" \/><\/p>\n<ul>\n<li>No campo URL, insira o endere\u00e7o completo do site que voc\u00ea quer que a imagem redirecione;<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23005\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2020\/11\/Imagem2-4.png\" alt=\"\" width=\"510\" height=\"238\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem2-4.png 510w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem2-4-300x140.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem2-4-50x23.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem2-4-60x28.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem2-4-100x47.png 100w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/><\/p>\n<ul>\n<li>Clicando em <strong>Ok<\/strong>, voc\u00ea pode ver o resultado em <strong>pr\u00e9 visualizar<\/strong> para saber se o redirecionamento est\u00e1 acontecendo corretamente.<\/li>\n<\/ul>\n<h2>Atrav\u00e9s do Criador do Email Marketing<\/h2>\n<ul>\n<li>Primeiro vamos incluir uma imagem para poder editar o link dela.<\/li>\n<li>Selecione o Criador como ferramenta de cria\u00e7\u00e3o da mensagem no <strong>passo 2<\/strong>;<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23006\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2020\/11\/Imagem3.jpg\" alt=\"\" width=\"1297\" height=\"426\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem3.jpg 1297w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem3-300x99.jpg 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem3-1024x336.jpg 1024w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem3-768x252.jpg 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem3-50x16.jpg 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem3-60x20.jpg 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem3-100x33.jpg 100w\" sizes=\"auto, (max-width: 1297px) 100vw, 1297px\" \/><\/p>\n<ul>\n<li>Escolha o modelo que ir\u00e1 utilizar;<\/li>\n<li>Caso o modelo n\u00e3o tenha nenhuma imagem, selecione o elemento imagem do lado esquerdo e arraste para o lugar do corpo da mensagem que voc\u00ea quer que esteja;<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23007\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2020\/11\/Imagem4.jpg\" alt=\"\" width=\"394\" height=\"360\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem4.jpg 670w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem4-300x274.jpg 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem4-50x46.jpg 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem4-60x55.jpg 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem4-100x91.jpg 100w\" sizes=\"auto, (max-width: 394px) 100vw, 394px\" \/><\/p>\n<ul>\n<li>Clique no centro desse box j\u00e1 posicionado no corpo da mensagem para poder incluir uma imagem;<\/li>\n<li>Selecione a op\u00e7\u00e3o <strong>Procurar arquivo<\/strong>, se a imagem estiver no seu computador ou <strong>URL da imagem<\/strong>, caso a imagem esteja hospedada na internet,<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23008\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2020\/11\/Imagem5.jpg\" alt=\"\" width=\"430\" height=\"335\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem5.jpg 686w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem5-300x234.jpg 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem5-50x39.jpg 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem5-60x47.jpg 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem5-100x78.jpg 100w\" sizes=\"auto, (max-width: 430px) 100vw, 430px\" \/><\/p>\n<ul>\n<li>Voc\u00ea ser\u00e1 direcionado para a edi\u00e7\u00e3o do corpo do email. Depois disso vamos incluir o link.<\/li>\n<li>Clique na imagem para ter algumas op\u00e7\u00f5es de personaliza\u00e7\u00e3o da imagem do lado esquerdo, utilize a op\u00e7\u00e3o <strong>Link URL<\/strong>,<\/li>\n<\/ul>\n<ul>\n<li>Insira o endere\u00e7o que a imagem ir\u00e1 redirecionar quando o usu\u00e1rio clicar;<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23009\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2020\/11\/Imagem6-2.png\" alt=\"\" width=\"325\" height=\"189\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem6-2.png 325w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem6-2-300x174.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem6-2-50x29.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem6-2-60x35.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2020\/11\/Imagem6-2-100x58.png 100w\" sizes=\"auto, (max-width: 325px) 100vw, 325px\" \/><\/p>\n<ul>\n<li>Para saber se o link est\u00e1 funcionando, fa\u00e7a um envio de teste atrav\u00e9s do bot\u00e3o <strong>Enviar Teste<\/strong>.<\/li>\n<\/ul>\n    \t\t<div class=\"hts-messages hts-messages--alert  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\"><b>Observa\u00e7\u00e3o!<\/b><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tPara que funcione o redirecionamento, \u00e9 necess\u00e1rio que o endere\u00e7o URL tenha http:\/\/ ou https:\/\/ antes do dom\u00ednio.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n    \t\t<div class=\"hts-messages hts-messages--success  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\"><b>Pronto!<\/b><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tAgora \u00e9 s\u00f3 enviar a mensagem e acompanhar os resultados dos cliques nos Relat\u00f3rios.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n    \t\t<div class=\"hts-messages hts-messages--info  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\"><b>Conhe\u00e7a!<\/b><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tInvista no <a class=\"waffle-rich-text-link\" href=\"https:\/\/www.locaweb.com.br\/email-profissional\/\" target=\"_blank\" rel=\"noopener\">Email Corporativo<\/a> da Locaweb para garantir a credibilidade que sua marca precisa!    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n","protected":false},"excerpt":{"rendered":"<p>Para sua mensagem ficar mais interativa, \u00e9 poss\u00edvel fazer com que ao clicar na imagem, o usu\u00e1rio seja direcionado para um endere\u00e7o externo (seu site, sua loja, etc) sem a necessidade de incluir um link no corpo da mensagem. Atrav\u00e9s do editor de conte\u00fado No editor de conte\u00fado inclua a&#8230;<\/p>\n","protected":false},"author":20,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[128],"ht-kb-tag":[],"class_list":["post-18565","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-email-marketing"],"_links":{"self":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/18565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/comments?post=18565"}],"version-history":[{"count":21,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/18565\/revisions"}],"predecessor-version":[{"id":36294,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/18565\/revisions\/36294"}],"wp:attachment":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/media?parent=18565"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-category?post=18565"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-tag?post=18565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}