Salesforce B2C Commerce 24.7 > Salesforce Payments > Run Salesforce Payments on SiteGenesis > Salesforce Payments on SiteGenesis > SiteGenesis Templates, Forms, and CSS for Salesforce Payments

SiteGenesis Template Modifications for Salesforce Payments

B2C Commerce uses ISML templates to generate dynamic storefront pages. An ISML template consists of standard HTML markup, ISML tags, and script expressions.

  • components/footer/footer_UI.isml
    • To load payments.js client side JS, add <script> tag
    • Loading scripts at the end of the page without the defer attribute (<script src="demo_defer.js" defer></script>) is no longer a best practice, but this is how the app.js is loaded.
  • product/productcontent.isml
    • Include plugin_commercepayments template that renders Buy Now express checkout buttons
  • checkout/cart/minicart.isml
    • Include plugin_commercepayments template that renders Pay Now express checkout buttons
  • checkout/cart/cart.isml
    • Include plugin_commercepayments template that renders Pay Now express checkout buttons
  • checkout/billing/minibillinginfo.isml
    • Remove payment information card and Edit link from the checkout pages right-hand column
  • checkout/billing/billing.isml
    • Remove payment methods from the billing step (checkout page two)
  • checkout/summary/summary.isml
    • Include payment methods section with multi-step checkout on the review step (checkout page three)
    • Adjust the Place Order button to no longer submit a form and instead call platform injected JS to confirm payment
  • util/modules.isml
    • To define a reusable component to show the payment type like Credit Card or PayPal and supporting details like the last 4 digits or PayPal email, add new <isminipayment> ISML module
  • New minipayment.isml template
    • <isminipayment> implementation
  • components/order/orderdetails.isml
    • Adjust to use <isminipayment> module instead of <isminicreditcard> module
    • This template presents payment information on the order confirmation page
  • components/order/orderdetailsemail.isml
    • Adjust to use <isminipayment> module instead of <isminicreditcard> module
    • This template presents payment information on the order confirmation email, similar but not the same as the page

Infocenter Retirement: On June 30, 2023, the Infocenter was retired, and documentation currently hosted on the Infocenter will be published to Salesforce Help, Commerce Cloud Developer Center, and Salesforce B2C Commerce Developer Documentation Resources. For more information, see the release note.