> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Add custom links to a Branded App

> Include a floating action button with a menu of custom page links in a Branded App.

The **floating action button** adds a round, clickable shortcut to the lower right corner of Branded App home, library, and custom screens. Tapping it opens a menu of up to five custom page links, giving members quick access to important pages, offers, or external content.

## What is the floating action button?

The floating action button is a round clickable button in the lower right corner of a Branded App home, library, and custom screens. The button uses the brand color selected in app settings:

<img src="https://mintcdn.com/kajabi-support/CAw_ZGr15nGGoiQk/articles/images/09e2aac3_21373616140955.png?fit=max&auto=format&n=CAw_ZGr15nGGoiQk&q=85&s=90d10b0af947b79f13872a6bd37a3287" alt="Floating action button" width="289" height="600" data-path="articles/images/09e2aac3_21373616140955.png" />

When a user clicks the button, a menu of up to five custom page links appears. For example, you can choose to link out to product offers or upsells, a blog, a podcast, or social media sites:

<img src="https://mintcdn.com/kajabi-support/xXNsh6vIFsWHcSnx/articles/images/bd902187_42471191264155.png?fit=max&auto=format&n=xXNsh6vIFsWHcSnx&q=85&s=64973f4f3c0315929c9624d00aae2109" alt="Clicked floating action button" width="289" height="600" data-path="articles/images/bd902187_42471191264155.png" />

## Add a floating action button with custom links to the app

<Note>
  **Note:**
  If you published your Branded App prior to December 20th, 2023 for iOS or January 12th, 2024 for Android and haven't updated your app since those dates, you'll need to update your app in order to add this feature. [Learn how to update your Branded App](/articles/mobile-apps/branded-app/how-to-update-your-branded-app-in-the-apple-app-store-and-google-play-store).
</Note>

To add a floating action button with a menu of custom page links to a Branded App:

1. Select **Branded Mobile App** from your Kajabi dashboard
   * If you've fully completed your [app setup](/articles/mobile-apps/branded-app/how-do-i-get-started-creating-my-own-branded-app), you should see your app Design settings
2. Select the **Design** tab
3. Click **Customize**:

<img src="https://mintcdn.com/kajabi-support/dLYRECbAGEm-mvIM/articles/images/2c8d6fef_27551865003419.png?fit=max&auto=format&n=dLYRECbAGEm-mvIM&q=85&s=2c571cfa77ca3d529730e1322ebb1af5" alt="Customize button" width="1561" height="468" data-path="articles/images/2c8d6fef_27551865003419.png" />

4. Open the **phone icon**:

<img src="https://mintcdn.com/kajabi-support/YkB8kHzDqR38r-uz/articles/images/64079c45_27551865007643.png?fit=max&auto=format&n=YkB8kHzDqR38r-uz&q=85&s=18572bd60afbfa88a7ef32d7f9422210" alt="Phone icon" width="425" height="679" data-path="articles/images/64079c45_27551865007643.png" />

5. Toggle on **Custom Links**:

<img src="https://mintcdn.com/kajabi-support/8uPrhEgKJdMt5T5V/articles/images/f20eac8a_27551844657947.png?fit=max&auto=format&n=8uPrhEgKJdMt5T5V&q=85&s=29ffd6318366a13111642a3007937f43" alt="Toggle custom links" width="425" height="679" data-path="articles/images/f20eac8a_27551844657947.png" />

6. Then, click **+ New link**:

<img src="https://mintcdn.com/kajabi-support/EFdfkzsgcSmbPght/articles/images/c597906b_27551844663835.png?fit=max&auto=format&n=EFdfkzsgcSmbPght&q=85&s=92c805c7e35675ec3f71a5caffe80b8f" alt="New link button" width="1560" height="865" data-path="articles/images/c597906b_27551844663835.png" />

A link settings menu will appear on the right side of the page:

7. Enter a **Title** for the link
8. Next, click the URL dropdown menu and select an **icon** for the link
9. Enter the **URL address** for the link
10. Click **Save** to add the link to the floating action button in the app

## Update or delete button links

### Update a link

To update a page link in the floating action button menu:

1. Select **Branded Mobile App** from your Kajabi dashboard
   * If you've fully completed your [app setup](/articles/mobile-apps/branded-app/how-do-i-get-started-creating-my-own-branded-app), you should see your app Design settings
2. Select the **Design** tab
3. Click **Customize**
4. Open the **phone icon**:

<img src="https://mintcdn.com/kajabi-support/YkB8kHzDqR38r-uz/articles/images/64079c45_27551865007643.png?fit=max&auto=format&n=YkB8kHzDqR38r-uz&q=85&s=18572bd60afbfa88a7ef32d7f9422210" alt="Phone icon" width="425" height="679" data-path="articles/images/64079c45_27551865007643.png" />

5. Navigate to **Custom Links**
6. Select the link you wish to update

A link settings popup menu will appear.

7. Edit the link **Title**, **icon** and/or **URL address** as desired
8. Click **Save** to apply changes to the floating action button in the app:

<img src="https://mintcdn.com/kajabi-support/yV8YCdKpqAWaoiWT/articles/images/7c95610f_27552070623515.png?fit=max&auto=format&n=yV8YCdKpqAWaoiWT&q=85&s=37e6c8ee39dc1b52ea4e7e491bcd2838" alt="Save link changes" width="1560" height="872" data-path="articles/images/7c95610f_27552070623515.png" />

### Delete a link

To delete a page link from the floating action button menu:

1. Select **Branded Mobile App** from your Kajabi dashboard
   * If you've fully completed your [app setup](/articles/mobile-apps/branded-app/how-do-i-get-started-creating-my-own-branded-app), you should see your app Design settings
2. Select the **Design** tab
3. Click **Customize**
4. Open the **phone icon**:

<img src="https://mintcdn.com/kajabi-support/YkB8kHzDqR38r-uz/articles/images/64079c45_27551865007643.png?fit=max&auto=format&n=YkB8kHzDqR38r-uz&q=85&s=18572bd60afbfa88a7ef32d7f9422210" alt="Phone icon" width="425" height="679" data-path="articles/images/64079c45_27551865007643.png" />

5. Navigate to **Custom Links**
6. Click the **X icon** next to the link you wish to delete:

<img src="https://mintcdn.com/kajabi-support/nb-ZvvvD8AMIw1RF/articles/images/e57818da_27552100879771.png?fit=max&auto=format&n=nb-ZvvvD8AMIw1RF&q=85&s=9105ccbe348662be09dc8f5b51db8646" alt="Delete link" width="1560" height="872" data-path="articles/images/e57818da_27552100879771.png" />

A confirmation popup will appear.

7. Click **Delete** to remove the link from the floating action button in the app

<Tip>
  **Tip:**
  Want to remove the floating action button from the app entirely? Delete all of the links from the button menu in the Custom Links settings. Once the link menu is empty, the button will no longer appear in the app.
</Tip>
