PlatformsWooCommerce

Configure Plugin

How can I add Afterpay as a payment method and display Afterpay Site Messaging?

Configuration

Complete the steps below to enable and display Afterpay as a Payment Method, and add Afterpay messaging to product pages.

Note

If you have completed the Afterpay Gateway Installation steps, go to Step 3.

  1. Go to the WordPress Admin Dashboard.

  2. Go to Plugins* > Installed Plugins.

  3. Find the Afterpay Gateway for WooCommerce in the plugin list and click the Settings button.

    woo-config-1.png

  4. Go to the Core Configuration section.

    woo-config-2.png

  5. Enter the Merchant ID provided by Afterpay into the Merchant ID field.

    woo-config-3.png

  6. Enter the Secret Key provided by Afterpay into the Secret Key field.

    woo-config-4.png

  7. Click the Save changes button at the bottom of the page.

Note

After a successful save of the Afterpay credentials, the Merchant Public ID, Minimum Payment Amount, Maximum Payment Amount and Settlement Currency values are updated.

woo-config-5.png

Note

The Sandbox API Environment is only applicable for dedicated test websites. Contact your Afterpay Account Manager if you need test credentials.

Enable Express Checkout

To enable Express Checkout:

  1. Go to WordPress Admin Dashboard.

  2. Go to Plugins > Installed Plugins.

  3. Find the Afterpay Gateway for WooCommerce in the plugin list and click the Settings button.

  4. Find Express Checkout Configuration and enable the checkbox.

    woo-config-6.png

Enabling the Afterpay Messaging for WooCommerce

The Afterpay messaging can be enabled on:

  • Category Pages

  • Product Pages

  • Cart Page

To start do the following:

  1. Login to the Wordpress Dashboard.

  2. Go to Plugins > Installed plugins > Afterpay Gateway for Woocommerce and click Settings.

woo-plugin-1.png

Under Settings, you can see settings for:

These settings are described below.

Payment Info on Category Pages

woo-plugin-4.png

To enable the messaging on the Category page, do the following:

  1. Ensure the Enable checkbox is enabled.

  2. Enter the correct hook to position the messaging and set the priority to increase or decrease the height of the Messaging position. See the Hook section below.

Hook

The positioning of the Messaging for Woocommerce relies on a hook. This link is a guide to understanding hook positioning on Category pages.

Warning

The hooks for Category pages and Product pages are completely different.

For example, use the hook woocommerce_after_shop_loop_itemto position the messaging under the price:

woo-plugin-5.png

Below is an example of a category page with Afterpay messaging:

woo-plugin-6.png

Note

For more information on hooks, see the Hooks page.

Payment Info on Individual Product Pages

To enable the messaging on the individual Product page, do the following:

  1. Ensure the Enable checkbox is enabled.

  2. Enter the correct hook to position the messaging and set the priority to increase or decrease the height of the Messaging position. See the Hook section below.

Hook

The positioning of the Messaging for Woocommerce relies on a hook. This link is a guide to understanding hook positioning for Product pages.

🚧 Warning

The hooks for Product Pages and Category Pages are completely different.

For example, use the hook woocommerce_before_add_to_cart_form to position the messaging directly under the Product Page price:

woo-plugin-8.png

Below is an example of a Product Page with Afterpay messaging:

woo-plugin-9.png

Note

For more information on hooks, see the Hooks page.

Payment Info Display for Product Variant

This option enables the Afterpay Messaging for any variant products.

For example a product that has a price range from 50−50 - 200. The Afterpay Messaging will also display the instalment breakdown according to a price range.

When a customer selects a variant, a specific price appears. This option enables the Afterpay Messaging to display a specific price breakdown.