Connect with us

Blogging Resources

How to Create Hyper-linked Email Signatures in Gmail



Hyper-Linked Email Signatures in Gmail | Chaos & Kiddos: Mommy's Survival Guid
We interrupt your afternoon to bring you this little tidbit of a public service announcement.
*drum roll, please*


You can, in fact, make lovely hyper-linked email signatures in Gmail. Beautiful image files and all. And the process doesn’t have to make you cry.
How to Create Hyper-linked Email Signatures in Gmail


I hate to admit it, but I just spent far too much time (as in, several hours) combing the web for troubleshooting articles on how to create pretty email signatures in Gmail. The usual go-to references involved HTML, which is not Gmail’s best friend (I’m fairly certain they are not even on speaking terms), so I was stuck with potential workarounds, canned responses, and/or lackluster design.


I finally managed to build out what I wanted, but for the life of me, I could not get the images to hyper-link forward to my website and/or social media profiles. Despite following the implicit directions on several different blogs, every time I tried to select an image and hyperlink it, it would force the link via text next to the image, ultimately ruining the whole thing. What is this madness!?


Near to tears (and my very own Office Space computer bashing rap mantra), I finally submitted to my very own Rule #1: Ask for help. Cue, Brittany Bullen, Gmail signature-saving extraordinaire. She held the one tiny piece of information that had eluded me after hours of searching in forums and social media resource documents. Ready for it???


In order to hyper-link an image in a Gmail signature, DO NOT CLICK ON THE IMAGE. If you click on the image, it opens the re-sizing options and the link option doesn’t work properly. Instead HIGHLIGHT the image and voila! Magic link button is happy and ready to do work. With this piece of treasure, you are now well on your way to happy email signatures of your own!
Here is unhappy Gmail when you click on the image:
How to Create Hyper-linked Email Signatures in Gmail
Click on Image = Size Options Enabled
How to Create Hyper-linked Email Signatures in Gmail
Try to Add Hyperlink to Clicked Image = Annoying Text Below Image
Here is happy Gmail when you highlight the image:
How to Create Hyper-linked Email Signatures in Gmail
Image is Highlighted Instead of Clicked
How to Create Hyper-linked Email Signatures in Gmail
Select Link and Enter Information
How to Create Hyper-linked Email Signatures in Gmail
Moral of the story…I should have asked for help about 20 minutes into my nightmare, not 120 minutes.


NOTE: If you’re not even sure how to get to this point in Gmail to start playing with your email signatures, click on “Settings” and then on the “General” tab you’ll see your “Signature” options. You can click on the picture button to insert an image. It will ask you for an image URL. You can’t just upload the image file itself. You can only upload the reference point for its final resting place (where it is saved). How do I do that? See below.


I am on Blogger (this also works similarly in WordPress), so I created a post in Blogger (saved to drafts) titled “EMAIL SIGNATURE – DO NOT PUBLISH.” I uploaded all of the images I knew I wanted to use in my signature and then flipped over from “Compose” to “HTML.” (From “Visual” to “Text” in WordPress) For each image, I grabbed the URL from the HTML (holy moly, way too many letters!). Here are some pictures:
How to Create Hyper-linked Email Signatures in Gmail
Upload images in Compose
How to Create Hyper-linked Email Signatures in Gmail
Switch over to HTML
How to Create Hyper-linked Email Signatures in Gmail
Grab the URL for the image file
I really had no intention of blogging this until someone in the office went, “Man, you should blog that. I bet somebody else out there has been lost in the weeds too.” With that in mind, I pulled this together quickly, because if you’re out there, and hating on Gmail like I had been for the last several hours because all you want are pretty signatures, and you’re contemplating chucking your computer out the window, there is a solution. I am now officially back in love with my Gmail account. Hopefully this helps you restore the love too!!


This ends today’s public service announcement. You can go back to your regularly scheduled programming. 😉


Pin this to your Small Business Tips & Tricks Board or your Blogging Resources Board! Don’t have one? Follow me!


