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

Last updated