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