There are three types of banners you can add:
Product Pricing Banners: automatically show monthly payment amounts on product and listing pages.
Drag and Drop Banners (Page Builder): place marketing banners anywhere on CMS pages.
CMS Block Widget Banners: display banners site-wide in specific layout positions (e.g. footer, sidebar).
We'd recommend adding the Product Pricing banner and a selection of the Drag and Drop and CMS Block Widget banners.
1. Product Pricing Banners
Calculate and display the monthly payment amount based on each product’s price automatically on your product pages (PDP) and product listing pages (PLP).
PDP banner: on individual product pages (Product Detail Page).
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:
The PDP and PLP banners are linked and they share the same configuration. When you enable them, both appear on the site.
In your Magento admin, go to Stores > Configuration > Sales > Payment Methods then scroll down to iwocaPay.
Expand the Price Banners section.
Set Show price banners to Yes.
Configure the options:
Payment duration: choose which payment terms to display
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.
Theme: choose Dark or Light to match your site’s design.
Click ‘Save Config’.
The banners will appear immediately on all product pages and listing pages and pull the product price automatically.
Make sure you have the right pricing set up showing:
Product pricing banners automatically display the lowest possible monthly price, which always corresponds to your longest payment duration (e.g., 12 months). To make sure the displayed price is right, configure the banner with the interest set up that matches your longest payment terms option.
If your longest terms are 3 months (e.g., you offer 1 & 3 months): Choose the set up that matches your 3 month terms.
If your longest terms are 12 months (e.g., you offer 1, 3, & 12 months): Choose the set up that matches your 12 month terms.
Example: If you offer 1 and 3 months as 'Free for your customers', but 12 months as 'Free for you':
Payment Duration: Select ‘1, 3 or 12 months’
Interest Type: Select 'Free for you'
Example PDP banner:
Example PLP Banner:
2. Drag and Drop Banners (Page Builder)
Banners you can place manually onto any CMS page using Magento’s Page Builder editor. They’re ideal for homepages, landing pages, or any content page where you want to promote iwocaPay.
Available banner types:
Signposting banners (Hero, Block, Side, Small): promoting payment terms options
Spending Limit banners (Wide, Block, Side, Small): promoting spending limits
How to add a banner:
In your Magento admin, go to Content > Pages.
Open the page you want to edit and click Edit with Page Builder.
In the Page Builder panel on the left, scroll to the iwocaPay section.
Drag the iwocaPay Banner element onto your page where you’d like it to appear. You might need to add a column or row element first to put the banner in.
Click the gear icon on the banner to set it up:
Banner Type: the content you want (e.g. Signposting Hero, Spending Limit Wide)
Duration: which payment terms to highlight
Interest: which pricing to show
Theme: Dark or Light.
Click Save on the element, then Save the page.
The banner will appear on your store immediately.
Important note:
Check how the banner appears on your site and how it reacts to different screen sizes. Magento offers options to configure mobile and desktop differently. All our banners are reactive and should automatically adapt to screen sizes, but it's worth double checking incase Magento’s layout shifts.
iwocaPay in the left hand menu of the page builder:
Editing the dropped element:
Banner display options:
The banner on the site
3. CMS Block Widget Banners
If you want a banner to appear in a fixed position across your whole site (e.g. in the footer, sidebar, or above the header), you can add one inside a CMS Block and then place that block as a Widget.
This is a two-step process: first create a block with the banner, then assign that block to a layout position.
Step 1: Create a CMS Block with a banner:
Go to Content > Blocks and click Add New Block.
Give it a name (e.g. “iwocaPay Footer Banner”) and set Status to Enabled.
In the content editor, click Edit with Page Builder.
Drag an iwocaPay Banner element in and configure it (same options as above — type, duration, interest, theme). You might need to add a column or row element first to place the banner in.
Save the block.
Example banner block:
Step 2: Place the block as a Widget:
Go to Content > Widgets and click Add Widget.
Set Type to “CMS Static Block” and choose your theme (e.g. your active storefront theme).
Click Continue.
In Storefront Properties, give it a title and set the Store Views.
Under Layout Updates, click Add Layout Update:
Display on: choose where (e.g. “All Pages”).
Container: choose the position (e.g. “Footer”, “Sidebar Main”, “After Page Header”).
Under Widget Options, select the block you created in Step 1.
Click Save.
The banner will now appear in that position across your site. As each section of the site will have its own layout, you might need to configure the styling of the sections you want to use this widget in first to make sure it appears correctly.
Widget setup:
Example banner in the footer: