Links

Add links to any page, section of a page (anchor) or URL.

Creating Links

You can add links to any text layer or frame by selecting the "Link" property in the property panel. Here, you can pick between linking to a Page within your website, or an external URL. If you select "Page", you can also define a "Target". This allows you to link to a specific section of your page using the Scroll Target property.

For example, you can add a "target" to a section of your page, like #features, by selecting the header of that section and selecting the "Scroll Target" property in the properties panel. Here you can give it a name, like "#features". Then, you can link to this specific section by selecting Page and then selecting the matching Target from the dropdown.

This also means you can send people to specific sections of your page, like https://viewport.framer.wiki/#october.

Link Styles

You can find Link styles within the Link pop-out. To set a link style, select a text layer, click on the Link row, and click on the "Style" property. Link styles behave the same as the other styles, but comes with two main differences.

• They only contain a subset of overridable options, such as color and decoration. This allows you to use them with any heading or paragraph style without having to set all of the properties all over again.

• They have different states, hover, active and current, which you can style differently.

Links

Add links to any page, section of a page (anchor) or URL.

Creating Links

You can add links to any text layer or frame by selecting the "Link" property in the property panel. Here, you can pick between linking to a Page within your website, or an external URL. If you select "Page", you can also define a "Target". This allows you to link to a specific section of your page using the Scroll Target property.

For example, you can add a "target" to a section of your page, like #features, by selecting the header of that section and selecting the "Scroll Target" property in the properties panel. Here you can give it a name, like "#features". Then, you can link to this specific section by selecting Page and then selecting the matching Target from the dropdown.

This also means you can send people to specific sections of your page, like https://viewport.framer.wiki/#october.

Link Styles

You can find Link styles within the Link pop-out. To set a link style, select a text layer, click on the Link row, and click on the "Style" property. Link styles behave the same as the other styles, but comes with two main differences.

• They only contain a subset of overridable options, such as color and decoration. This allows you to use them with any heading or paragraph style without having to set all of the properties all over again.

• They have different states, hover, active and current, which you can style differently.

Links

Add links to any page, section of a page (anchor) or URL.

Creating Links

You can add links to any text layer or frame by selecting the "Link" property in the property panel. Here, you can pick between linking to a Page within your website, or an external URL. If you select "Page", you can also define a "Target". This allows you to link to a specific section of your page using the Scroll Target property.

For example, you can add a "target" to a section of your page, like #features, by selecting the header of that section and selecting the "Scroll Target" property in the properties panel. Here you can give it a name, like "#features". Then, you can link to this specific section by selecting Page and then selecting the matching Target from the dropdown.

This also means you can send people to specific sections of your page, like https://viewport.framer.wiki/#october.

Link Styles

You can find Link styles within the Link pop-out. To set a link style, select a text layer, click on the Link row, and click on the "Style" property. Link styles behave the same as the other styles, but comes with two main differences.

• They only contain a subset of overridable options, such as color and decoration. This allows you to use them with any heading or paragraph style without having to set all of the properties all over again.

• They have different states, hover, active and current, which you can style differently.