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

Messages Under Button:

Merchants should integrate our custom HTML element below the button as part of their initial integration. Once initially integrated, no further code updates will be required to populate a message.
Paze will push messages, as appropriate, to the surface.
- For example, when running a co-branded marketing campaign during May, Paze can push the following message to the surface: “Save 15% off your transaction using Paze this graduation season!”

Messages in the Auto-Initiate Flow

Paze will be able to push messages to the auto-initiate launch screen without any merchant inputs required. For example, “Get 20% off by checking out with Paze!”

Customized checkout screen based on Merchant inputs

Merchants are suggested to provide additional discount-related inputs which can be used to customize the review screen based on dynamic inputs.
- These discount inputs help are used to continue the discount experience through the final review screen. Please see the following example
New fields which drive review screen customization are available in the _transactionValue_ object.
- The _transactionValue_ object is an object nested within the _checkout_ call.
- Merchants use the _checkout_ call to launch the Paze checkout UI. Users authenticate and select a card for payment within the Paze checkout UI.
The new fields are: _discountAmount, subtotal, taxAmount and shippingAmount_ o The updated _transactionValue_ object is represented by _transactionValue_
New fields which drive review screen customization are available in the _transactionValue_ object.

Custom Message HTML Tag

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 will only be displayed when there is written agreement. Merchant and Paze Merchant Team will work together to define and approve display language.

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 [JR6] [JR7] [JR8] [RG9]
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

Code Sample

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