Try IFrame for Web

Integrate the STYLE Marketplace with your website.

Take less than 15 minutes to integrate the STYLE Marketplace with a website using an iframe.

Demo

STYLE Marketplace Example

Simplfied Code

The HTML code for integrating the STYLE Marketplace into a webpage contains

  • an iframe to hold the STYLE Marketplace from the style-protocol.github.io/STYLE-Protocol-SDK domain

  • script code that communicates with the server

Embed the STYLE Marketplace into a webpage

  1. Create a new file in a text editor.

  2. Copy and paste the code below into the file.

  3. Save the file with an .html extension.

  4. Open the file in a web browser. You should see the iframed STYLE Marketplace and can now buy NFTs.

Copy this code

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <style>
      html,
      body,
      .frame {
        width: 100%;
        height: 100%;
        margin: 0;
        border: none;
      }
    </style>
  </head>

  <body>
    <iframe
      id="frame"
      class="frame"
      src="https://style-protocol.github.io/STYLE-Protocol-SDK/"
    ></iframe>
  </body>
</html>

Repository

PreviousTry SDKNextTry SDK for Web

Last updated