{"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><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 ez-toc-wrap-left counter-flat ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">What You&#039;ll Learn<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"#\" data-href=\"https:\/\/phpyouth.com\/blog\/add-html-signature-in-gmail\/#Step_1_Install_the_Designmodo_Chrome_extension\" >Step 1 Install the Designmodo Chrome extension<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"#\" data-href=\"https:\/\/phpyouth.com\/blog\/add-html-signature-in-gmail\/#Step_2_Log_in_to_Gmail_Account\" >Step 2 Log in to Gmail Account<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"#\" data-href=\"https:\/\/phpyouth.com\/blog\/add-html-signature-in-gmail\/#Step_3_Find_the_Signature_Section\" >Step 3 Find the Signature Section<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"#\" data-href=\"https:\/\/phpyouth.com\/blog\/add-html-signature-in-gmail\/#Step_4_Paste_Your_HTML_Signature_into_the_Gmail_Text_Box\" >Step 4 Paste Your HTML Signature into the Gmail Text Box<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"#\" data-href=\"https:\/\/phpyouth.com\/blog\/add-html-signature-in-gmail\/#Step_5_Save_Your_Signature\" >Step 5 Save Your Signature<\/a><\/li><\/ul><\/nav><\/div>\n\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><span class=\"ez-toc-section\" id=\"Step_1_Install_the_Designmodo_Chrome_extension\"><\/span>Step 1: Install the Designmodo Chrome extension<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a href=\"https:\/\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/installation-designmodo.webp\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6464\" src=\"https:\/\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/installation-designmodo.webp\" alt=\"Install Designmodo Chrome extension for Gmail\" title=\"\"><\/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:\/\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/designmodo-extension-HTML-signature.webp\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6465\" src=\"https:\/\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/designmodo-extension-HTML-signature.webp\" alt=\"Designmodo extension for creating Gmail HTML signatures\" title=\"\"><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Step_2_Log_in_to_Gmail_Account\"><\/span>Step 2: Log in to Gmail Account<span class=\"ez-toc-section-end\"><\/span><\/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:\/\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/Gmail-Settings.webp\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6468\" src=\"https:\/\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/Gmail-Settings.webp\" alt=\"Gmail settings page screenshot for adding signature\" title=\"\"><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Step_3_Find_the_Signature_Section\"><\/span>Step 3: Find the Signature Section<span class=\"ez-toc-section-end\"><\/span><\/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><span class=\"ez-toc-section\" id=\"Step_4_Paste_Your_HTML_Signature_into_the_Gmail_Text_Box\"><\/span>Step 4: Paste Your HTML Signature into the Gmail Text Box<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a href=\"https:\/\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/add-HTML-signature.webp\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6469\" src=\"https:\/\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/add-HTML-signature.webp\" alt=\"How to add HTML signature in Gmail\" title=\"\"><\/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:\/\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/HTML-signature-box.webp\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6470\" src=\"https:\/\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/HTML-signature-box.webp\" alt=\"HTML signature code box in Gmail\" title=\"\"><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Step_5_Save_Your_Signature\"><\/span>Step 5: Save Your Signature<span class=\"ez-toc-section-end\"><\/span><\/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_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"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_publicize_connections":[],"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?resize=350%2C200&ssl=1","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?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2014\/05\/How-to-Create-a-Custom-WordPress-Theme-e1475050552348.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2014\/05\/How-to-Create-a-Custom-WordPress-Theme-e1475050552348.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":4363,"url":"https:\/\/phpyouth.com\/blog\/integrate-google-search-console-with-your-wordpress-site\/","url_meta":{"origin":6459,"position":1},"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?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2016\/09\/GSC.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2016\/09\/GSC.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2016\/09\/GSC.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":6603,"url":"https:\/\/phpyouth.com\/blog\/elementor-flexbox-tutorial-beginner-to-pro\/","url_meta":{"origin":6459,"position":2},"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?resize=350%2C200&ssl=1","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?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/Ultimate-Elementor-Flexbox-Tutorial-Beginner-to-Pro.webp?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/Ultimate-Elementor-Flexbox-Tutorial-Beginner-to-Pro.webp?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2026\/01\/Ultimate-Elementor-Flexbox-Tutorial-Beginner-to-Pro.webp?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":4973,"url":"https:\/\/phpyouth.com\/blog\/enable-gzip-compression\/","url_meta":{"origin":6459,"position":3},"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?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2019\/07\/GZIP-Compression.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2019\/07\/GZIP-Compression.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":4782,"url":"https:\/\/phpyouth.com\/blog\/how-to-enable-php-modules-in-cpanel\/","url_meta":{"origin":6459,"position":4},"title":"How to Enable PHP Extensions in cPanel (Step-by-Step Guide)","author":"RK Jajoria","date":"June 1, 2018","format":false,"excerpt":"Quick answer: To enable PHP extensions in cPanel, go to Software > Select PHP Version, tick the checkbox next to the extension you need, and click Save. If the extension you need isn't in that checklist (some less common ones aren't), you can install it manually through the PHP PEAR\u2026","rel":"","context":"In &quot;Tutorial&quot;","block_context":{"text":"Tutorial","link":"https:\/\/phpyouth.com\/blog\/category\/tutorial\/"},"img":{"alt_text":"enable php extensions in cpanel","src":"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2018\/06\/Enable-zip-in-cpanel.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2018\/06\/Enable-zip-in-cpanel.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2018\/06\/Enable-zip-in-cpanel.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":4773,"url":"https:\/\/phpyouth.com\/blog\/video-version-how-to-enable-php-modules-via-whm\/","url_meta":{"origin":6459,"position":5},"title":"VIDEO VERSION: How to Enable PHP Modules via WHM","author":"RK Jajoria","date":"May 28, 2018","format":false,"excerpt":"Hello friends, today we will learn about How to enable PHP modules in WHM(Web Host Manager). WordPress beginners face this problem while importing demo content on a Paid WordPress theme. Sometimes these modules are not installed\/activated by default in cPanels that\u2019s why we get the error, so we have to\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?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2018\/05\/PHP-ZIP-module-banner.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/phpyouth.com\/blog\/wp-content\/uploads\/2018\/05\/PHP-ZIP-module-banner.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]}],"jetpack_featured_media_url":"https:\/\/phpyouth.com\/blog\/wp-content\/uploads\/2023\/04\/Add-HTML-Signature-in-Gmail.jpg","_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}]}}