If you’re a small business owner or blogger, you might want to check out these related posts!
Add text
Continue Reading


  1. Nicki Lewis

    October 8, 2014 at 8:45 pm

    I just finally created one. Does it work when you reply from phone?

    • Katy Blevins

      November 17, 2014 at 12:17 pm

      Sure does! Depending on the width, you may see items jump to the next line, so some visual adjustments, but links work great. 🙂

  2. Karen M Roth

    January 22, 2015 at 6:54 pm

    Thanks so much for sharing this! There are many people and businesses that need this information. I would prefer to have a stand alone email client like the old Outlook Express. In fact, that is what I am still using. I absolutely hate the new outlook and gmail. That are so simplistic that they are overly complicated.

    Please excuse my mess of a blog. I have chronic pain and illnesses which are preventing me from updating like I want to.

  3. Nell

    February 27, 2016 at 5:31 am

    Aaah that’s what I was looking for ! 😀 Now I know how google emails with shiny yellow, green , blue lines show up in the signature section. I like the idea of using images so that a bot can’t abuse the graphic text data . 😉

Leave a Reply

Your email address will not be published. Required fields are marked *

Blogging Resources

How to Add Custom Facebook Tabs to your Business Page



Custom Facebook tabs are a great way to spiff up your business page with touches all your own. In a visual flow format that’s mostly controlled by the social media platform itself, making the most of these tiny advantages and calls-to-action can be pivotal to expanding your reach. Take steps to prompt your audience to actively engage and direct visitors on your business page to your areas of greatest interest (i.e. subscribing or following you on social media). Custom Facebook tabs give you the opportunity to plant a tiny seed of interest by highlighting applications that otherwise tend to be ignored.

Implementing custom Facebook tabs starts with activating the appropriate applications on your business page. Connect your TwitterPinterest and Instagram feeds directly to your business page (Did you know you can set up your Instagram to post directly to your Facebook business page?). Explore your email subscriber tool for Facebook integration. If you’re using LeadPages via WordPress, activate the auto-Facebook tab (amazing!).

Search Facebook for App


Your next step is to order your Facebook tabs so that your top 3 (the ones you plan to create custom Facebook tabs for) are at the top of the list. You can do so easily by navigating to your business page, clicking “More” on your top tab bar, and then selecting “Manage Tabs.” From there you can drag up or down to order your list and even delete tabs that serve no use for your page.

Click -More- and -Manage Tabs.- Then

Now we are ready to create your custom Facebook tabs. This feature is kind of hidden…which is why most people don’t customize their tabs! The phrase we hear most often when introducing this to our clients is “Wow! I never even knew that existed!” Click on your page Settings and then navigate to Apps, which should show a complete list of the programs you just integrated with your page. Click “Edit Settings” on one of your apps and there it is! You can accomplish two special customizations here. You can change the tab name (i.e. from LeadPages to Free Motivational Planner) and upload a custom tab image. Yay!

The appropriate size for custom Facebook tab images is 111 pixels wide by 74 pixels high.


Customize your Tab Name AND your Tab

And there you go. You now have custom Facebook tabs that can drive traffic to subscriber portals, other social media profiles and more. Make sure your custom Facebook tabs are in line with your brand style and message. Maybe try a few different styles to see if any convert more than others. Take the opportunity to make the page your own and entice your audience to take the next step by clicking through.

Continue Reading

Blogging Resources

How to Make Custom Pinterest Board Covers and Upload Pins



There are so many little ways you can personalize your online profiles and increase engagement with your market simply by improving your visual presentation. This week, we’re introducing a few ways to sharpen your Pinterest profile. The most visual of all the social media platforms out there, and second only to Google for searching for just about anything…Pinterest is an application that no small business owner can ignore. The case for Pinterest and how to maximize market engagement could be a whole blog in and of itself. We’ll have more tips and tricks to share later, but for now, let’s start small. Today, let’s talk about how to make custom Pinterest board covers and how to manually upload and edits pins (without hitting the “Pin It” button).

Custom Pinterest board covers create a strong visual consistency in your profile that can help visitors understand your brand, intent and authority in your area of the business (or blogging) world. To create them, you’ll need to understand how to manually upload and edit pins, so we’ll start there.

Log into your Pinterest account and open one of your boards. See that nice little “Add a Pin” button? Click it!


Once you click that button, you’ll have two options. Add from Web or from your Device. When you click from Web, it’s going to remind you that you should just use a “pin it” button (and they’re right). For this lesson, let’s click from your Device. It will prompt you to upload a photo and you’ll browse your device (in this case, my computer hard drive) and choose the image to upload. It will automatically trigger the pin box and you’ll be able to choose your board and add a pin description. Voila!

What does your head shot say about you-

You’re probably going…something is missing! Where does the newly created pin take you? And you’re right. We’ve got one more step. Once the pin has been created and uploaded. Click to edit the pin and then add the URL that you want your audience to click through to in the Source box. Now…ta da!!! Voila!! You’re done!


