Linkable Blocks, Containers and Elements

What if you'd like to make a Cover Block linkable to an RSVP form? Or how about linking a Speaker Repeatable Element to the speaker's personal website?

Sounds pretty cool, right? There's a pretty simple process that allows Blocks, Containers and Elements to become linkable that can be completed with Designer Pro.

Linking Blocks, Containers and Elements

Linking a block to open the RSVP Form:

1. Open the Layout tab.

2. Add a new block to the page. (You can also select an existing block on the page if you'd like.)

3. In the Layout tab, click on the Block to edit the top-level styles.

4. Open the Properties menu and select "Make Block Linkable".

5. Hover over the block's edge on page and select the Edit chain link option.

6. Select the action to be "Open RSVP/Ticket Form", click Save.

Screen_Recording_2018-02-28_at_08.32_AM.gif

Linking a Block to an External Link:

1. Follow steps 1 - 5.

2. Select the action to be "External Link".

3. Choose whether the link will open in a New Window or Same Window.

4. Then, enter the link you are using and save. Heads up! There are security parameters around long links with symbols. It's recommended to use a link shortener like bit.ly here.

Screen_Recording_2018-02-28_at_08.44_AM.gif

Here's a complete video for demonstration: 

  

Now, let's take a look at linking a Repeatable Speaker Element to an External Link:

1.  Open they Layout tab.

2. Click into the Speaker Element.

3. Wrap all of the Speaker Element content into a Container.

4. Then drag and drop all content into the newly created Container. 

Screen_Recording_2018-02-28_at_06.33_PM.gif

5. Click into the Container to edit the top-level styles.

6. Open the Properties menu and select "Make Block Linkable".

7. Update the Positioning to Relative, and set the Z-index to a number over 1 or 2.

8. Save changes

Screen_Recording_2018-02-28_at_06.35_PM.gif

9. Add a new Repeatable element to the block.

9. Hover over the Repeatable Element's edge on page and select the Edit chain link option.

10. Select the action to be "External Link".

11. Choose whether the link will open in a New Window or Same Window.

12. Then, enter the link you are using and save.

 Screen_Recording_2018-02-28_at_06.37_PM.gif

Check out the full video for demonstration: 

 

Was this article helpful?
0 out of 0 found this helpful