How To Change Open Graph Image Webflow
- George Apostolov
How To Change Open Graph Image Webflow: step-by-step guide
Go to the Pages section from the left sidebar menu.
Hover on the page you wish to change the open graph for and click on the small gear icon for settings.
Scroll down until you find the Open Graph Settings.
You can view the changes to your Open Graph inside the preview as you make changes below.
To set or change the open Graph Image, you need a URL / link to an image file.
You can find your own image and its link or use the assets in your Webflow project. To use them, go to the Assets section in the right sidebar menu.
Hover on the image of your choice and then click on the small gear icon that appears.
A pop-up window will open, click on the small chain icon to copy the link to the image file.
Paste that link inside the Open Graph Image URL field.
Verify the preview of your Open Graph settings.
Click on Save and you've changed the Open Graph Image for your page!
Quick answer: To update your open graph image in Webflow, navigate to the Pages settings, scroll to Open Graph Settings, paste your image URL into the field, and save your changes. You can copy image links directly from your project Assets.
About this Webflow tutorial
Easily update social share previews in Webflow by adding an image URL to your page settings and saving the changes. This guide shows how to change Open Graph Image Webflow in 11 steps, starting with "Go to the Pages section from the left sidebar menu" and finishing with "Click on Save and you've changed the Open Graph Image for your page!". The interactive demo above is a click-through copy of the real Webflow interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to change Open Graph Image Webflow?
11 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your Webflow data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under Webflow. Related guides: How To Change Relative To In Webflow, How To Change Webflow Domain Name and How To Clone A Webflow Website. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
