How can I update the thumbnail that appears when sharing my Webflow site link on SMS or social media messengers to be a thumbnail of my site?
TL;DR
- Access Project Settings in Webflow Dashboard, navigate to SEO tab, upload a 1200 x 630 pixel Open Graph image, save changes, and publish the site.
- Test the link to verify the new thumbnail appears correctly, using tools like Facebook Sharing Debugger if needed.
To update the thumbnail that appears when sharing your Webflow site link on SMS or social media messengers, you need to adjust the Open Graph settings of your Webflow project.
1. Open Project Settings
- Go to your Dashboard and find the project you want to update.
- Click on Project Settings for that specific project.
2. Access SEO & Open Graph
- Click on the SEO tab within your project settings.
- Locate the Open Graph Settings area.
3. Upload an Open Graph Image
- You will find an option to upload an Open Graph Image in this section.
- Upload the image you want to use as the thumbnail when your site link is shared.
4. Update Image Dimensions
- Ensure your image is 1200 x 630 pixels for optimal clarity across platforms.
- The image should be a JPG or PNG file.
5. Save and Publish
- After uploading, save your changes.
- Publish your site to ensure changes propagate to the live version.
6. Test Share Link
- Share the link on a social media platform or SMS to verify the new thumbnail appears correctly.
- If required, use a tool like Facebook Sharing Debugger to refresh the cached preview.
Summary
To use a specific thumbnail when your Webflow site is shared, upload an image in the Open Graph settings, save changes, and republish your site. Ensure the image is 1200 x 630 pixels for best results.