Custom Message HTML Tag <paze-message>

Paze provides specific messaging and checkout customization optionality to Merchants in order to support Paze-specific offer campaigns. Namely, Paze offers three distinct surfaces where offer information and call-to-actions can be surfaced.

Messages under the button via our custom HTML element
Messages in the start of auto-initiate flow
Customized checkout screen based on Merchant Inputs

This HTML tag is specifically used to drive message under button experience. Refer to the Merchant Integration guide 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 are 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 is only displayed when there is written agreement between the Merchant and Paze. The Merchant and Paze Merchant Team will work together to define and approve display language.

<paze-message> Attributes

Attribute	Type	Usage	Default value	Description	Example
message-id	String	Optional		Paze value generated during message configuration. Only utilized when multiple messages are configured, such as for use in A/B testing. Typically this input will not be provided.	Any v4 UUID spe ific essag ng an
message-placement	String	Optional	checkout	Controls message selection. One of: · checkout · productPage · checkoutMobile · productPageMobile · cartPage · cartPageMobile	checkout
theme	‘dark’\|'light'	Optional	light	Controls visual styling	light
size	‘small’\|'medium'\|large	Optional	medium	Controls visual styling	medium

<paze-message> Code Sample

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