The process for adding custom Pinterest board covers is 90% what you just learned and 10% PicMonkey fun. Click “Custom” to get started.

The magic dimension size for custom Pinterest board cover is 217 pixels x 147 pixels. 

Once you have your board covers created, you’ll upload each of them via the process above. You don’t have to add a source URL to click through if you’re just going for Pinterest pretty, BUT…our recommendation is to take the opportunity to link through to your website wherever you can! So, if you have a landing page on your website that relates to the items on your board, link your custom board cover through to that page! You never know who might click! To assign the new custom boards as the cover images in your profile, click “Edit” and then “Change Cover” and you’ll be able to scroll through to the new cover image. Click “Save Changes” and you’re done!



Continue Reading

Blogging Resources

Are Your Product Photos Hurting Your Business?



Why are Quality Product Photos Important to my Business?

There are a lot of factors that impact your sales success (or failure). Just like the right strategy and mix of medias can propel sales forward, most marketing mistakes are closely intertwined and can often work against each other to create a rapidly downward spiral. Often, new business owners overlook the power of their product photos when considering market strategy.

Improve My Etsy Product Photos

Today’s world is visually driven by the real-time access that social media provides. The good news is that great images get a lot more love these days. The bad news is that it’s made us a bit complacent when it comes to quality. Not everyone is a pro, and seeing blurry or poorly exposed photos in our news feeds has become a regular occurrence. The result has been small business owners that underestimate the importance of consistent, high quality product photos. Many make do with poor images straight from their camera phones (you can get good images on your phone!) and few take advantage of the massive range of editing software available.

Overlooking the power of your shop’s visual draw is a huge mistake. In a visually motivated society, a certain level of complacency has desensitized our eyes and we often find ourselves aimlessly scrolling through images until something truly powerful catches our attention. The“Well, that’s good enough, it doesn’t have to be perfect.” response to mediocre images most likely means that your product photos are getting lost in a churning sea of visual garbage that your market blindly scrolls past instead of clicking through to purchase.

We live in a world of options. Gone are the local general stores as the only source of food and supplies. These days you can quite literally order something from any corner of the globe with a few clicks or swipes on a computer or phone. The availability of endless options is overwhelming for consumers. Most will gravitate towards the easy button, which typically factors in two key markers. 1. Ease of Website Navigation (More on that later!) and 2. Stellar Product Photos. You have one chance to grab their attention, and even less than that to keep it. All of the factors need to play to your success, not your demise. And that means your product photos should be impeccably styled, consistently clear and properly presented to your marketplace.

How Do You Improve Product Photos?

1. Simple Presentation: Make sure your images highlight your wares. Remove distractions and design a simple layout that makes your product the star! Use simple backdrops and keep product photos tight and clean, avoiding background furniture, people or other elements that do not directly correlate to your market or highlight your product. If your images show your product in use by clients, make sure your background is staged, clean and devoid of the busy of life (i.e. piles of bills, food out, laundry, fridge covered in magnets). You want your buyers looking at one thing. Your product. Don’t tempt them to look away. 

2. Consistent Styling: Your product photos should present as a body of work. This means that each product should be photographed similarly. If your product photos are laid out in an Etsy shop, and their design and presentation differ considerably, your buyer will spend more time (even subconsciously) contemplating the differences. The end result may be poor decision-making or confusion, because the styling has become a stumbling block instead of a showcase. Use the same set up for each product, edit them consistently and make sure the images compliment each other instead of competing with each other. The last thing you want to do with your business is to create an environment where you are competing against yourself! 

3. In-Focus: Blurry photos belong in one place. The trash. That may sound harsh, but you’ll be much happier when you throw away poor product photos and take the extra time to create stellar product photos. Out-of-focus images send a few messages to potential buyers. You don’t take your business seriously, you don’t know what you’re doing and you don’t care enough about me to present your product in a way that I can clearly see…just to name a few. None of those thoughts are encouraging click-throughs. Show value to your audience by taking care to make their visit to your shop as enjoyable as possible, which means they can look at your images with ease, clearly understanding your talent and services, and properly interpreting whether it meets their need.

4. Properly Exposed: Admittedly, there is a bit of a learning curve here, but this is important! If your product photos are overexposed (too bright) or underexposed (too dark), then your prospective buyer can’t see all of the details. They have to work harder to visualize your product in their hands. Like we mentioned before, don’t make them work hard to consider purchasing your services. Whether you invest in professional help or explore today’s popular editing software, make sure your final product photos are well-balanced and properly exposed. 

Improve My Etsy Product Photos

Continue Reading