# 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** ![](/files/gdWiI90IBsNQrB7jE9u2).
2. Type `All Sites` in the **Quick Find** field and click **All Sites**. The All Sites page appears.

   <img src="/files/kiA82akFUyuSh9lT9TUI" alt="" data-size="original">
3. From the All sites page, click **Builder**.\
   ![](/files/M3sbxuXwuQyH9U0I6TOx)
4. Click **Builder**. The Experience Builder page appears\
   .![](/files/sdcsiefJuGd2JK8BP132)
5. Click **Home** at the top left corner.\
   ![](/files/E6yrPO3syXDY7iyWvMCu)
6. To create a new custom page, click **+ New Page**.\
   ![](/files/IvGFAxIv9WFNvnslMyvD)\
   The page will also appear on the **Menu Item**.\
   ![](/files/m5upyuZkFq6k77XhzEZ2)
7. Click **Standard Page**.\
   ![](/files/FsiRpJQVbJfl7YyGKSCl)
8. Select a preconfigured page from the list or click **+ New Blank Page**.![](/files/fUwfqu5HhqdQlyYZEoFJ)
9. Complete the prompts and click **Create**.

## Create a custom menu

To add a menu:

1. Click **Setup** ![](/files/gdWiI90IBsNQrB7jE9u2).
2. Type `All Sites` in the **Quick Find** field and click **All Sites**. The All Sites page appears.

   <img src="/files/kiA82akFUyuSh9lT9TUI" alt="" data-size="original">
3. From the All sites page, click **Builder**.\
   ![](/files/M3sbxuXwuQyH9U0I6TOx)
4. Click the customizable user profile dropdown in the toolbar\
   .![](/files/nn6f73nn5bNl3JLUZgEU)
5. From the **Customizable User Profile** dropdown, select **Authenticated User Options**.![](/files/KSnJh19z6VD2MRjys2rk)
6. Click the **Edit Default User Profile Menu** dropdown.\
   ![](/files/84rJVgNc1WDvx5y1Niaa)
7. Click **+ Add Menu item**.\
   ![](/files/LjwJxa5Mb4QpIuUFJThv)<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.\
     ![](/files/M5WvOzUkY3iet0u86kv0)
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** ![](/files/gdWiI90IBsNQrB7jE9u2).
2. Type `All Sites` in the **Quick Find** field and click **All Sites**. The All Sites page appears.

   <img src="/files/kiA82akFUyuSh9lT9TUI" alt="" data-size="original">
3. From the All sites page, click **Builder**.\
   ![](/files/M3sbxuXwuQyH9U0I6TOx)
4. Click **Home** at the top left corner.\
   ![](/files/E6yrPO3syXDY7iyWvMCu)
5. Type the name of the custom page in the **Find a page** field, and click the custom page in the results list.\
   ![](/files/6sUINhK1mqCcz1ZNzieV)
6. Click Components ![](/files/o7THCH3RHZmXq0w9m6Yi) on the upper left side of the page. The list displays the components that you can add to the page.\
   ![](/files/5VlFf7btXgvlAecyemOM)
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.

## Add Tax Certificates component on the My Account page

This example shows how to add the Tax Certificates component to the **My Account** page.

To add a tax certificate component on the **My Account** page:

1. Click **Setup** ![](/files/gdWiI90IBsNQrB7jE9u2).
2. Type `All Sites` in the **Quick Find** field and click **All Sites**. The All Sites page appears.

   <img src="/files/kiA82akFUyuSh9lT9TUI" alt="" data-size="original">
3. From the All sites page, click **Builder**.\
   ![](/files/M3sbxuXwuQyH9U0I6TOx)
4. Click **Home** at the top left corner.\
   ![](/files/E6yrPO3syXDY7iyWvMCu)
5. Type `My Account` in the **Find a page** field, and click **My Account**.\
   ![](/files/0ac0ABJvGu3R2AwO0p4i)
6. Click Components ![](/files/o7THCH3RHZmXq0w9m6Yi) on the upper left side of the page. The list displays the components that you can add to the page.\
   ![](/files/5VlFf7btXgvlAecyemOM)
7. Scroll down to **drb2b\_usersTaxCertificates**.
8. Drag and drop **drb2b\_usersTaxCertificates** to the My Accounts page.
9. Click **Publish**.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.digitalriver.com/salesforce-lightning/salesforce-lightning-b2b-commerce-app-1.1/integrate-the-salesforce-lightning-app/step-17-integrate-the-digital-river-components-into-the-checkout-flow/add-custom-components-to-pages/drag-and-drop-custom-components.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
