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.
Prototype Links
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.
Click on the Element that you want to have a tour link, in the first Artboard.
You will notice that an arrow appeared on the right of your element selection. Drag this arrow to the destination Artboard.
That's it! Now when you finish generating your website, when you click on this element it will go to your other page!
You can always refer to the official Adobe XD Prototype Help section by clicking here.
Hyperlinks
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.
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.
