Add Promotional Widgets

Overview

ChargeAfter provides multiple promotional tools:

1. Financing Banners - An advertising message that informs your store visitors of the availability of promotional financing.

2. Promotional Widget - A widget to be displayed on the product \ cart \ checkout pages. It informs shoppers that financing is available, it helps conversion by showing a low monthly cost, and allows the user to apply for financing ahead of checkout. More details on the product page widget can be found here.

Promotional Widget

The promotion widget has been added to the page as a part of the ChargeAfter plugin. The promotional widget can be configured on the plugin settings page:

1. In your WordPress dashboard, navigate to WooCommerce > Settings > Payments and select ChargeAfter Consumer Financing payment method

2. Click the Manage button to redirect to the configuration page

3. Scroll down to the Promotional Widgets section and configure the promotional

   

   
   
   

   Settings	Description	Default
   Enable Promotional Widget	Enable \ Disable Promotional Widgets	Yes
   Display Promo
   Display on Product Page	Once enabled it appears under the product price on the product page	Yes
   Display on Cart Page	Once enabled it appears under the cart total on the cart page	Yes
   Display on Mini Cart Preview	Once enabled it appears above the cart total on the mini-cart preview. It works just with a mini cart based on WooCommerce Blocks	Yes
   Display on Checkout Page	Once enabled it appears under the totals block on the checkout page	Yes
   Promo Type	One of the widget types is to display the financial offer available.	product-widget-line-of-credit
   Promo Tag	Used to apply promotions to select items or item categories.	Empty
   Financing page URL	Link to the financing page to notify the user of more detailed funding information.	Empty

   
   

4. Save

📘

Note

If you use page builder tools (e.g. Elementor) that block the WooCommerce events, please follow the manual installation for the Product Page Widget below.

Product Page Widget (Manual Installation on Elementor)

It is possible to add a promotional widget for a product manually (only works on the product page) using a short code:

[chargeafter-promo-product]

This may be necessary if your theme does not support WooCommerce hooks or you are using a page builder like Elementor:

1. Go to Templates > Theme Builder > Single Product:

   

2. Go to the template name, additional options appears underneath, and click Edit with Elementor

3. Search "shortcode" widget:

   

4. Drag and drop the widget to the desired promo location

5. In the Enter your shortcode field, type [chargeafter-promo-product]

   

6. Click the Apply button

7. Update

Cart & Checkout page widget

Once enabled promotional promo for cart \ checkout pages - must appear on pages automatically. However, you can use shortcodes to set promotional widgets manually:

// only works on the cart page
[chargeafter-promo-cart]

// only works on the checkout page
[chargeafter-promo-checkout]

Financing Banners

1. Go to Available Widgets section:

   

2. Under the ChargeAfter Promo Banner item, select the area where you want the widget to appear:

   

3. Go to the element where the widget was added and select the desired type of the widget. There are 3 types available: default, horizontal, and vertical:

   

4. Save