# Add custom components outside of checkout

Read this section to learn how to add custom components outside of checkout.  The table below lists each custom component and the recommended page to which you should add it. It also provides the recommended designer attribute configuration. 

Any time a change is made to any component or page in Experience Builder, you must publish the site so that the changes are reflected on the live site.

{% hint style="info" %}
**Note:** The table refers to pages such as “My Wallet,” “My Tax Certificates,” and “My Tax Identifiers.” These are examples of custom pages you could create in Experience Builder. You can add these components to any custom page on the site.
{% endhint %}

<table data-header-hidden><thead><tr><th width="172"></th><th></th><th></th><th></th></tr></thead><tbody><tr><td><strong>Component Name</strong></td><td><strong>Page(s)</strong></td><td><strong>Description</strong></td><td><strong>Recommended Designer Attributes*</strong></td></tr><tr><td><code>drb2b_drCompliance_LWR</code></td><td><p>Cart, Checkout, and All Custom pages<br></p><p>It is recommended that you include this component on all pages where Digital River is collecting data from the shopper.</p></td><td>Use this component to show the Digital River compliance links.</td><td>Use Default Selling Entity: Checked on all pages <em>except</em> for Checkout</td></tr><tr><td><code>drb2b_paymentDetails_LWR</code></td><td><p></p><p>Order Summary Details</p><p> </p></td><td>This component shows payment details.</td><td><p></p><p>Auto Initialize: Checked</p></td></tr><tr><td><code>drb2b_delayedPaymentInstructions_LWR</code></td><td>Order Summary Details</td><td>Use this component to display the Delayed Payment instructions for delayed payment methods such as Wire Transfer and Konbini</td><td></td></tr><tr><td><code>drb2b_VatCreditMemo</code></td><td>Order Summary Details</td><td>Use this component to show invoices and credit memos to the user. It should appear on the Order Summary Details page two times: one refers to the invoice and the other refers to the credit memo.</td><td><p></p><p>Type: Credit Memos or Invoices</p><p> </p><p>You should configure two instances of the component, one with each type</p></td></tr><tr><td><code>drb2b_OfflineRefund_LWR</code></td><td>Order Summary Details</td><td>Use this component to collect refund banking details for shoppers using offline payment methods such as wire transfer or konbini.</td><td>n/a</td></tr><tr><td><code>drb2b_myWallet_LWR</code></td><td>My Wallet</td><td>Use this component to show and add new payment sources in the wallet.</td><td>Dropin Config: leave blank</td></tr><tr><td><code>drb2b_myTaxIdentifier_LWR</code></td><td>My Tax Identifier</td><td>Use this component to add a tax identifier to the shoppers account outside the checkout flow.</td><td>n/a</td></tr><tr><td><code>drb2b_usersTaxCertificates_LWR</code></td><td>My Tax Certificate</td><td>Use this component to upload tax certificates.</td><td>n/a</td></tr></tbody></table>

\*See [Designer Attributes for LWR](https://docs.digitalriver.com/salesforce-lightning/salesforce-lightning-b2b-commerce-app-2.1/extend-the-salesforce-lightning-app/customizing-the-lightning-web-components/designer-attributes/designer-attributes-for-lwr) for more information.