How to use this link preview on your site

Here are a few different ways of getting this link preview image installed on your site.

Need help? Send us an email and we'll figure it out together.

Your link preview image

github.com

masilotti.com

Source for masilotti.com, built with Jekyll and Tailwind CSS.

Image via MugshotBot.com

Option 1
Manual download

Download your link preview image and upload it to your site. Look for "social share image" or "preview image" if you use a content management system.

Option 2
Use the Mugshot Bot CDN
Mugshot Bot can host your images, saving you time by skipping any manual downloads. Copy the following tags and paste them into the <head> of your HTML.
<meta property="og:image" content="https://mugshotbot.com/m/18szLfUe">
<meta property="twitter:card" content="summary_large_image">
Option 3
Dynamically generate link previews
Pro
Images with customized titles, descriptions or prices cannot be used dynamically.
renuo.ch logo
by renuo.ch