> For the complete documentation index, see [llms.txt](https://docs.digitalriver.com/salesforce-lightning/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.digitalriver.com/salesforce-lightning/salesforce-lightning-b2b-commerce-app-1.5/integrate-the-salesforce-lightning-app/add-custom-components-to-pages/drag-and-drop-custom-components.md).

# 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**.
