[ WEBSITE INTEGRATION 101 ]

PUT THE SEAL
ON ANY SITE.

No coding experience needed. If you can paste two lines into a web page, you can show the Origin Seal beside a track. Works on plain HTML, WordPress, Wix, Squarespace, Webflow, link-in-bio pages — anywhere you can add an HTML/embed block.

Start — Step 1→ Full seal kit

[ STEP 1 ]

GET THE CERTIFICATE ID.

Every verified track has a TrackOrigin certificate with an ID that looks like cer_01KS9QWHV7PHETYGQAYMHB3DM6 (always cer_ followed by an uppercase ULID). You'll find it in the URL of the track's public certificate page (trackorigin.io/cert/<id>), reachable from the artist's dashboard via View Origin → on any verified track. That's the only thing you need before you start.

[ STEP 2 ]

PASTE TWO LINES.

Put this where you want the seal to appear, and load the script once anywhere on the page (bottom is best). Replace cer_REPLACE_ME with your certificate ID from Step 1. That is the entire integration.

Copy this · paste into your page's HTML

<!-- 1. Put this where the seal should appear -->
<span data-trackorigin-cert="cer_REPLACE_ME"></span>

<!-- 2. Load this once per page (near the bottom is fine) -->
<script src="https://trackorigin.io/static/embed-widget.js" async></script>

[ STEP 3 (OPTIONAL) ]

PICK A LOOK.

Defaults are fine — but you can change the shape, size and colour with three optional attributes. No CSS required.

ATTRIBUTE

WHAT IT DOES

data-variant

seal (default, full circular seal) · mini (small Disc for track rows) · strip ("Verified on TrackOrigin" bar) · lockup (inline wordmark) · glyph (bare H mark).

data-size

Pixel size. e.g. 20 for a track-row Disc, 160 for a profile seal.

data-color

A named token (blue, navy, bone, gold…), a hex like #2D52FF, or currentColor to match your text.

Small Disc next to a track title

<span class="track-title">Bigger Picture</span>
<span data-trackorigin-cert="cer_REPLACE_ME"
      data-variant="mini"
      data-size="20"></span>

Big seal on an artist / release page

<div data-trackorigin-cert="cer_REPLACE_ME"
     data-size="160"></div>

<script src="https://trackorigin.io/static/embed-widget.js" async></script>

[ WHERE TO PASTE IT ]

YOUR SITE BUILDER.

The same two lines work everywhere. Here's where the "paste HTML" box lives in the common builders.

WORDPRESS

Custom HTML block

Edit the page → add a block → choose Custom HTML → paste. (Classic editor: switch to the Text tab first.)

WIX / SQUARESPACE

Embed / Code block

Add an Embed (Wix) or Code (Squarespace) element where you want the seal, then paste both lines in.

WEBFLOW

Embed element

Drag in an Embed element, paste the snippet, publish. The script runs on the live site.

RAW HTML

Anywhere in <body>

Drop the <span> where you want it and the <script> once before </body>.

[ THAT'S IT ]

YOU'RE DONE.

Load the page and the seal appears. Clicking it opens the public certificate so anyone can check it's real. Building a music platform and want the seal to actually prove the audio you serve matches the certificate? That's a deeper integration — see Platform Integration 101.

See all seal variants→ Developer docs