Publitas Widgets

Publitas Widgets are embeddable web components that let you render an affiliate's content directly inside your own website.

Each widget is distributed as a small SDK script. Once that script is on the page, the widget becomes available as a regular HTML tag — no build step, no framework, and no bundler required. All widget tags use the pw- prefix.

This documentation describes the widgets we currently offer, how to load them, and the attributes they accept.

Available widgets

Widget	Tag	Description
Publications	`<pw-publications>`	Renders the publications of a given affiliate.

The Publications widget renders an affiliate's publications on your page.

Loading the SDK

<script defer src="https://<affiliate-url>/widgets/v1/publications-sdk.js"></script>

The SDK is served from the affiliate's own domain:

https://<affiliate-url>/widgets/v1/publications-sdk.js

Replace <affiliate-url> with the affiliate you are integrating with.

<pw-publications></pw-publications>

With the SDK loaded, add the <pw-publications> tag anywhere in your markup. The widget renders itself in place.

A complete, copy‑and‑paste ready page looks like this:

<!doctype html>
<html>
  <head>
    <script defer src="https://<affiliate-url>/widgets/v1/publications-sdk.js"></script>
  </head>
  <body>
    <pw-publications></pw-publications>
  </body>
</html>

Sizing

<!-- on the element itself -->
<pw-publications style="--pw-height: 600px"></pw-publications>

<!-- or from a stylesheet -->
<style>
  pw-publications {
    --pw-height: 600px;
  }
</style>

The widget is 400px tall by default. Override that with the --pw-height custom property, either inline on the tag or from your own stylesheet. Because custom properties inherit, you can also set it on any ancestor element to apply it to every widget inside.

Playground

Paste the full URL of the SDK you want to test against and press Reload. The preview below loads that script and renders a <pw-publications> tag inside an iframe.