How to dynamically pull an Open Graph image for page?

Question
1

I’ve got a page that, depending on what data it is fed, will display data for an item from my external database (Xano).

What I want to have happen is when a user shares the page, the image that is displayed on Facebook and other platforms is a picture of the product for that page. However, Bubble doesn’t appear to have a way to do that based on the dropdown I’m seeing (see below)

bubble-image
bubble-image392×1053 55.9 KB

Any idea on how to accomplish this?

2

Also looking for this.

Apparently you can’t do a search since open graph is obtained on page load.

3

That (mostly) makes sense to me. But with that said, how is it then able to fetch the title for the page, which is coming through the same API call my image would come through?

4

True… There should be a way to do it