Skip to main content

How to add iwocaPay banners to your WooCommerce store

Add iwocaPay banners to your WooCommerce store to let customers know about flexible payment options.

Written by Daniella Camilleri

There are three types of banners you can add:

We'd recommend adding the Product Pricing banner and a selection of the Drag and Drop banners.

  1. Product Pricing banners: automatically show monthly payment amounts on product and listing pages.

  2. Drag and Drop banners: placed manually anywhere via the WordPress block editor (Signposting and Spending Limit banners).

  3. Cart banners: automatically show monthly payment amounts for the full order value on the basket slide in & page.

1. Product Pricing banners (PDP & PLP)

Calculate and display the monthly payment amount based on each product’s price automatically on your product pages (PDP) and product listing pages (PLP).

  1. PDP banner: on individual product pages (Product Detail Page).

  2. PLP banner: on shop and category pages alongside each product (Product Listing Page).

Customers will see copy like “Pay over X monthly installments from £££” directly on the product page and product tiles.

Example PDP banner:

How to set up product pricing banners:

1. Go to WooCommerce → Settings → Payments → iwocaPay.

2. Scroll to the Additional Features section.

3. Tick “Show price banners on product & listing pages”.

4. Configure the options:

  • Payment durations offered: choose which payment terms to display by toggling the checkbox to enable them.

  • Interest: choose Free for you (interest bearing for customer) or Free for your customers (interest free for customer). This must match your actual iwocaPay agreement. You need to do this for each payment term.

The Product Pricing banner automatically displays the lowest possible monthly price, which always corresponds to your longest payment duration (e.g., 12 months).

  • VAT: Choose whether or not your product prices include VAT or not.

  • Theme: choose Dark or Light to match your site’s design.

The banners will appear immediately on all product pages and listing pages and pull the product price automatically. The amounts are calculated server-side and cached for 24 hours, so banners load instantly without slowing down the page.

PDP example:

PLP example:

2. Drag and Drop Banners

These banners are added manually through the WordPress block editor, so you can place them on any page or post. There are two types, each with several layout variants.

Available banner types:

  • Signposting banners: promoting payment terms options

  • Spending Limit banners: promoting Spending Limits

How to add a banner

  1. Edit any page or post in the WordPress block editor.

  2. Click the + (Add block) button.

  3. Search for “iwocaPay”, or find the banners under the iwocaPay block category

4. Select “iwocaPay Signposting Banner” or “iwocaPay Spending Limit Banner”.

Signposting Banner

Configure it in the block sidebar:

  • Variant: Hero / Block / Side / Small.

  • Duration: which payment terms to highlight

  • Interest: which pricing to show

  • Theme: Dark or Light.

Spending Limit banner

Promotes a customer’s iwocaPay Spending Limit and links out to a URL of your choice.
​
​Configure it in the block sidebar:

  • Variant: Wide / Block / Side / Small

Each variant is a different size and layout of the same banner, pick whichever fits your page best:

Hero / Wide: full-width, high-impact.

Block: medium, fits in content columns.

Side: narrow, suits sidebars.

Small: compact, minimal footprint.

  • Link URL: the URL customers are taken to when they click the banner (you can leave it blank if you don't want them to be taken somewhere)

  • Duration: which payment terms to highlight (Block and Side variants only)

  • Theme: Dark or Light

Example Hero signposting banner:

Cart banner

Calculate and display the monthly payment amount based on the full order amount on the cart and checkout pages.

How to set up a Basket banner

How to enable on the cart and checkout pages:

1. Go to WooCommerce → Settings → Payments → iwocaPay.

2. Scroll to the Additional Features section.

3. Tick “Show price banners on cart & checkout pages”.

Configuration

The iwocaPay Cart Banner shares the same duration and pricing controls as the PLP and PDP banners. See the configuration in that section for what controls are available.

How to enable on the cart and checkout pages:

Adding a banner

  1. Edit any page or post in the WordPress block editor.

  2. Click the + (Add block) button.

  3. Search for “iwocaPay”, or find the banners under the iwocaPay block category.

  4. Select “iwocaPay Cart Price Banner”.

Finding the iwocaPay banners:

*Important note:

The Cart Banner uses the shared pricing configuration set in the Woocommerce payments settings. You can not configure duration or interest options separately within the drag-and-drop block.

Example Cart Banner

Deprecated Banners

Earlier versions of the plugin included three older banner blocks, now labelled in the editor as:

  1. [Deprecated] Full Width Banner

  2. [Deprecated] Mini Banner

  3. [Deprecated] Price Banner.

The deprecated banners in the block search:

These banners still work and any existing pages using them will continue to display as before. We'll remove them in a future release, so it's worth replacing them when you get a chance with updated versions to save disruptions later:

  • [Deprecated] Full Width Banner and [Deprecated] Mini Banner → iwocaPay Signposting Banner.

  • [Deprecated] Price Banner → enable the automatic Pricing Banners (PDP/PLP) instead.

Did this answer your question?