Linking A Strip To A Page in My Website

Ask the community
,
1

Hey Guys, I’m a graphic designer but very very new to coding. I’ve seen a post about linking a strip column to an outside url. I understand that I have to go into code, and add an event for ‘OnClick’ but I don’t know what to type in. I tried a few things I saw online but they didn’t work or a red dot came up because something was placed incorrectly. I’ve attached a screenshot of what it looks like before I type anything in.

1243×740 656 KB

2

Hi, looks like you already added a click event. Anything you write in line 5 (inside the function) will be run when the strip is clicked.
You now need to use the wix location to navigate to your desired url. You can look at other posts, articles or examples to see how to do that. Good luck!

3

Hi Tomer,

I have the same issue, I’ve already added some code to it, but although I can see a hand icon when hovering the strip it doesn’t do anything once clicked. Here’s a screenshot of the code I used

1133×707 98.9 KB

4

Hi Pedro,
I couldn’t reproduce the problem in my own site.
Can you please link to your site?
BTW, if you navigate to a different page in your site, you should write it as:

wixLocation.to("/another-page")
5

My website is www.pedrogoncalves.me
The only strip that has this active code is the top one (named think).

Please check the error on the screenshot below (I already corrected to code to include the internal page I want to link to.)

1424×742 53.5 KB

6

Looks like you have a problem in the code, did you import wix-location correctly?

7

Looks like you have a problem in the code, did you import wix-location correctly?

8

I don’t know what you mean. Can you give me a step by step of what to do from scratch to make the strip linkable to an internal page? I’d like to also make the strips color change on hover. I don’t know code and this is my first wix website.

9

The import line must be at the top of the code. It looks like you put other code lines above it (I can see }); above it in your screenshot).
P.S. only the import line must be at the top (the click even can stay where it is)

10

You can see code examples and explanation in the docs: wix-location-frontend - Velo API Reference - Wix.com

11

Hi i’m having the same issue with “‘wixlocation’ is not defined” error and i cant see where i’m going wrong.

Any help much appreciated!!

1688×466 51.5 KB

12

you have a misspelling. it should be wix L ocation with a capital L.

13

I am seeing the click hand icon when I hover before clicking in Preview, but not on my live site. The strip is still clickable on the live site though. Do I need to add an explicit method on hover?

I have :
import wixLocation from ‘wix-location’ ;
at the top of the page, and:
export function columnStrip13_click ( event ) {
// This function was added from the Properties & Events panel. To learn more, visit Velo: Working with the Properties & Events Panel | Help Center | Wix.com
// Add your code for this event here:
[wixLocation](wixLocation.to(“/true-lde”)
}) [.](wixLocation.to(“/true-lde”)
}) [to](wixLocation.to(“/true-lde”)
}) [(](wixLocation.to(“/true-lde”)
}) [“/true-lde”](wixLocation.to(“/true-lde”)
}) [)](wixLocation.to(“/true-lde”)
})
[}](wixLocation.to(“/true-lde”)
})
for my on-click method.