# 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://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2FDlwIw6f2bnadEr3yw8XN%2FSetup.png?alt=media). 2. Type `All Sites` in the **Quick Find** field and click **All Sites**. The All Sites page appears. 3. From the All sites page, click **Builder**.\ ![](https://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2Fd7dfj8LtilsgH0GzRl6m%2FAll-Sites.png?alt=media) 4. Click **Builder**. The Experience Builder page appears\ .![](https://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2Fg5UV3Ul7tZwTHl44GtSL%2FExperience%20Builder%20Welcome%20page.png?alt=media) 5. Click **Home** at the top left corner.\ ![](https://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2F09rKTTFLgEK3UZen5mK8%2FHome%20button.png?alt=media) 6. To create a new custom page, click **+ New Page**.\ ![](https://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2FrytcCPRmffEwFxygAEvX%2FNew%20Page.png?alt=media)\ The page will also appear on the **Menu Item**.\ ![](https://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2F5AyHnuL7T8OGWEfWp9ce%2FMenu%20item.png?alt=media) 7. Click **Standard Page**.\ ![](https://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2FyYOVVm0Py0ZmZISq1XsV%2FNew%20Page%20-%20Experience%20Builder.png?alt=media) 8. Select a preconfigured page from the list or click **+ New Blank Page**.![](https://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2FS5Lo50vShOhHqFCZidyi%2FNew%20Page%20-%20Experience%20Builder%20dialog.png?alt=media) 9. Complete the prompts and click **Create**. ## Create a custom menu To add a menu: 1. Click **Setup** ![](https://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2FDlwIw6f2bnadEr3yw8XN%2FSetup.png?alt=media). 2. Type `All Sites` in the **Quick Find** field and click **All Sites**. The All Sites page appears. 3. From the All sites page, click **Builder**.\ ![](https://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2Fd7dfj8LtilsgH0GzRl6m%2FAll-Sites.png?alt=media) 4. Click the customizable user profile dropdown in the toolbar\ .![](https://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2Fwd2T1uBwkRDRxnCBZPs3%2FUser%20profile%20dropdown.png?alt=media) 5. From the **Customizable User Profile** dropdown, select **Authenticated User Options**.![](https://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2FnMwiNpwtF1Sr62iGp8n4%2FCustomizable%20User%20Profile%20Menu.png?alt=media) 6. Click the **Edit Default User Profile Menu** dropdown.\ ![](https://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2FqXEum73mTDdc4MburTRz%2FEdit-Default-User-Profile-Menu.png?alt=media) 7. Click **+ Add Menu item**.\ ![](https://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2Fbdyu9lwnC0VWsqJVxyLr%2FEdit-Default-User-Profile-Menu-dialog.png?alt=media)
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://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2FdLjgCxKNAt3kkx9bQmM4%2FMenu%20item%20details.png?alt=media) 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://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2FDlwIw6f2bnadEr3yw8XN%2FSetup.png?alt=media). 2. Type `All Sites` in the **Quick Find** field and click **All Sites**. The All Sites page appears. 3. From the All sites page, click **Builder**.\ ![](https://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2Fd7dfj8LtilsgH0GzRl6m%2FAll-Sites.png?alt=media) 4. Click **Home** at the top left corner.\ ![](https://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2F09rKTTFLgEK3UZen5mK8%2FHome%20button.png?alt=media) 5. Type the name of the custom page in the **Find a page** field, and click the custom page in the results list.\ ![](https://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2FQU1R9HsXuwYmWS7WSX5G%2FFind%20a%20page.png?alt=media) 6. Click Components ![](https://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2FhjSFZHcUZ3ziSr1rIvoE%2FComponents.png?alt=media) on the upper left side of the page. The list displays the components that you can add to the page.\ ![](https://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2FyxrceYhpoD9RwF4jinqR%2FComponents%20list.png?alt=media) 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.