{"id":4667,"date":"2023-07-25T10:19:13","date_gmt":"2023-07-25T13:19:13","guid":{"rendered":"https:\/\/www.bybrand.io\/docs\/?post_type=ht_kb&#038;p=4667"},"modified":"2023-07-26T16:38:11","modified_gmt":"2023-07-26T19:38:11","slug":"signature-helpscout","status":"publish","type":"ht_kb","link":"https:\/\/www.bybrand.io\/docs\/article\/signature-helpscout\/","title":{"rendered":"Creating an HTML signature with Help Scout variables"},"content":{"rendered":"\n<p>Help Scout variables are a type of dynamic field which, when inserted in the mailbox signature, are replaced by real user data. Thus, by activating the Bybrand + Help Scout integration, these variables will be available in the <a href=\"https:\/\/www.bybrand.io\/editor\" target=\"_blank\" rel=\"noreferrer noopener\">HTML signature editor<\/a>.<\/p>\n\n\n\n<p>In this tutorial, you will learn how to activate the Help Scout integration.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Activating the integration<\/h2>\n\n\n\n<p>To activate, visit the <strong>Integrations<\/strong> menu and click to connect with <strong>Help Scout<\/strong>, as can be seen in this example.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"453\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout1-1024x453.png\" alt=\"Activating the integration with Help Scout\" class=\"wp-image-4654\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout1-1024x453.png 1024w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout1-300x133.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout1-768x339.png 768w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout1-50x22.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout1-60x27.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout1-100x44.png 100w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout1.png 1197w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You will be directed to the main page of the integration, with some instructions on what you can do. These are the variables that will be available in the signature editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout2-1024x496.png\" alt=\"Help Scout integration active.\" class=\"wp-image-4655\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout2-1024x496.png 1024w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout2-300x145.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout2-768x372.png 768w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout2-50x24.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout2-60x29.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout2-100x48.png 100w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout2.png 1190w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Here is the list of useful user variables that you can use manually in HTML mode too.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>{%user.fullName%}<\/li><li>{%user.firstName%}<\/li><li>{%user.lastName%}<\/li><li>{%user.pronouns%}<\/li><li>{%user.email%}<\/li><li>{%user.jobTitle%}<\/li><li>{%user.phone%}<\/li><li>{%user.profileImg%}<\/li><li>{%mailbox.email%}<\/li><li>{%mailbox.name%}<\/li><\/ul>\n\n\n\n<p>A more complete list, visit: <a href=\"https:\/\/docs.helpscout.com\/article\/468-work-with-variables\" target=\"_blank\" rel=\"noreferrer noopener\">Work With Variables<\/a>, in the Help Scout tutorial.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\">The special variable <strong>{%user.profileImg%}<\/strong> is an HTML entity <code>&lt;img \/&gt;<\/code> &#8211; so you can use it to load the user&#8217;s face photo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Creating an email signature for Help Scout<\/h2>\n\n\n\n<p>With a well-created HTML signature for the shared inbox, you can make every email interaction count by adding links to a blog, KB, social media and even a button to open an online chat<\/p>\n\n\n\n<p>Navigate to the <strong>[+]<\/strong> menu, and click <strong>New signature<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"323\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout3-1024x323.png\" alt=\"New Help Scout email signature.\" class=\"wp-image-4657\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout3-1024x323.png 1024w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout3-300x95.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout3-768x242.png 768w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout3-50x16.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout3-60x19.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout3-100x32.png 100w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout3.png 1066w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>And then, the variables will be available in the editor by typing two double curly brackets <strong>{{<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"712\" style=\"aspect-ratio: 1188 \/ 712;\" width=\"1188\" controls src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/Help_Scout_Quick.mp4\"><\/video><figcaption>Help Scout variables.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"exemplo-de-uma-assinatura-de-e-mail-para-o-teamwork-desk\">Email signature example for Help Scout<\/h3>\n\n\n\n<p>Below is an example of an email signature created with the Bybrand HTML editor and with four variables from Help Scout.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"791\" height=\"398\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout4.png\" alt=\"Help Scout HTML signature with variables.\" class=\"wp-image-4658\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout4.png 791w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout4-300x151.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout4-768x386.png 768w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout4-50x25.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout4-60x30.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout4-100x50.png 100w\" sizes=\"auto, (max-width: 791px) 100vw, 791px\" \/><\/figure>\n\n\n\n<p>The result will look like this, after you update the email signature in the inbox and open a new email conversation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"598\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout5-1024x598.png\" alt=\"Help Scout signature preview.\" class=\"wp-image-4659\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout5-1024x598.png 1024w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout5-300x175.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout5-768x448.png 768w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout5-50x29.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout5-60x35.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout5-100x58.png 100w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout5.png 1103w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Quick video<\/h2>\n\n\n\n<p>You will learn how to create an email signature with variables for Help Scout &#8211; this way, the next time you send a support ticket, your email will be sent with a rich email signature.<\/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=\"Creating an HTML email signature with variables for Help Scout\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/XHr0SyXS3p4?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","protected":false},"excerpt":{"rendered":"<p>You&#8217;ll learn how to enable the Help Scout integration and create a signature with variables.<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[87],"ht-kb-tag":[],"class_list":["post-4667","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-placeholders-only"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Creating an HTML signature with Help Scout variables - Bybrand<\/title>\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\/signature-helpscout\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating an HTML signature with Help Scout variables - Bybrand\" \/>\n<meta property=\"og:description\" content=\"You&#039;ll learn how to enable the Help Scout integration and create a signature with variables.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bybrand.io\/docs\/article\/signature-helpscout\/\" \/>\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=\"2023-07-26T19:38:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout1-1024x453.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\/signature-helpscout\/\",\"url\":\"https:\/\/www.bybrand.io\/docs\/article\/signature-helpscout\/\",\"name\":\"Creating an HTML signature with Help Scout variables - Bybrand\",\"isPartOf\":{\"@id\":\"https:\/\/www.bybrand.io\/docs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.bybrand.io\/docs\/article\/signature-helpscout\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.bybrand.io\/docs\/article\/signature-helpscout\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout1-1024x453.png\",\"datePublished\":\"2023-07-25T13:19:13+00:00\",\"dateModified\":\"2023-07-26T19:38:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bybrand.io\/docs\/article\/signature-helpscout\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bybrand.io\/docs\/article\/signature-helpscout\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bybrand.io\/docs\/article\/signature-helpscout\/#primaryimage\",\"url\":\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout1-1024x453.png\",\"contentUrl\":\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout1-1024x453.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bybrand.io\/docs\/article\/signature-helpscout\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.bybrand.io\/docs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating an HTML signature with Help Scout variables\"}]},{\"@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":"Creating an HTML signature with Help Scout variables - Bybrand","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\/signature-helpscout\/","og_locale":"en_US","og_type":"article","og_title":"Creating an HTML signature with Help Scout variables - Bybrand","og_description":"You'll learn how to enable the Help Scout integration and create a signature with variables.","og_url":"https:\/\/www.bybrand.io\/docs\/article\/signature-helpscout\/","og_site_name":"Bybrand","article_publisher":"https:\/\/www.facebook.com\/bybrandio\/","article_modified_time":"2023-07-26T19:38:11+00:00","og_image":[{"url":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout1-1024x453.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\/signature-helpscout\/","url":"https:\/\/www.bybrand.io\/docs\/article\/signature-helpscout\/","name":"Creating an HTML signature with Help Scout variables - Bybrand","isPartOf":{"@id":"https:\/\/www.bybrand.io\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bybrand.io\/docs\/article\/signature-helpscout\/#primaryimage"},"image":{"@id":"https:\/\/www.bybrand.io\/docs\/article\/signature-helpscout\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout1-1024x453.png","datePublished":"2023-07-25T13:19:13+00:00","dateModified":"2023-07-26T19:38:11+00:00","breadcrumb":{"@id":"https:\/\/www.bybrand.io\/docs\/article\/signature-helpscout\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bybrand.io\/docs\/article\/signature-helpscout\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bybrand.io\/docs\/article\/signature-helpscout\/#primaryimage","url":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout1-1024x453.png","contentUrl":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/07\/helpscout1-1024x453.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.bybrand.io\/docs\/article\/signature-helpscout\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.bybrand.io\/docs\/"},{"@type":"ListItem","position":2,"name":"Creating an HTML signature with Help Scout variables"}]},{"@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\/4667","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=4667"}],"version-history":[{"count":6,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb\/4667\/revisions"}],"predecessor-version":[{"id":4686,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb\/4667\/revisions\/4686"}],"wp:attachment":[{"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/media?parent=4667"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=4667"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=4667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}