Tutorial > Mockplus Cloud > Interaction and Preview > Interaction Settings

Interaction Settings

Link to other pages

Define interaction area

Use a mouse to draw a rectangular zone, release it and drag the link point of the zone to the target page on the Project tree.  By doing that you will build a page jumping link, which means that the user will be redirected to that page after they interact with a zone.

Use a layer to create an interaction area

Double-click the layer you want to make interactive. By doing that you’ll generate an interaction area. You can set its interaction link by selecting the target page on the left project tree.

When you introduce a change in the assets area that is created by the plugin, the interaction created in that area will be automatically synchronized to the modified area after the artboard is uploaded. When you delete the assets area, the corresponding interaction area will be also deleted.

Set as Back Link/Home Page/External Link

Drag the link point of an interactive zone to the button that says: “Drag here to set as backlink ”.  By doing that you will create a backlink. A backlink means that you will be able to jump back to the original page no matter where you are in the prototype.

Note that you can not set an animation for the backlink since it is completely opposite from the animation of the original page.

Drag the link to the other two options to set home link and external link. (Note: When setting up an external link, you need to add a link address in the property panel on the right.)

Interaction Markup

In the prototype page, the blue triangle on the left side of the project tree indicates that there is an interaction on it.

Delayed Auto Jump

Set the deplay time in the "Delay" section of the animation panel. By doing that, the page will automatically jump to the targeted page in a delay while previewing. If you want to delete the automatic jump setting, click on the trash icon in the right animation panel.

Previous Mark Progress
Next Settings