Yotako Logo
Docs navigation

Interactions

Learn how to add links to the pages of your WordPress website.


There are two types of links in the Yotako Plugin, Prototype links, and Hyperlinks.

A prototype link is a link that will happen when you have selected at least two Artboards in Step 1, and add a prototype link from Adobe XD to link both pages.

Here is how you can do it:

Go to the prototype tab of Adobe XD.

image

Click on the Element that you want to have a tour link, in the first Artboard.

image

You will notice that an arrow appeared on the right of your element selection. Drag this arrow to the destination Artboard.

image

That's it! Now when you finish generating your website, when you click on this element it will go to your other page!

Please note: The only supported type of Prototype link currently is the Artboard one, other triggers like Drag and Animate are currently not supported by Adobe XD plugin API.

You can always refer to the official Adobe XD Prototype Help section by clicking here.

Adding a hyperlink is really simple:

In Step 2, Click on any element in any of your Artboards that you previously selected in Step 1.

A block will appear right below the Element Selection Block, with the title Add Link to this Element.

image

Enter the hyperlink URL that you want, and click Add!

Done! Now when you finish generating your website, when you click on this element it will navigate to your custom hyperlink! You are also free to edit or remove this link anytime.

image