Is there a way to set a thumbnail picture that shows up when I share my website?

Help Customization
1

Hey @matt !

I’m wondering if there is way to set a primary picture that shows up when I share my website on social media or on Linkedin?

For example, when I try to include my website in my Linkedin profile it automatically pulls a photo from my very first post form my blog. I’d love to be able to set a photo of my choosing instead.

Is this something that is possible using CSS or Javascript, etc.?

Hope to hear from you soon! Thanks in advance :slight_smile:

2

Upon further investigation I notice it’s actually pulling a photo from a post about 10 entries after my first post.

3

Hey @mason, I don’t think this is possible through Javascript or anything else right now, but it’s on our roadmap! This will go along with the other customization options we plan to add, like removing Write.as branding and uploading your own favicon.

I’ll keep you updated with progress on that here.

1 Like
4

I have this working on my music blog, but only when I share a page. I’m not sure that it works if I share a link to the homepage.

I am using the post signature as a way to make it work. Below is what I have on my post signature.

<div id="post-signature"><img src="https://i.snap.as/1a5zRHu.jpeg"></div>

Then I have custom CSS to hide it on the page:

#post-signature {
    max-height: 0;
    margin-top: -1em;
    visibility: hidden;
}

The effect is that since my post signature has an image, write.as picks up the image and uses it for the preview cards. The custom css is there to hide it when a user is actually viewing the page.

Here’s a test:

2 Likes