Skip to main content

🪄 Widget Management

Widget list​

You can easily browse existing widgets using Widgets tab of the Discover page.

Widget list

Widget preview​

Each widget has its parameters and live preview available on the Widget Details page.

Parameters​

Each widget has its stats displayed on the top:

  • status: live or inactive
  • smart contract verification
  • widget owner and signature verification

On the right side you see the parameters, such as smart contract, method and assets used in this widget as well as customizations, such wording, color theme and images.

Preview and testing​

On the left side you can see widget's preview.

  • The preview represents the widget as it will be seen when embedded into another website.
  • You might need to switch chain if the current chain is different from the widget's one.
  • You can test widget transaction directly on the platform prior to embedding it elsewhere.

Widget embed

Embed​

note

Only active widgets are accessible outside OKcontract platform. Verify widget status before embedding it.

Status live

To embed a widget simply copy-paste a single-line code snippet that you can find on top of parameters into your website or web app.

Widget embed

This HTML code can be embedded into any CMS or web page of your choice that supports HTML <iframe> embed.

The widget is ready to use on your website!

Widget creation​

info

In the Beta version, widget creation is restricted to selected accounts.

Get in touch with our team to add and activate new widgets.

For whitelisted smart contracts​

If the smart contract is already whitelisted on OKcontract, you will need to provide:

  • a method
  • assets: token pairs, NFT collection etc.
  • and customization preferences (color palette, images etc.)

For new smart contracts​

You need to provide:

  • The name of the Smart Contract owner organization (will be used to compose the unique ID)
  • Blockchain
  • Contract address
  • Contract ABI: link to the ABI JSON file
  • Indicate if the contract is a proxy

View our Whitelisting guide

And then provide the same information as for whitelisted contracts.

👉 Contact us to request a widget.