I am stuck creating web site list using custom post type in Block Theme

May idea is to have section of my site that lists various external web sites, with options to assign them to categories and tags.

Each site should be represented with Title, Image (snapshot of web site) and URL.

I created Custom Post type according to this. It has only one custom field for web site URL. I use other existing stuff from post: Title for site title, Featured image for snapshot and I created custom field for site URL.

I created custom Archive template for this post type with intention to make it look as I anted it: to show snapshots and titles and make them be active links to site URL.

I cannot make it. Title and image in template have options only to link to post itself. I cannot use URL i entered in custom field.

So, now I have ARchvie page that lists all sites with titles and snapshots but when I click that I get single post that shows title, image and text of a post.

So I have to manually enter site URL and make it link within post text to make it at least visible and clickable.

This is far from good.

Is there a way I can use url from custom field in Archive template to make all items linking to that url? I want to avoid users having to open single post and then click on a link in a post.

If I am using classic template I would manage to handle that with some simple PHP code. But with Gutenberg Block theme, this gets way to complicated.

I do non commercial site, so I have no funds to buy some plugin that may resolve this. I did look for that and had no luck finding plugin that helps making this, commercial or not.

So I have to do this on my own.

Any suggestion or help would be appreciated.