# Navigation Settings

In the Navigation Settings of the CRM, you have the ability to create custom tabs for your clients on the CRM Client Portal. This feature enables you to add additional tabs that are not available by default, providing a more customized experience for your clients.

### <mark style="color:red;">1.   Types of Navigation Tabs</mark>

There are 2 types of Navigation Tabs that can be created:&#x20;

1. Group:  Create groups to group multiple navigation tabs together for better organization. \
   ![](https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FKL9G6o8LuKJ2vDD0hL0S%2Fimage.png?alt=media\&token=56708a92-d3ec-42de-8a75-97fb6e674458)
2. Navigation: This refers to the individual navigation tab you will be creating.\
   ![](https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FDzgUbOS1BhqA9z1uW9P4%2Fimage.png?alt=media\&token=8f1f6665-c904-4aca-83df-1ce670fac695)

### <mark style="color:red;">2.   Creating Navigation Tabs</mark>

To create a new navigation tab in the CRM Client Portal, follow these steps:

{% tabs %}
{% tab title="Step 1" %}

1. Click on "Add Navigation Settings" to begin creating a new tab.\
   \
   ![](https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FGIMhXSSH9ZWppnkrBqMo%2Fimage.png?alt=media\&token=ed764980-4e77-4a0c-94ca-2a0284a7687b)
2. Choose between "Group" or "Navigation". \
   ![](https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FlqNMOvSOkUWXAunnDU6P%2Fimage.png?alt=media\&token=52c46f1c-39ba-47f7-ac14-71726e25fa4a)
   {% endtab %}

{% tab title="Step 2" %}
**Group Creation**&#x20;

1. Select the "Icon" relevant to the Group you are creating.&#x20;
2. Fill in the "Group Name" in the respective languages.&#x20;
3. Click "Confirm". \
   ![](https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FPIwazXwojaPli8elEDeL%2Fimage.png?alt=media\&token=f37dad4f-90b3-49cd-909e-336ee533ccf0)
   {% endtab %}

{% tab title="Step 3" %}
**Navigation Creation**&#x20;

1. Select the "Icon" relevant to the Group you are creating.&#x20;
2. Select the "Group" you want to categorize the Navigation Tab under. If you want the navigation tab to be a standalone tab, click "N/A".&#x20;
3. Fill in the "Navigation Name" in the respective languages.&#x20;
4. Click "Confirm". \
   ![](https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FCYhDZXhLBSf8nKNaLDwo%2Fimage.png?alt=media\&token=d1fb0b03-afde-4e5d-86ac-603480eb747d)
   {% endtab %}
   {% endtabs %}

### <mark style="color:red;">3.   Navigation Tab Content</mark>

Once you have created the navigation tabs in the CRM Client Portal, you will need to input the content. There are two ways to do this:

1. **Embedding a Link:** You can create a tab by embedding a link to external content or webpages. This allows you to direct clients to specific resources, websites, or any relevant content you wish to share. Simply provide the URL or link to the desired content, and it will be accessible to clients through the navigation tab.
2. **Inputting Your Own Content:** Alternatively, you can input your own content directly into the custom tab. This gives you the flexibility to create and display personalized content for your clients. You can use this feature to share announcements, guides, educational materials, or any other information you deem valuable. By inputting your own content, you have full control over the information you provide to your clients.

To input the navigation tab content, follow these steps:&#x20;

{% tabs %}
{% tab title="Step 1" %}

1. Click on the "Edit" icon associated with the navigation tab you wish to set up.\
   ![](https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FQ3kKw5j7Yu98vzKOhi4S%2Fimage.png?alt=media\&token=6963e0f5-5a9f-41d9-9c19-bbdce2ad029c)
2. Choose between "Link Embedding" or "Content Input" options.<br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FeSyKeci2IBR7ARIS1cCb%2Fimage.png?alt=media&#x26;token=b5a15eb0-7d4c-4801-af99-d4555f55c829" alt=""><figcaption></figcaption></figure>

{% endtab %}

{% tab title="Step 2" %}
For "Link Embedding", simply enter the desired link or URL for the tab and click "Confirm".&#x20;

<figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FFTD0cD1pW1wyMQZIyg1s%2Fimage.png?alt=media&#x26;token=4e1ebad8-7dce-4fb7-8c19-0186587418a4" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Step 3" %}
For "Content Input", you have three options to input the content:&#x20;

1. Simple - Add in Content: Enter the content directly into the provided field. <br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FXzw3KREOqMIdOZfDO4bD%2Fimage.png?alt=media&#x26;token=607e69a4-e1e5-4242-acf1-b65ea32f4685" alt=""><figcaption></figcaption></figure>
2. Simple - HTML Code: Input custom HTML code for more advanced design and customization. <br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FeZtk8W08J4L1TOuzyKHg%2Fimage.png?alt=media&#x26;token=a0d15178-6e31-4bec-94ba-efb18d07495f" alt=""><figcaption></figcaption></figure>
3. Advanced - AI Editor: Utilize the AI editor function available on the CRM for more advanced content creation.<br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FyFETD16lLJEWp4qqbAbg%2Fimage.png?alt=media&#x26;token=072a5c45-5ce6-4a73-892e-2eb0acd649a9" alt=""><figcaption></figcaption></figure>
4. Click "Confirm" to save the changes.
   {% endtab %}
   {% endtabs %}

### <mark style="color:red;">4.   Permissions</mark>

After creating the Navigation tabs, you will need to grant appropriate permissions to the relevant Client Groups.  (For more details, please refer to this section: [client-groups](https://reference-guide.gitbook.io/how-to-setup-your-prop-broker/4.-client-group-settings/client-groups "mention"))&#x20;

### <mark style="color:red;">5.   Application</mark>

1. Groups Created\
   ![](https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FLdFIHGE36kVretzJdrtN%2Fimage.png?alt=media\&token=1c03a468-c101-407c-825f-c6122385afec)
2. Navigation Tabs Created<br>

   <figure><img src="https://489269767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWBlbPg7sM6ADA13bB4T%2Fuploads%2FjpRCA6gXGdpTwgbge2rl%2Fimage.png?alt=media&#x26;token=dd0455c5-3124-421d-8366-599d18599418" alt=""><figcaption></figcaption></figure>
