# 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/cMse5dnAKvo2qT6VvSWW/blobs/TYz6UH5EtsO1vgavpl54/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/cMse5dnAKvo2qT6VvSWW/blobs/oKlSv1mp2WbWRgIVuiwc/Quick%20Find%20-%20All%20Sites.png" alt="" data-size="original">
3. From the All sites page, click **Builder**.\
   ![](https://content.gitbook.com/content/cMse5dnAKvo2qT6VvSWW/blobs/DLkK1HmAfaZbFk3EN3yq/All-Sites.png)
4. Click **Builder**. The Experience Builder page appears\
   .![](https://content.gitbook.com/content/cMse5dnAKvo2qT6VvSWW/blobs/FXchFKGrOK3nDPdxTOyB/Experience%20Builder%20Welcome%20page.png)
5. Click **Home** at the top left corner.\
   ![](https://content.gitbook.com/content/cMse5dnAKvo2qT6VvSWW/blobs/TB4DMlSDKAQKPRrqeAf9/Home%20button.png)
6. To create a new custom page, click **+ New Page**.\
   ![](https://content.gitbook.com/content/cMse5dnAKvo2qT6VvSWW/blobs/smd31btM0nxr8fUFkcaz/New%20Page.png)\
   The page will also appear on the **Menu Item**.\
   ![](https://content.gitbook.com/content/cMse5dnAKvo2qT6VvSWW/blobs/gy5lUp6yEiHeWnQF8s34/Menu%20item.png)
7. Click **Standard Page**.\
   ![](https://content.gitbook.com/content/cMse5dnAKvo2qT6VvSWW/blobs/VXlf3ynqQ1ejwAplL6uO/New%20Page%20-%20Experience%20Builder.png)
8. Select a preconfigured page from the list or click **+ New Blank Page**.![](https://content.gitbook.com/content/cMse5dnAKvo2qT6VvSWW/blobs/KfOSz35pmruFpZBuN2rU/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/cMse5dnAKvo2qT6VvSWW/blobs/TYz6UH5EtsO1vgavpl54/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/cMse5dnAKvo2qT6VvSWW/blobs/oKlSv1mp2WbWRgIVuiwc/Quick%20Find%20-%20All%20Sites.png" alt="" data-size="original">
3. From the All sites page, click **Builder**.\
   ![](https://content.gitbook.com/content/cMse5dnAKvo2qT6VvSWW/blobs/DLkK1HmAfaZbFk3EN3yq/All-Sites.png)
4. Click the customizable user profile dropdown in the toolbar\
   .![](https://content.gitbook.com/content/cMse5dnAKvo2qT6VvSWW/blobs/DutRD52O1pHhKyemy8Zi/User%20profile%20dropdown.png)
5. From the **Customizable User Profile** dropdown, select **Authenticated User Options**.![](https://content.gitbook.com/content/cMse5dnAKvo2qT6VvSWW/blobs/tjtD1wTEaNMMXGG3PDb2/Customizable%20User%20Profile%20Menu.png)
6. Click the **Edit Default User Profile Menu** dropdown.\
   ![](https://content.gitbook.com/content/cMse5dnAKvo2qT6VvSWW/blobs/LNPlJmADUrCDLxDqeuwD/Edit-Default-User-Profile-Menu.png)
7. Click **+ Add Menu item**.\
   ![](https://content.gitbook.com/content/cMse5dnAKvo2qT6VvSWW/blobs/44FmCSAYK2wq4YY56uvt/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/cMse5dnAKvo2qT6VvSWW/blobs/7P6IqpTRGosTs1BtmlwB/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/cMse5dnAKvo2qT6VvSWW/blobs/TYz6UH5EtsO1vgavpl54/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/cMse5dnAKvo2qT6VvSWW/blobs/oKlSv1mp2WbWRgIVuiwc/Quick%20Find%20-%20All%20Sites.png" alt="" data-size="original">
3. From the All sites page, click **Builder**.\
   ![](https://content.gitbook.com/content/cMse5dnAKvo2qT6VvSWW/blobs/DLkK1HmAfaZbFk3EN3yq/All-Sites.png)
4. Click **Home** at the top left corner.\
   ![](https://content.gitbook.com/content/cMse5dnAKvo2qT6VvSWW/blobs/TB4DMlSDKAQKPRrqeAf9/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/cMse5dnAKvo2qT6VvSWW/blobs/U0rE8Ldehm1sZONyST4e/Find%20a%20page.png)
6. Click Components ![](https://content.gitbook.com/content/cMse5dnAKvo2qT6VvSWW/blobs/28KAp5UTDyLDNQMbwU98/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/cMse5dnAKvo2qT6VvSWW/blobs/tbTFHXWsGCgdYp9Lm76t/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.
