Fix open graph on messengers

Hey, is there anyway to fix the open graph image to show in full when sharing on instagram messages and other messengers? On iMessage it show properly but on insta it breaks and doesnt show the full logo for some reason.


Here is my site Read-Only: https://preview.webflow.com/preview/city-pass-2?utm_medium=preview_link&utm_source=designer&utm_content=city-pass-2&preview=ed6e0d2b01cf33aa598cff96568057c2&workflow=preview

Use images that are in a 1.91/1 ratio for instagram og:image. Instagram has detailed info at their site.

What would be the steps to achieve that? Is there a way to change it only for instagram you mean?

Upload a properly sized logo, get the URL from withing the assets folder, set the value then in custom code for the page.

I put the logo in a white frame and copied the URL, how do I set the value after that? Sorry total beginner on this :confused:

That is why Webflow has a university.

See → Control the look of social shares with Open Graph - Webflow University Documentation