Setup Widget

Introduction

By following this guide, you can quickly begin using the Direct Checkout Widget. With minimal coding required, you can enable your users to buy NFTs.

Step 1: Initialize the widget

This is an sample Widget URL for NFT Checkout

https://stg.checkout.pokoapp.xyz/checkout?itemName=Loop+Donut&itemImageURL=https%3A%2F%2Fstg.marketplace.checkout.pokoapp.xyz%2Fimg%2Fitems%2Fstatic-7.jpg&apiKey=aaaa&itemPrice=56.8&itemPriceCurrency=DAI&network=polygonMumbai&walletAddress=0x9D731d97ba2cf3bB6e4296bF0F6dD499A00e76b3&listingId=134&contractAddress=0xa9cE060cd5e07C2A18D7BeAD8B64b8Ba0C132b8a&type=nft&merchantCode=poko_marketplace

You can use the widget in various ways such as

• Redirect your users to the widget URL in a new tab or pop-up

• Embed the widget in your existing web application using an iframe

• Deploy a Webview in your existing mobile application.

Step 2: Configure the widget

Parameter	Description
apiKey*	The public api key
network*	Network Chain
listingId*	The listing ID of the NFT
receiverId*	The wallet address or user id
extra	Extra informations
backgroundColorHex	Ex: eddac3, Customize background color
textColorHex	Ex: 69341D, Customize text color
primaryColorHex	Ex: 69341D, Customize primary color
itemName*	The name of the item
itemImageURL*	The image url of the item
marketplaceCode*	Poko will send you marketplace code
type	nft
redirectUrl	Callback URL