HTML reference

Class (required)

Data type	Value	Description
string	tiptop-promo-widget	Displays Tiptop promotional messaging with an action to open the promotional modal

data-amount (required)

Data type	Description
int	The product price amount passed to display Tiptop price specific messaging. Value in USD cents (e.g. $100 = 10000)

data-page-type (required)

Identifies your promotional messaging so Tiptop can apply the necessary customizations based on which page they are displayed

Data type	Value	Description
string	cart	Cart page
string	payment	Payment selection page
string	product	Product description page

Example

HTML

<div class="product-detail">
  <img src="product-image.jpg" alt="Product Image">
  <h1>Product Name</h1>
  <p>Product Description</p>
  <p>Price: $100</p>
 
  <div id="tiptop-promo">
    <p class="tiptop-promo-widget" data-amount="10000" data-page-type="product"></p>
  </div>
</div>

Integrate promotional messaging Setup Guide