Use the link field to dynamically add links to your designs.
The link field is a Collection field that lets you dynamically add links to your designs. Link fields are usually connected to link elements like text links or buttons to become active links. You can even choose to display the URLs as text. Link fields can also be used to filter Collection Lists or show specific elements using conditional visibility in your Collection Lists or on Collection Pages.
In this lesson, we'll show you how to:
A link field can be added to a new or existing Collection. In Collection settings, click New Field and then choose the Link field.
And as with any field, you can specify if the field is required or not.
You or your Collaborators can select a Collection Item in the CMS and add any valid URL to this field.
The link field can be connected to any text element.
You can also access the Inner Text Settings by selecting the text element and either clicking the settings icon next to the element label on the canvas, or by going to the Settings panel (D).
You can remove the connection by unchecking the Get text from checkbox in the Inner Text Settings.
You can also connect a link field to any link element, including a button. To create a dynamic link:
You can also pull the text for a button from a plain text field or from the link field.
You can also access the Link Settings by selecting the text element and either clicking the settings icon next to the element label on the canvas or by going to the Settings panel (D).
You can remove the connection by unchecking the Get URL from and/or Get text from checkbox(es) in the Settings panel.
To filter your Collection List using a link field:
The filter rules that you can use with the link field and values are:
You can set conditional visibility to show or hide individual elements in a Collection List or on a Collection Page using the link field.
For example, if you have a Collection of people and want to list their Facebook profiles, but know that they don't all have Facebook pages, you can:
Now, you can set the following condition to ensure that the button is visible on the page only when a Facebook page link is set.