Insert URL on an image

Is there a way to insert a URL on an image?
Example, when an image is click, will open the URL

1 Like

Hey there! I don’t think this is something we currently support, but I’d love to formally log this as a feature request. Do you mind answering the following questions so we can better understand your use-case?

What value does this new feature unlock? What does this help you accomplish?
On a scale of 1 to 4 (1 = nice to have, 4 = absolutely must have), how badly would you say you need this feature?
How would you describe what you’re trying to build with this feature? (Project tracker, blog, client-facing resource, etc.)

1 Like

Hey there!

It actually is something Coda can do with a combination of these formulas:

  • image()
  • Hyperlink()

Its best if you store the link as a URL and you can use the Image URL pack if youd like to quickly grab the URL of an uploaded image.

Theres also ways to manually grab it via the hidden ._merge() formula, but won’t go into that unless someone requests! Its a scary formula!

Heres a quick example doc

2 Likes

Hello, Jasmine.

Thank you for your response.
The use case for this inquiry is that I am building a landing page, where it will serve as a bookmark for all URLs that I am currently using.
This is very similar with SharePoint page components called “Quick links”

Hey Roy! Did you get a chance to look at my solution above? Would that work for you?

1 Like

@Roy_Keith ,

This can also be done with Coda’s buttons.
Instead of providing the button with a label text, instead set it to a formula and use
Image(“https://cdn.coda.io/icons/svg/color/mouse-left-click.svg”,75)
(taking Scott’s example from above)
The button will now show up as an image, and when its clicked its action will be executed.

So set the button’s action to Hyperlink(“https://someURL.com”).
But you can also do any other processing you want using an action formula.

And another way:
If you set the label text of a button to empty (ie “”) and select an appropriate ICON from the several hundred ones available, then your button will just display the icon an nothing else.

Max

1 Like

Hi Scott,

Sorry for the late reply.
I was able to review and take a look at your solution provided, will you be able to provide me with copy access or edit access?

I am trying to build a landing page where I will place all the URLs that I often use.

1 Like

Thank you, Max.
I will try your examples and I’ll let you know.

1 Like

Hey Roy,

If you click on the embedded doc above and “Open it in Coda” there should be an option to copy the doc for yourself. Reach out if you need more help!

I’ve done hyperlinked images, and images on buttons as @Xyzor_Max was speaking about as well

1 Like

Thanks for that, Roy! I’ve gone ahead and logged that as a feature request. In the meantime, the ideas being suggested here sounds like great workarounds.

2 Likes

Scott,

I’ve played around the formula provided, and I would like to change the image but it is not working. Sorry, I must be missing something.

I like to use this image, link is below

https://www.flaticon.com/free-icon/home_553416?term=home&page=1&position=21&page=1&position=21&related_id=553416&origin=search

1 Like

Hey there!

You need to put the link of your image in quotation marks.

1 Like

That works! Thank you all for the help! :slight_smile:

2 Likes