# Deeplink

{% hint style="info" %}
This feature is available for **All plans**.
{% endhint %}

### What is "Deeplink"?[**​**](https://help.avada.app/joy/how-to-set-up-VIP-Tier/#introduction)

Deeplink is a feature that simplifies access to the Joy widget directly from your store's website. By adding Deeplinks to your menu or footer, customers can quickly open the loyalty program interface, improving their interaction with your store.

Additionally, this Deeplink allows you to hide the floating button if not needed. The widget will be triggered by the link on the menu.

### Why do you need Deeplinks?

Deeplinks make it easy for customers to access your Joy widget directly from your website’s menu or footer, ensuring seamless interaction with your loyalty program. They also let you hide the floating button, keeping your store’s design clean while maintaining quick access for customers.

### **How to set up**

Deeplink is supported right out of the box, so there’s no need to manually set up the deeplink anchors. The available anchors include: `#joy-home`, `#joy-ways-to-earn`, `#joy-ways-to-redeem`, `#joy-referral-program`

{% stepper %}
{% step %}
**Find your deeplink settings**

Go to **Setting > General** and you can see the deeplink information

<figure><img src="https://1367962225-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpAxc1paAgix94BNLrez8%2Fuploads%2Fgit-blob-1ec2733b02144c60908871ed5bf8d535295c9d69%2Fimage%20(192).png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
**Add the Deeplink to the Menu or Footer**

In the top bar navigation, select **Online Store** -> choose **Navigation.** Next, choose the Main Menu or Footer where you want to add the Deeplink

<figure><img src="https://1367962225-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpAxc1paAgix94BNLrez8%2Fuploads%2Fgit-blob-0c85563815d9fdb3432f397f8588759d519b74a7%2Fimage%20(193).png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
**Fill the information for the menu item**

Click on **Add menu item**, and fill in the name for the menu item. With the URL value, you can just paste the value copied straight from the Joy admin and then hit Enter.

<figure><img src="https://1367962225-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpAxc1paAgix94BNLrez8%2Fuploads%2Fgit-blob-fa418020adeb87ebf0d93d3d07f567a594e8bdca%2Fimage%20(194).png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

In the example below, I chose the **Main menu** and added a **Rewards** item to it. I then pasted the parameter `#joy-home` into the link field. After saving all the settings, clicking "Rewards" in the menu will automatically display the Joy widget's home page.

<figure><img src="https://1367962225-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpAxc1paAgix94BNLrez8%2Fuploads%2Fgit-blob-15116fd256806f64581b3d39fff1435f4454fce6%2Fpreview.gif?alt=media" alt=""><figcaption><p>The floating widget show on the click of the link on the top navigation</p></figcaption></figure>

### How to trigger widget using top menu only

In **Widget Design** > **Advanced Settings**, simply toggle the **Hide Widget** option. This will hide the floating button, but the widget will still function and can be triggered via a deeplink or our [JS SDK](https://devdocs.joy.so/joy-javascript-api/widget-methods#open-widget).

<figure><img src="https://1367962225-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpAxc1paAgix94BNLrez8%2Fuploads%2Fgit-blob-84deeb7363db89f3c7be15d937aca51eed54ff69%2Fimage%20(196).png?alt=media" alt=""><figcaption></figcaption></figure>

### Wrap up

Integrating Deeplinks into your website’s menu or footer provides an alternative way for customers to access your loyalty program. By setting up Deeplinks, you give your customers an additional, convenient option to trigger the Joy widget whenever they need it.