website logo
SupportDashboardAbout SparkLayerSchedule Demo
📘Help Docs
⚙️Tech Docs
Navigate through spaces
⌘K
👋Introduction
How SparkLayer Works
Getting Started
📣Useful Links
What's New!
Roadmap
Support
Try our Demo
Troubleshooting
Policies & Data
🖥️Frontend
⭐Features
⚒️Backend
📊Dashboard
🌐Integrations
Docs powered by
Archbee
Features
Configurations

Payment Methods

Enabling payment methods

Payment methods Please refer to My Order Interface for full details on what payment methods SparkLayer supports and how they work.






Request for Quote

Looking to enable quote orders? Please refer to our guide here for full details on how this works






Updating payment method names

By default, SparkLayer will show the payment methods to customers with the names shown below:

Payment method

Name shown to customers

Payment by invoice

Pay by Invoice

Payment on Account

Pay on Account

Upfront Payment

Pay Online by Card

Request for quote

Request for Quote

Updating language and text You can update the default text by adding code to your Core Script. Learn more about how to update text on SparkLayer.


JS
|
/* Add the below code into the SparkLayer Core Script */
/* Please refer to our help guide on how to do this */
translations: {
  en: {
    "cart.checkout.payment-method.full.paymentByInvoice": "Pay by Invoice",
    "cart.checkout.payment-method.full.paymentOnAccount": "Pay on Account",
    "cart.checkout.payment-method.full.upfrontPayment": "Pay Online by Card",        
    "cart.checkout.payment-method.full.quote": "Request for Quote",       
    "cart.checkout.payment-providers.quote.message": "Please note: when requesting a quote for your order, our team will review and notify you within 2 working days before processing.",
  }
},
/* End of code */







Changing the order of payment methods

When a customer reaches the payment step of the My Order Interface, they'll see all available payment methods you've set against their customer group.

Document image


If you'd like to configure the order of the payment methods and which payment method shows by default, you can apply a special setting to your website as shown below.

Updating the display You can update the default display by adding code to your Core Script. Learn more about how to update display settings on SparkLayer


JS
|
/* Add the below code into the SparkLayer Core Script */
/* Please refer to our help guide on how to do this */
 paymentMethodsOrder: [
  "paymentOnAccount",
  "paymentByInvoice",
  "upfrontPayment",
  "quote",
],
/* End of code */







Setting the default payment method

If you'd like to change the default payment methods customers see, you can modify the code sample detailed in "Changing the order of payment methods". In the example detailed above, Payment on account is listed first, making it the default shown to customers.

You can amend the ordering using the naming conventions below.

Payment method

Setting name

Payment by invoice

paymentByInvoice

Payment on Account

paymentOnAccount

Upfront Payment

upfrontPayment

Request for quote

quote

For example, if you wanted "Upfront Payment" to be the default, you would modify the code as shown below:

JS
|
/* Add the below code into the SparkLayer Core Script */
/* Please refer to our help guide on how to do this */
 paymentMethodsOrder: [
  "upfrontPayment",
  "paymentOnAccount",
  "paymentByInvoice",
  "quote",
],
/* End of code */







Customising "upfront" payment methods

SparkLayer supports a payment method called "Pay Online by Card" that B2B customers can select during the payment step of the My Order Interface.

Document image


Once selected, the customer will then be directed through to your standard checkout process to make payment. Depending on which platform you're using, it's possible to customise which payment methods show.

🛍️ Using Shopify
🌐 Other platforms

By default, they will see all Shopify payment methods you have set up (e.g. card payment, Paypal, etc).

Document image


It's possible to set "conditional rules" on which payment methods show for your B2B customers and we recommend exploring available apps here.

No customisations applicable., they'll be directed to the Shopify checkout.



Updated 04 Sep 2023
Did this page help you?
PREVIOUS
Product Display
NEXT
Cart & Checkout
Docs powered by
Archbee
TABLE OF CONTENTS
Enabling payment methods
Request for Quote
Updating payment method names
Changing the order of payment methods
Setting the default payment method
Customising "upfront" payment methods
Docs powered by
Archbee