Widget Configurator

Design a custom HyperBloom widget to integrate into your site. Adjust the look, tailor fee settings, and enable swaps!

Configurator

Theme

Border Radius (1-100px)

Width (300-1000px)

Header Title

Header Logo

Show Header Logo

Show "Powered by HyperBloom" text

Show Swap Route

Show Protocols

Fee PercentagePercentage of swap fees to be sent to the fee recipient. 1% -> 0.01

Fee RecipientWallet address to receive swap fees.

Preview

Embed Code

Widget URL

http://localhost:3000/widget

HTML Embed Code


    <iframe
      src="http://localhost:3000/widget"
      title="Swap"
      width="444"
      height="600"
      style="border:none;overflow:hidden"
      scrolling="no"
      frameBorder="0"
      allowTransparency="true"
      allow="encrypted-media"
    ></iframe>