How To Change Open Graph Image Webflow

Quick summary

Changing the Open Graph image in Webflow controls the thumbnail preview shown when your page is shared on social media. This step-by-step walkthrough covers how to access page settings, locate the Open Graph section, and paste an image URL to update the social share image.

Steps

1. Go to the Pages section from the left sidebar menu.
2. Hover on the page you wish to update and click the small gear icon to open its settings.
3. Scroll down until you find the Open Graph Settings section.
4. View the Open Graph preview panel to see changes reflected in real time as you edit.
5. Prepare a URL link to an image file to use as your Open Graph image.
6. Navigate to the Assets section in the right sidebar if you want to use an image already in your Webflow project.
7. Hover over the image of your choice and click the small gear icon that appears on it.
8. In the pop-up window, click the small chain icon to copy the direct link to the image file.
9. Paste that link into the Open Graph Image URL field in the page settings.
10. Verify the Open Graph preview to confirm the image looks correct.
11. Click Save to apply and publish your updated Open Graph image.