{"id":6459,"date":"2023-04-19T17:58:25","date_gmt":"2023-04-19T12:28:25","guid":{"rendered":"https:\/\/phpyouth.com\/blog\/?p=6459"},"modified":"2026-01-15T13:13:40","modified_gmt":"2026-01-15T07:43:40","slug":"add-html-signature-in-gmail","status":"publish","type":"post","link":"https:\/\/phpyouth.com\/blog\/add-html-signature-in-gmail\/","title":{"rendered":"How to Add HTML Signature in Gmail: Step-by-Step Tutorial"},"content":{"rendered":"<p>Do you ever feel like your email signature lacks personality or doesn&#8217;t reflect your brand? Have you designed your own signature in HTML format, but don&#8217;t know how to add it to your Gmail signature? If so, you&#8217;ve come to the right place!<\/p>\n<p><strong>Here is a simplified guide on how to add an HTML signature to your <a href=\"https:\/\/phpyouth.com\/blog\/refer\/googleworkspace\" target=\"_blank\" rel=\"noopener\">Gmail account<\/a>:<\/strong><\/p>\n<h2>Step 1: Install the Designmodo Chrome extension<\/h2>\n<p><a href=\"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/installation-designmodo.webp?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter size-full wp-image-6464\" src=\"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/installation-designmodo.webp?ssl=1\" alt=\"Install Designmodo Chrome extension for Gmail\" \/><\/a><br \/>\nFirst, install &amp; activate the <em>Designmodo<\/em> Chrome extension on your browser, and Pin it. See the screenshots below.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/designmodo-extension-HTML-signature.webp?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter size-full wp-image-6465\" src=\"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/designmodo-extension-HTML-signature.webp?ssl=1\" alt=\"Designmodo extension for creating Gmail HTML signatures\" \/><\/a><\/p>\n<h2>Step 2: Log in to Gmail Account<\/h2>\n<p>First, go to the <a href=\"https:\/\/phpyouth.com\/blog\/refer\/googleworkspace\" target=\"_blank\" rel=\"noopener\">Google Workspace<\/a> and enter your username and password to access your account. Once logged in, click on the gear icon in the top-right corner of the screen. Then, from the drop-down menu, select &#8220;<em>See all settings.<\/em>&#8221; As a result, you will be taken to the <em>Gmail settings page<\/em>. See the screenshot below.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/Gmail-Settings.webp?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter size-full wp-image-6468\" src=\"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/Gmail-Settings.webp?ssl=1\" alt=\"Gmail settings page screenshot for adding signature\" \/><\/a><\/p>\n<h2>Step 3: Find the Signature Section<\/h2>\n<p>First, scroll down the settings page until you find the &#8220;<strong>Signature<\/strong>&#8221; section. Here, you&#8217;ll see a text box where you can create your signature.<\/p>\n<h2>Step 4: Paste Your HTML Signature into the Gmail Text Box<\/h2>\n<p><a href=\"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/add-HTML-signature.webp?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter size-full wp-image-6469\" src=\"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/add-HTML-signature.webp?ssl=1\" alt=\"How to add HTML signature in Gmail\" \/><\/a><br \/>\nNext, click the &#8220;<em>Create new<\/em>&#8221; button if you haven&#8217;t created a signature before. Once you&#8217;ve done that, a Designmodo icon in the form of an envelope will become visible on the textbox. Click on the icon, and a pop-up will appear displaying the HTML textbox. Finally, you can then paste\u00a0<span style=\"box-sizing: border-box;\">the HTML code for your signature <\/span>into this box. See the screenshot below.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/HTML-signature-box.webp?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter size-full wp-image-6470\" src=\"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/HTML-signature-box.webp?ssl=1\" alt=\"HTML signature code box in Gmail\" \/><\/a><\/p>\n<h2>Step 5: Save Your Signature<\/h2>\n<p>Once you&#8217;ve added your <em>HTML<\/em> code, click on &#8220;<em>Save Changes<\/em>&#8221; at the bottom of the page. Your new <strong>HTML signature<\/strong> will now be automatically included in all your outgoing emails.<\/p>\n<h3 style=\"font-size: 18px; font-weight: bold; margin-bottom: 15px; font-style: italic; text-align: center;\"><a href=\"https:\/\/youtu.be\/8oWv4EMXs9o\" rel=\"follow noopener\" target=\"_blank\">Our comprehensive video tutorial on <strong>YouTube <\/strong>is available for you to watch and learn <strong>how to add an HTML signature to your Gmail account<\/strong>.<\/a><\/h3>\n<p><iframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/8oWv4EMXs9o\" width=\"500\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<p>In summary, <strong>adding an HTML signature\u00a0<\/strong><span style=\"box-sizing: border-box;\"><strong>to Gmail<\/strong> is easy and requires only\u00a0<\/span>a few steps. So, why not give it a go and let us know how it works for you? If you found this article helpful, <strong>please share your feedback in the comments and consider following us for more content.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you ever feel like your email signature lacks personality or doesn&#8217;t reflect your brand? Have you designed your own signature in HTML format, but don&#8217;t know how to add it to your Gmail signature? If so, you&#8217;ve come to the right place! Here is a simplified guide on how to add an HTML signature [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6474,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[93,96],"tags":[474,477,476,473,475],"class_list":["post-6459","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial","category-seo","tag-add-html-signature-in-gmail","tag-email-signature-guide","tag-gmail-email-signature","tag-gmail-html-signature","tag-gmail-signature-tutorial"],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2023\/04\/Add-HTML-Signature-in-Gmail.jpg?fit=960%2C540&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8zepR-1Gb","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":331,"url":"https:\/\/phpyouth.com\/blog\/wordpress-tutorial-how-to-create-a-wordpress-themes\/","url_meta":{"origin":6459,"position":0},"title":"Create A WordPress Themes","author":"RK Jajoria","date":"May 19, 2014","format":false,"excerpt":"WordPress themes are the most used and popular blogging platform on the web. Its flexibility, usability, and customizability are why people regard WordPress highly. Another reason is WordPress's huge array of themes; you can create almost anything, from online magazines to advanced e-commerce businesses. WordPress themes. You can either get\u2026","rel":"","context":"In &quot;Wordpress&quot;","block_context":{"text":"Wordpress","link":"https:\/\/phpyouth.com\/blog\/category\/wordpress\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2014\/05\/How-to-Create-a-Custom-WordPress-Theme-e1475050552348.png?fit=900%2C468&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2014\/05\/How-to-Create-a-Custom-WordPress-Theme-e1475050552348.png?fit=900%2C468&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2014\/05\/How-to-Create-a-Custom-WordPress-Theme-e1475050552348.png?fit=900%2C468&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2014\/05\/How-to-Create-a-Custom-WordPress-Theme-e1475050552348.png?fit=900%2C468&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":6603,"url":"https:\/\/phpyouth.com\/blog\/elementor-flexbox-tutorial-beginner-to-pro\/","url_meta":{"origin":6459,"position":1},"title":"The Ultimate Elementor Flexbox Tutorial: Beginner to Pro","author":"RK Jajoria","date":"July 27, 2023","format":false,"excerpt":"Welcome to the Elementor Flexbox Tutorial! If you want a trendy, professional-looking website, the Elementor Flexbox tutorial is an excellent tool for your design. This is because it enables you to create dynamic layouts that adapt to various screen sizes and orientations. As a result, your website will be both\u2026","rel":"","context":"In &quot;Tutorial&quot;","block_context":{"text":"Tutorial","link":"https:\/\/phpyouth.com\/blog\/category\/tutorial\/"},"img":{"alt_text":"The Ultimate Elementor Flexbox Tutorial","src":"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/Ultimate-Elementor-Flexbox-Tutorial-Beginner-to-Pro.webp?fit=1200%2C686&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/Ultimate-Elementor-Flexbox-Tutorial-Beginner-to-Pro.webp?fit=1200%2C686&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/Ultimate-Elementor-Flexbox-Tutorial-Beginner-to-Pro.webp?fit=1200%2C686&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/Ultimate-Elementor-Flexbox-Tutorial-Beginner-to-Pro.webp?fit=1200%2C686&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/Ultimate-Elementor-Flexbox-Tutorial-Beginner-to-Pro.webp?fit=1200%2C686&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":4782,"url":"https:\/\/phpyouth.com\/blog\/how-to-enable-php-modules-in-cpanel\/","url_meta":{"origin":6459,"position":2},"title":"How to Enable PHP Extensions through cPanel","author":"RK Jajoria","date":"June 1, 2018","format":false,"excerpt":"Friends, today we\u2019ll discuss how to enable PHP extensions through cPanel. A few weeks ago, we shared a post about enabling PHP modules in WHM. So, we\u2019re writing this post now because a subscriber requested it. Install PHP Zip in cPanel if not enabled by default. Let\u2019s see how to\u2026","rel":"","context":"In &quot;cPanel&quot;","block_context":{"text":"cPanel","link":"https:\/\/phpyouth.com\/blog\/category\/web-hosting\/cpanel\/"},"img":{"alt_text":"Enable zip in cpanel","src":"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2018\/06\/Enable-zip-in-cpanel.png?fit=560%2C315&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2018\/06\/Enable-zip-in-cpanel.png?fit=560%2C315&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2018\/06\/Enable-zip-in-cpanel.png?fit=560%2C315&ssl=1&resize=525%2C300 1.5x"},"classes":[]},{"id":4363,"url":"https:\/\/phpyouth.com\/blog\/integrate-google-search-console-with-your-wordpress-site\/","url_meta":{"origin":6459,"position":3},"title":"Integrate Google Search Console with your WordPress site","author":"RK Jajoria","date":"September 28, 2016","format":false,"excerpt":"What is Google Search Console? Google Search Console gives website owners valuable insights into how Google views their site. It helps webmasters identify issues that may prevent their site from being properly listed in search results. These issues can include security problems, crawling errors, unnatural backlinks, and more. Why do\u2026","rel":"","context":"In &quot;SEO&quot;","block_context":{"text":"SEO","link":"https:\/\/phpyouth.com\/blog\/category\/seo\/"},"img":{"alt_text":"Google Search console","src":"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2016\/09\/GSC.png?fit=713%2C356&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2016\/09\/GSC.png?fit=713%2C356&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2016\/09\/GSC.png?fit=713%2C356&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2016\/09\/GSC.png?fit=713%2C356&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":4973,"url":"https:\/\/phpyouth.com\/blog\/enable-gzip-compression\/","url_meta":{"origin":6459,"position":4},"title":"How to enable GZIP compression","author":"RK Jajoria","date":"July 2, 2019","format":false,"excerpt":"Hello, friends, today\u2019s topic is how to enable GZIP compression on your web server. If you know what GZIP is and how to enable it, that\u2019s good. But if you don\u2019t, please read this tutorial till the end. What is GZIP Compression? GZIP is a file format and software application\u2026","rel":"","context":"In &quot;cPanel&quot;","block_context":{"text":"cPanel","link":"https:\/\/phpyouth.com\/blog\/category\/web-hosting\/cpanel\/"},"img":{"alt_text":"GZIP-Compression","src":"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2019\/07\/GZIP-Compression.png?fit=560%2C315&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2019\/07\/GZIP-Compression.png?fit=560%2C315&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2019\/07\/GZIP-Compression.png?fit=560%2C315&ssl=1&resize=525%2C300 1.5x"},"classes":[]},{"id":4734,"url":"https:\/\/phpyouth.com\/blog\/how-to-enable-php-modules-in-whm\/","url_meta":{"origin":6459,"position":5},"title":"How to Enable PHP Modules in WHM","author":"RK Jajoria","date":"May 2, 2018","format":false,"excerpt":"Hello friends, today we will learn how to enable PHP modules in WHM(Web Host Manager). Many WordPress beginners face this issue while importing demo content on a paid WordPress theme. Sometimes, required PHP modules are not installed or activated by default in cPanel. In this article, we will focus on\u2026","rel":"","context":"In &quot;PHP&quot;","block_context":{"text":"PHP","link":"https:\/\/phpyouth.com\/blog\/category\/tutorial\/php\/"},"img":{"alt_text":"How to Enable PHP Modules in WHM","src":"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2018\/05\/PHP-ZIP-module-banner.png?fit=560%2C315&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2018\/05\/PHP-ZIP-module-banner.png?fit=560%2C315&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2018\/05\/PHP-ZIP-module-banner.png?fit=560%2C315&ssl=1&resize=525%2C300 1.5x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/phpyouth.com\/blog\/wp-json\/wp\/v2\/posts\/6459","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phpyouth.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/phpyouth.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/phpyouth.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phpyouth.com\/blog\/wp-json\/wp\/v2\/comments?post=6459"}],"version-history":[{"count":0,"href":"https:\/\/phpyouth.com\/blog\/wp-json\/wp\/v2\/posts\/6459\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/phpyouth.com\/blog\/wp-json\/wp\/v2\/media\/6474"}],"wp:attachment":[{"href":"https:\/\/phpyouth.com\/blog\/wp-json\/wp\/v2\/media?parent=6459"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phpyouth.com\/blog\/wp-json\/wp\/v2\/categories?post=6459"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phpyouth.com\/blog\/wp-json\/wp\/v2\/tags?post=6459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}