> This page is for version v1.
> For other versions, use one of these documentation indexes:
> - v2 (default): https://developers.clearpay.co.uk/v-2/llms.txt
> - v1: https://developers.clearpay.co.uk/v-1/llms.txt

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://developers.clearpay.co.uk/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://developers.clearpay.co.uk/_mcp/server.

# Shortcodes

> This section outlines the shortcodes utilised by the Clearpay WooCommerce integration.

## Clearpay Product Logo

This is provided for rendering an advanced `img` tag for displaying the Clearpay logo on individual product pages. The `img` tag uses the `srcset` attribute to include 3 different resolutions of the logo for screens with varying pixel density ratios.

```html
Or make 4 payments [OF_OR_FROM] [AMOUNT] with [clearpay_product_logo]
```

There are 3 different versions of the logo to chose from:

* `colour`
* `black`
* `white`

The default theme is `colour`. This can be overridden by including a `theme` attribute inside the shortcode. For example, if you have a dark themed website and wish to use the white mono version of the Clearpay logo:

```html
Or make 4 payments [OF_OR_FROM] [AMOUNT] with [clearpay_product_logo theme="white"]
```