# Extend the Salesforce B2C LINK Cartridge
You can extend the functionality and features of the Salesforce B2C LINK Cartridge to meet your integration needs. Read the following section to learn how you can do this.
## Custom code
{% hint style="info" %}
**Important**: Follow the instructions below only when you cannot use the cartridge directly and unmodified, or you need to resolve conflicts with other cartridges on your project. Otherwise, you must compile the client-side scripts and styles, upload the cartridge, and add it to your storefront cartridge path. \
\
Cartridge **int\_digitalriver\_sfra** already contains all templates and script changes.
{% endhint %}
## SFRA version 6.0.0 templates
This section describes changes applied to the most recent 6.0.0 templates provided with the cartridge. In addition, the section describes changes that may need to be made to templates to support specific client use cases and integration choices.
The following templates and their changes are described in this section:
* [Add payment](#add-payment)
* [Dashboard profile cards](#dashboard-profile-cards)
* [Cart totals](#cart-totals)
* [Payment options summary](#payment-options-summary)
* [Billing](#billing)
* [Stored payment instruments](#stored-payment-instruments)
* [Confirmation](#confirmation)
* [Checkout](#checkout)
* [Order total summary](#order-total-summary)
{% hint style="info" %} Note: All line numbers referred to in the following code samples and example screenshots are relative. For the location of the code changes being discussed, refer to the highlighted areas in the screenshots that are isolated with a green or red border around the code.
{% endhint %}
### Add payment
Use the add payment (`addPayment.isml`) template to add payment cards to the customer's account. You can use the template to add Drop-in functionality (DigitalRiver.js) and Drop-in styles (DigitalRiver.css), as well as place Drop-in on an account page.
**Template**: `cartridge/templates/default/account/payment/addPayment.isml`
Added this Digital River script to provide Drop-in functionality on the page and apply related changes to Drop-in styles.
```markup
```
Applied the changes to Drop-in styles.
```markup
assets.addCss('/css/digitalRiver.css');
```
Added the following condition inside the `card-body` `div`.
```markup
Include Digital River Drop-in Default Payment form Default Payment form
```
### Dashboard profile cards
Use the dashboard profile cards (`dashboardProfileCards.isml`) template to add a Digital River Tax Certificates section to your Profile Dashboard page. The following image shows the out-of-the-box (OOTB) Dashboard Profile Dashboard page for Salesforce B2C Link Cartridge.
When you apply the dashboard profile cards template, it adds Tax Certificates.
**Template path**: `cartridge/templates/default/account/dashboardProfileCards.isml`
Added the Digital River tax certificate section on the page. In this example, tax certificates are displayed in My account only for the US locale. This section is available for US locale only.
```markup
```
### Cart totals
Use the cart totals (`cartTotals.isml`) template to include the Digital River Order Summary section on your Checkout page.
**Template**: `cartridge/templates/default/cart/cartTotals.isml`
Included the **Digital River Taxations** section in the cart totals template after the discount section.
```markup
### Payment options summary
As part of Billing, you can use the payment options summary template (`paymentOptionsSummary.isml`) to extend the payment condition with the `DIGITAL_RIVER_DROPIN` payment method on the Checkout page.
**Template path**: `cartridge\templates\default\checkout\billing\paymentOptions\paymentOptionsSummary.isml`
This change extended the payment condition with the `‘DIGITAL_RIVER_DROPIN’` payment method.
```markup
```
{% hint style="info" %}
**Important**: The `DIGITAL_RIVER_DROPIN` payment integration represents not one but multiple payment types such as credit card, PayPal, Wire Transfer, and so on. The Drop-in integration provides the selection of payment types, and the client-side/backend scripts handle it. We designed this cartridge mainly to handle the credit card payment type, though it will also successfully process any other payment type provided by the Drop-in integration. To add any business logic for a specific payment type or provide shoppers with a better customer experience, you can extend [Drop-in data handlers](#external-interfaces).
{% endhint %}
### Billing
Use the billing (`billing.isml`) template to add accordion components to the Billing page. The following image shows the out-of-the-box (OOTB) Payment section of the Checkout page for Salesforce B2C Link Cartridge.
When you apply the dashboard profile cards template, it adds the ability to choose whether the purchase is tax-exempt and the payment method.
**Template path**: `cartridge/templates/default/checkout/billing/billing.isml`
Added the accordion components to the billing page. In this example, accordion billing is used by extending the tag with `id="accordionBilling"`.
```
```
Introduced a new templated purchase site within the parent template.
```
```
Extended the Digital River tax identifier section `
` tag with the `dr-accordion-card` class and the remove wrap expression in highlighted code.
```
```
Added accordion components to the billing page.
```markup
Digital River accordion section
ude Add Tax certificate modal window component
```
### Stored payment instruments
Use the stored payment instruments (`storedPaymentInstruments.isml`) template to display the stored payment instruments on the Billing page as a list of saved payment cards in the customer's account.
**Template path**: `cartridge/templates/default/checkout/billing/storedPaymentInstruments.isml`
Added the following code at the beginning of the file:
```markup
```
Extended the `card-image` class condition as follows:
```markup
```
Wrapped the security-code-input div with the following condition:
```markup
Digital River - if enabled no cvv needed thus pictures are always shown instead of input
… security-code-unput goes here
```
### Confirmation
Use the standard confirmation (`confirmation.isml`) template for the B2C LINK Cartridge to include the Digital River compliance statement.
The customer should agree to the Terms of Sale and the Privacy Policy of Digital River and set the check box to complete an order. For more information on the [Terms of Sale](https://www.digitalriver.com/legal/terms-conditions/) and the [Privacy Policy](https://www.digitalriver.com/privacy-policy/) of Digital River, visit the [Digital River Legal Documentation](https://www.digitalriver.com/legal-information/) website.
Compliance links are required to be displayed several different places throughout the storefront. The out-of-the-box (OOTB) cartridge displays the compliance links in all required locations. Consult your Digital River Project Manager before making modifications for your storefront. For more detailed information on the purpose of the compliance links, visit [Compliance ](https://www.digitalriver.com/compliance/)on the [Digital River Legal Documentation](https://www.digitalriver.com/legal-information/) website.
**Template path**: `cartridge/templates/default/checkout/confirmation/confirmation.isml`
Added the DigitalRiver.js script to the page.
```markup
```
Added the Digital River compliance section to the page.
```markup
```
Added a Digital River styles file.
```
assets.addCss('/css/digitalRiver.css');
```
Added an `include`of `delayedPaymentInstructions` (first highlighted section).
```
```
Added an `include` of `delayedPaymentInstructions` (second highlighted section).
```
```
### Checkout
Use the checkout (`checkout.isml`) template to add Digital River styles, the Drop-in styles, and the check box to confirm agreement with the Terms of Sale and the Privacy Policy of Digital River to the Checkout page when the customer is ready to place an order. The customer should agree to the Terms of Sale and the Privacy Policy of Digital River and set the check box to complete the order.
{% hint style="info" %}
**Note:** Refer to the [Use Customer Credit](https://docs.digitalriver.com/salesforce-b2c-link-cartridge/extending-the-salesforce-b2c-link-cartridge/use-customer-credit) section of this documentation for more information on how to use the Checkout template when using the Customer Credit feature and the`int_digitalriver_customercredit`cartridge.
{% endhint %}
**Template**: `cartridge/templates/default/checkout/checkout.isml`
Added the Digital River Drop-in styles.
```markup
```
Included the Digital River styles.
```
assets.addCss('/css/digitalRiver.css');
assets.addCss('/css/drAccordion.css');
```
Added the Digital River confirm disclosure checkbox to the checkout page.
```markup
```
Added a condition that will control the submit payment button display.
```
