Edit Links

Search…

Edit Links

⚠️ Heads-up! We have a new UI and we’re updating our docs. Your Top Bar will look like you see below.
We left discussing links till the very end for two reasons:
Links can be applied to any kind of element, so we wanted to introduce all elements first to be as general as possible.
You can link pages within the same project, and we wanted to discuss pages first.
Anyway, let’s cut to the chase. How do links work in Vev?
Step 1 - Hover over an element with a link
Note that links have to be added in the Design Editor first (with one exception we’ll come to shortly).
Step 2 - Edit settings
You can choose the type of link you want to have. Each type has its own settings:
Page, i.e. an internal within your Vev project
Animation, to apply a nice transition between pages
Element, to take you to an element within the same page
External, as in a website that is not the current website
URL, e.g. www.google.com
New tab, which opens the page in a new tab if enabled
nofollow, (see this for more info)​
sponsored, (and see this for even more info)​
Email
Phone
Extra: Create your own inline links
As mentioned earlier, links are typically added in the Design Editor. However, you can add inline links by highlighting some text and adding one! The same options apply as before.
You can remove the link by clicking on the text and untoggling the link button.
If you add an inline link but that doesn’t change how it looks, make sure that there there’s a style defined for links within that text box. This is done in the Design Editor.

Content Editor - Previous

Edit Sections

Next - Code Editor

👩🏾‍💻 Meet the Code Editor

Last modified 7mo ago

Copy link

Contents

Step 1 - Hover over an element with a link

Step 2 - Edit settings

Extra: Create your own inline links