Offers Messages Creation

Custom Message HTML Tag <paze-message>

Paze provides the following customizable messaging for Merchants to support the Paze-specific offer campaigns. This HTML tag is specifically used to drive message under button experience. Refer to the Merchant Integration for up-to-date UX representation.

Placement of the Paze message tag should be displayed near the Paze checkout button/radio button. Condition, the SDK initialize() function has been called to allow for messages to be displayed near button. The SDK will replace the tag with custom messaging from Paze if applicable; otherwise, the tag will not be displayed.

Custom messaging will only be displayed when there is written agreement. The Merchant and Paze Merchant Team will work together to define and approve display language.

<paze-message> Attributes


message-id string Optional

The Paze value generated during message configuration. This is only used when multiple messages are configured, such as for use in A/B testing. Typically, this input will not be provided.

Example: Any v4 UUID: [JR6], [JR7], [JR8], [RG9]


message-placement string Optional (default value: checkout)

Controls the message selection. One of:

  • checkout
  • productPage
  • checkoutMobile
  • productPageMobile
  • cartPage
  • cartPageMobile

Example: checkout


theme dark|light Optional (default value: light)

Controls visual styling

Example: light


size small|medium|large Optional (default value: medium)

Controls visual styling.

Example: medium

<paze-message> Code Sample

<paze-message
  message-id="1"  
  message-placement="checkout"  
  theme="light"  
  size="medium"></paze-message>