Free social media workshops and affordable digital marketing services to help you engage your audience.

How to embed a link to a Google drive document with a picture on a website - Some HTML coding required to follow along with adding pictures to links.

The HTML embed option to add content uses the following format <a href="[GOOGLE-URL]"><img src="[IMAGE-URL]" /></a>

With these HTML codes links can be customised with pictures.

For example:

<a href=""><img src="" /></a>



  1. For the [GOOGLE-URL] left click on the document in Google drive and select the get link option.
  2. For the [IMAGE-URL] upload your picture to a public page, left click on the picture (in Google Chrome) and select copy link address.
  3. To format the size of the picture refer to the HTML <img> tag for options.
  4. For more information about how the link tag works refer to the HTML <a> tag.
  5. For more formatting options refer to the HTML <style> tag (not shown here).

Share a comment if you found this helpful?

What people are saying

Feel very welcome to share a thought with a comment.

COMMUNITY SUPPORT FREE - we value and understand the volunteering effort that goes into making a difference, that is why community support with workshops and the social media engagement survey is free - to learn more visit actionable FREE help with community engagement.
WE ARE HERE TO HELP - use the chat to message with social media and digital marketing questions about anything.
Social media engagement webinar available FREE daily - to RSVP subscribe.
Would you like some actionable help with your engagement ideas? - as often as you like, feel very welcome to share your engagement ideas in the chat. When you do, we will review and add them to your personalised social and digital plan on your account page.
You've successfully subscribed to influencerTips
Great! Next, complete checkout for full access to influencerTips
Welcome back! You've successfully signed in
Success! Your account is fully activated, you now have access to all content.