Image as a link

Hi Pinegrow users. I’m very new to Pinegrow and sitemaking in general and I have a problem that I suspect the answer is really simple, I just can’t figure it out.
How do I assign an image to be a link (to another page in my project). I can do it with text but can’t find the way to link from an image (or any other non-text item).
Thanks for any help.


You have to wrap your image <img> in a link element <a>

Drag a link component on to the tree (or page.) You will see the text “Link”
Drag your image on to the tree so it is one level below the link, or directly on to the “Link” text on the page.
Double click the word “Link” on the page and delete the text.
Click on the Link component in the Tree, then go into the properties panel and select your target location (Href)

Thank you Printninja. Thats exactly what I needed. A painfully simple solution that was staring me in the face but I couldn’t see it.

You can also insert the image first, then select the Element tab which provides a place to insert your link, add the Alt text and image sizing.
It used to be a bit simpler if I recall, but complexity requires compromise.

Thanks for the reply and extra info. I’m really having to step up my learning game with Pinegrow but I think it’s worth it in the long run.

Actually… to be a bit more accurate:
In the tree, select your image and RIGHT CLICK > INSERT > TEXT > ANCHOR

Then, like Printninja said, drag your image below the tag in the tree.
Clicking the
tag in the tree will bring up a dialog box in the ELEMENT tab, where you can put the url etc.

Here is a cap inserting a twitter link:
Screen Shot 2020-07-01 at 11.14.05 AM