# Drag and drop (custom) components

## Custom pages and menu items

The app provides custom components for three custom pages: My Wallet, My Tax Certificates, and My Tax Identifiers. We recommended that you create these custom pages as required.

To customize a page in Experience Builder:

1. Click **Setup** ![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/BcJ2YbwBnYvUoes4Bu0e/Setup.png).
2. Type `All Sites` in the **Quick Find** field and click **All Sites**. The All Sites page appears.

   <img src="https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/dze1JkFxoREIZAGx2kx8/Quick%20Find%20-%20All%20Sites.png" alt="" data-size="original">
3. From the All sites page, click **Builder**.\
   ![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/jsu4zGoFFb20b5K8KQZE/All-Sites.png)
4. Click **Builder**. The Experience Builder page appears\
   .![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/G3VqdXaFtYetWNW9Wzok/Experience%20Builder%20Welcome%20page.png)
5. Click **Home** at the top left corner.\
   ![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/xJpyGq5xhqTvfZwOeC8j/Home%20button.png)
6. To create a new custom page, click **+ New Page**.\
   ![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/afB6sKFTqUnMq5ahZHYo/New%20Page.png)\
   The page will also appear on the **Menu Item**.\
   ![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/dNLOonTDsn52HU6W9sUn/Menu%20item.png)
7. Click **Standard Page**.\
   ![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/1twO84Vbxms1AYliA47W/New%20Page%20-%20Experience%20Builder.png)
8. Select a preconfigured page from the list or click **+ New Blank Page**.![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/OOgZ3Rn0rGHMW3Z1xp6J/New%20Page%20-%20Experience%20Builder%20dialog.png)
9. Complete the prompts and click **Create**.

## Create a custom menu

To add a menu:

1. Click **Setup** ![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/BcJ2YbwBnYvUoes4Bu0e/Setup.png).
2. Type `All Sites` in the **Quick Find** field and click **All Sites**. The All Sites page appears.

   <img src="https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/dze1JkFxoREIZAGx2kx8/Quick%20Find%20-%20All%20Sites.png" alt="" data-size="original">
3. From the All sites page, click **Builder**.\
   ![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/jsu4zGoFFb20b5K8KQZE/All-Sites.png)
4. Click the customizable user profile dropdown in the toolbar\
   .![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/KLSbt3Bj3WaTph3q2SNu/User%20profile%20dropdown.png)
5. From the **Customizable User Profile** dropdown, select **Authenticated User Options**.![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/En4LKqWH46AgFxiLAvSP/Customizable%20User%20Profile%20Menu.png)
6. Click the **Edit Default User Profile Menu** dropdown.\
   ![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/3juPFjAWUmKdQq3Gu8QB/Edit-Default-User-Profile-Menu.png)
7. Click **+ Add Menu item**.\
   ![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/tWbAHTEstjEqLYGtBTCg/Edit-Default-User-Profile-Menu-dialog.png)<br>
8. Select **Site Page** from the **Type** dropdown.
   * Type a name for the menu item in the **New menu Item** field.
   * Select the custom page you want to use from the **Page** dropdown list.\
     ![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/JBuZKYuSz8j12kFrwQz0/Menu%20item%20details.png)
9. Click **Save Menu**.
10. Click **Publish**.

## Add a custom component to a custom page

To add a custom component to a custom page:

1. Click **Setup** ![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/BcJ2YbwBnYvUoes4Bu0e/Setup.png).
2. Type `All Sites` in the **Quick Find** field and click **All Sites**. The All Sites page appears.

   <img src="https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/dze1JkFxoREIZAGx2kx8/Quick%20Find%20-%20All%20Sites.png" alt="" data-size="original">
3. From the All sites page, click **Builder**.\
   ![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/jsu4zGoFFb20b5K8KQZE/All-Sites.png)
4. Click **Home** at the top left corner.\
   ![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/xJpyGq5xhqTvfZwOeC8j/Home%20button.png)
5. Type the name of the custom page in the **Find a page** field, and click the custom page in the results list.\
   ![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/exQuKy0msunJqrHrfWM6/Find%20a%20page.png)
6. Click Components ![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/mYcNi6OL5OCwthfKJhN9/Components.png) on the upper left side of the page. The list displays the components that you can add to the page.\
   ![](https://content.gitbook.com/content/3R66sN5xrbmDAJUBEoHo/blobs/5vqr4beEvRWpf9G3SoYa/Components%20list.png)
7. Drag and drop the custom component on the custom page.
8. Click **Publish**.
9. Repeat steps 5 through 8 for remaining custom components you want to add to various pages.
