WooCommerce

Scalapay provides a ready-to-install extension for your WooCommerce store.
Plugin Installation
Plugin Configuration
Scalapay Widget
Category Restriction
Countries & Languages

⇲ Plugin Installation

Download the latest version and follow the steps to get started!

If you need support to integrate the plugin or if you have any specific questions or doubts, please refer to the contact in your personal integration ticket.

✔ Plugin Configuration

❶ Login at your admin panel. The URL should be something like: yoursitename.com/wp-admin/

❷ After successfully login to backend admin from left navigation select Plugins > Add New

❸ The following screen will show up. Click on Upload Plugin

❹ Click on the browse button and select your scalapay zip file using popup window
❺ When you click on install now button, the plugin will be uploaded and installed but not activated yet.

❻ Click on the activate button to activate the plugin. You will be redirected to the plugin configuration page. Here you can start configuring your plugin accordingly to your needs and then save the settings.

To configure the plugin you can also go to the plugin list. Find Scalapay and click on “settings”.

The plugin features 3 tabs

  1. General settings: in this tab, you will find the plugin general settings and you will add the Live API key once the plugin has been correctly installed, configured and tested
  2. PAY IN 3: in this tab, you have all relevant settings to activate and configure Scalapay Pay in 3
  3. PAY IN 4: in this tab, you have all relevant settings to activate and configure Scalapay Pay in 4

GENERAL SETTINGS
When you install the plugin the general test API key is present: qhtfs87hjnc12kkos.

Custom CSS
Sometimes external tags like div, p or span tags styles override our default styles. To handle these types of issues you can use the Custom CSS field to facilitate design processes. You can also use it to define inline style classes, such as font, size or alignment. These styles will apply to Scalapay description across all pages: product, cart and checkout pages.

Enable digital/virtual products
You can use this field if on your store you have digital/virtual products and you want to enable Scalapay on them.

PAY IN 3, PAY IN 4 CONFIGURATIONS
Now you can move to the configurations of the Scalapay product/s of your interest.

❗️

IMPORTANT

The plugin allows you to activate only the product/s agreed as per contract terms.
If you wish to activate another Scalapay product, please get in touch with your Scalapay Sales referent.

🚧

PLEASE NOTE

When the plugin is installed, by default, all products (PAY IN 3, PAY IN 4) are Disabled.

To activate it/them, you need to:

  • Enter the product tab of your interest
  • Enable the product using the Enable field
  • Configure it and test the plugin (for the configuration please, see the instructions below)

Once the testing phase is completed, the Scalapay Integration Team will provide you with the Live API Key and you will be able to activate the plugin in Live mode.

⚠ Restriction settings

Each product has a Restriction settings section.

Scalapay Minimum" and Scalapay maximum** Amount are determined as per contractual terms
If you enter a min or max amount in contrast with the contractual conditions, you will not be allowed to Save the configurations.

Enable on specific countries, Enable on specific currencies , Enable on specific languages
Using these fields you can select the desired countries, languages and currencies. For multi-selection, hold Ctrl button and select.

Be aware that:
● the only authorized countries are Austria, Belgium, Holland, Finland, France, Germany, Italy, Portugal and Spain;
● the only authorized currency is Euro.

❤ Scalapay Widget

Each product has a Product page, Cart page and Checkout page settings section.

PRODUCT PAGE SETTINGS
The settings in this section allow you to customize Scalapay widget on the Product page

Price selectors and Widget position are set as Default
If your theme is customized, please verify what the correct selectors are.

Hide widget field is available but we recommend not to use it as Scalapay widget is an extremely important asset to support conversion and average order value increase.

CART PAGE SETTINGS
The settings in this section allow you to customize Scalapay widget on the Cart page.

1645

Price selectors and Widget position are set as Default
If your theme is customized, please verify what the correct selectors are.

Hide widget field is available but we recommend not to use it as Scalapay widget is an extremely important asset to support conversion and average order value increase.

CHECKOUT PAGE SETTINGS
The settings in this section allow you to customize Scalapay widget on the Checkout page.

Price selectors and Widget position are set as Default
If your theme is customized, please verify what the correct selectors are.

Show title and Hide installment amount fields allow you to customize the checkout visualization as follows:

  1. Show title YES, Hide installment amount NO** (Default settings)

  1. Show title YES, Hide installment amount YES**

  1. Show title NO

 

 

“In Page Checkout” feature

The “In page checkout” gives customers the possibility to finalize the Scalapay payment steps in a pop-up, without being redirected outside the merchant’s site. Below you can find the steps to configure this feature.

Click on the “In page checkouttab and then flag the checkbox of the “Enable In Page Checkout” configuration to enable the feature and save

🚧

If you’re using a different Form and Button selectors from the standard used by the WooCommerce theme, please add them in the properly configuration fields before saving the changes.

The same rule can also be applied for the selection of countries where In Page checkout should be enabled.

Configuration fields mapping table

FieldValueRequiredEditable
Enable In Page CheckoutYes/NoYY

change if you want to enable/disable the In Page Checkout
Checkout Form SelectorHTML selectors (pre-filled with default selector)YY

change if a different Checkout Form selector is used
Checkout Place Order Button SelectorHTML selectors (pre-filled with default selector)YY

change if a different Place Order Button selector is used
Checkout Place Order Button SelectorCSS inline style to manage the button dimensionNY
Country availabilityCountry rules to specify the countries where In Page Checkout should be enabledYY

change if the In Page Checkout should be enabled only for specific countries