> For the complete documentation index, see [llms.txt](https://docs.cwicly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cwicly.com/cwicly/components/properties-add/link-property.md).

# Link Property

The Link Property allows you to configure your button property. You can input a Name and choose a simple or advanced button type. Choose a Layout as required. Choose between Static and Advanced (static and dynamc) data.

<figure><img src="/files/SaNOV5a2lKZ57G9IcJUn" alt=""><figcaption></figcaption></figure>

* In the Block Inspector, click "+" to open the Components Properties modal.
* Select the Link Property you wish to configure.
* Open the Settings tab (default).

<figure><img src="/files/kPVDyaEQ8J2y3Apd2n1t" alt=""><figcaption></figcaption></figure>

## Connect

The Link Property you have created needs to be connected for it to be applied to the canvas.

{% hint style="info" %}
You need to select "Modify" in the Toolbar or Block Inspector for the blocks that make up a particular component to be visible.
{% endhint %}

* Select the Component to which you want to connect the Link Property.
* Select "Modify" in the toolbar or the Block Inspector.

<figure><img src="/files/FikHXWS5O5J4Es9SCLxM" alt=""><figcaption></figcaption></figure>

This will open the component in the navigator so you can access the required block.

* Select required block.
* In the Block Inspector, find the Link Property and click the Component icon.
* Choose required block in the Link dropdown.

<figure><img src="/files/aKVop0ungAElsKyQXIsG" alt=""><figcaption></figcaption></figure>

The Link Property will now become green.

<figure><img src="/files/xZlTESNBnTgh1yB5L5Py" alt=""><figcaption></figcaption></figure>

If the Link property is correctly connected, you should see something like this when in "Customise".

<figure><img src="/files/7t5PK9QgLWUkNhSInMTL" alt=""><figcaption></figcaption></figure>

See [Connect a Component Property](#connect-a-component-property).

## Name

* Input a suitable Name for the Link property

<figure><img src="/files/7pmMpxOhvBA0NWyxbSNG" alt=""><figcaption></figcaption></figure>

Once connected, the Link name will appear in the Block Inspector.

<figure><img src="/files/hDrNBTH61WLYfEJLElHM" alt=""><figcaption></figcaption></figure>

## Simple Type

The Simple Type property allows you to set static data for your Link property.

* Open the Components Properties.
* Select required Link property.
* Open Settings tab.
* Select Simple as data Type.

<figure><img src="/files/RHtegmoFNOumrBbbKaYU" alt=""><figcaption></figcaption></figure>

This will open the Link modal where you can input a link URL.

<figure><img src="/files/vxlXzYZJ0LbyvZylFjNn" alt=""><figcaption></figcaption></figure>

For more information about setting up a Link:

{% content-ref url="/pages/-MUMl2y3nJqALhTy\_yTA" %}
[Link](/interactions/link-wrapper.md)
{% endcontent-ref %}

## Advanced Type

The Advanced Type property allows you to add dynamic or static content to your link as required.

* Open the Components Properties.
* Select required Link property.
* Open Settings tab.
* Select Advanced as Type.

<figure><img src="/files/pBlhF4w2rDC7m6H0PtFu" alt=""><figcaption></figcaption></figure>

Now a Dynamic icon appears in the Block Inspector that will allow you to toggle on or off Dynamic content.

* In the Block Inspector, toggle dynamic on for dynamic content.
* This will open the Link modal.
* Input settings as required.

<figure><img src="/files/6aNTTBZKWfEmKB34Djfn" alt=""><figcaption></figcaption></figure>

See:

{% content-ref url="/pages/-MUMl2y3nJqALhTy\_yTA" %}
[Link](/interactions/link-wrapper.md)
{% endcontent-ref %}