{"id":1467,"date":"2020-05-09T18:50:01","date_gmt":"2020-05-09T21:50:01","guid":{"rendered":"https:\/\/www.bybrand.io\/docs\/?post_type=ht_kb&#038;p=1467"},"modified":"2024-02-19T11:11:24","modified_gmt":"2024-02-19T14:11:24","slug":"add-banner","status":"publish","type":"ht_kb","link":"https:\/\/www.bybrand.io\/docs\/article\/add-banner\/","title":{"rendered":"Adding a banner in the email signature"},"content":{"rendered":"\n<p>Adding a banner to your professional email signature can make perfect sense if you want to do marketing. It aims to increase traffic on the website, blog, promote an event, promotion, or product in e-commerce.<\/p>\n\n\n\n<p>E-mail signature example with 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-1.png\" alt=\"Email signature banner\" class=\"wp-image-5122\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035-1.png 480w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035-1-300x211.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035-1-50x35.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035-1-60x42.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035-1-100x70.png 100w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/figure>\n\n\n\n<p>There are two ways to send a <a href=\"https:\/\/www.bybrand.io\/templates\/banner\" target=\"_blank\" rel=\"noreferrer noopener\">banner to your email signature<\/a> on Bybrand.<\/p>\n\n\n\n<p>Let&#8217;s see both cases:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1) Upload a banner from the signature editor<\/h2>\n\n\n\n<p>If you have the banner image on your machine, you can send the item to the email signature via the HTML editor. See this example of how to upload an image for the signature.<\/p>\n\n\n\n<p>Click on any text area, then on the image icon.<\/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=\"Upload a banner from the signature editor\" class=\"wp-image-3378\" 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>Then upload the image.<\/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 image block\" class=\"wp-image-3379\" 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>In addition, by clicking on the current image, you can also change it by adding new content or linking to a URL.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2) Upload a banner from Assets<\/h2>\n\n\n\n<p>The second method is using the Assets feature option.<\/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=\"Upload a banner from Assets\" class=\"wp-image-3380\" 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>In the Assets option, there are integrations where you can get more resources from third-party sources\u2014for example, generating a <a href=\"https:\/\/www.bybrand.io\/docs\/article\/qrcode\/\" target=\"_blank\" rel=\"noreferrer noopener\">QR Code<\/a> or a<a href=\"https:\/\/www.bybrand.io\/docs\/article\/google-maps-banner\/\"> Google Maps<\/a> with the address of your physical store.<\/p>\n\n\n\n<p>This way, you can upload a banner for your signature within that feature. Then you can go back to the signature and upload it through the editor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video<\/h2>\n\n\n\n<p>Here we have a complete video with an example of adding a map banner. After, a custom link is added.<\/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>All images sent to the email signature are available in the Assets feature for further use and editing.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Read too<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.bybrand.io\/docs\/article\/add-remove-icons\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to add and remove icons<\/a>;<\/li>\n\n\n\n<li><a href=\"https:\/\/www.bybrand.io\/docs\/article\/crop-an-image\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to crop an image<\/a>;<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>The goal of your banner is to get it clicked. So, adding a banner is super easy with Bybrand&#8217;s email signature editor.<\/p>\n\n\n\n<p>As a complement, you can use these sites to create your images.<\/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>In this video tutorial we will show you how to add a promotional banner to your email signature.<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[45],"ht-kb-tag":[],"class_list":["post-1467","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-essentials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to add a banner in HTML email signature with Bybrand<\/title>\n<meta name=\"description\" content=\"Adding a banner to your HTML email signature can make perfect sense if you want to do marketing. In this tutorial, we will see all the steps.\" \/>\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\/article\/add-banner\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add a banner in HTML email signature with Bybrand\" \/>\n<meta property=\"og:description\" content=\"Adding a banner to your HTML email signature can make perfect sense if you want to do marketing. In this tutorial, we will see all the steps.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bybrand.io\/docs\/article\/add-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:11:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@bybrandio\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/article\\\/add-banner\\\/\",\"url\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/article\\\/add-banner\\\/\",\"name\":\"How to add a banner in HTML email signature with Bybrand\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/article\\\/add-banner\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/article\\\/add-banner\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/template2-2035-1.png\",\"datePublished\":\"2020-05-09T21:50:01+00:00\",\"dateModified\":\"2024-02-19T14:11:24+00:00\",\"description\":\"Adding a banner to your HTML email signature can make perfect sense if you want to do marketing. In this tutorial, we will see all the steps.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/article\\\/add-banner\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/article\\\/add-banner\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/article\\\/add-banner\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/template2-2035-1.png\",\"contentUrl\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/template2-2035-1.png\",\"width\":480,\"height\":338,\"caption\":\"Email signature banner\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/article\\\/add-banner\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adding a banner in the email signature\"}]},{\"@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\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add a banner in HTML email signature with Bybrand","description":"Adding a banner to your HTML email signature can make perfect sense if you want to do marketing. In this tutorial, we will see all the steps.","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\/article\/add-banner\/","og_locale":"en_US","og_type":"article","og_title":"How to add a banner in HTML email signature with Bybrand","og_description":"Adding a banner to your HTML email signature can make perfect sense if you want to do marketing. In this tutorial, we will see all the steps.","og_url":"https:\/\/www.bybrand.io\/docs\/article\/add-banner\/","og_site_name":"Bybrand","article_publisher":"https:\/\/www.facebook.com\/bybrandio\/","article_modified_time":"2024-02-19T14:11:24+00:00","og_image":[{"url":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@bybrandio","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.bybrand.io\/docs\/article\/add-banner\/","url":"https:\/\/www.bybrand.io\/docs\/article\/add-banner\/","name":"How to add a banner in HTML email signature with Bybrand","isPartOf":{"@id":"https:\/\/www.bybrand.io\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bybrand.io\/docs\/article\/add-banner\/#primaryimage"},"image":{"@id":"https:\/\/www.bybrand.io\/docs\/article\/add-banner\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035-1.png","datePublished":"2020-05-09T21:50:01+00:00","dateModified":"2024-02-19T14:11:24+00:00","description":"Adding a banner to your HTML email signature can make perfect sense if you want to do marketing. In this tutorial, we will see all the steps.","breadcrumb":{"@id":"https:\/\/www.bybrand.io\/docs\/article\/add-banner\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bybrand.io\/docs\/article\/add-banner\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bybrand.io\/docs\/article\/add-banner\/#primaryimage","url":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035-1.png","contentUrl":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/template2-2035-1.png","width":480,"height":338,"caption":"Email signature banner"},{"@type":"BreadcrumbList","@id":"https:\/\/www.bybrand.io\/docs\/article\/add-banner\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.bybrand.io\/docs\/"},{"@type":"ListItem","position":2,"name":"Adding a banner in the email signature"}]},{"@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":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb\/1467","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/comments?post=1467"}],"version-history":[{"count":16,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb\/1467\/revisions"}],"predecessor-version":[{"id":5253,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb\/1467\/revisions\/5253"}],"wp:attachment":[{"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/media?parent=1467"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=1467"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=1467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}