Embed

Add a “Publish on PUBlish” button.

Drop this on your blog, your product page, your essay archive. anywhere your readers might want to write a response, a contrarian take, or a build-in-public note. One click takes them to PUBlish with your page URL + title pre-filled.

Looks like this

Publish on PUBlish

Pick a variant

All three send readers to www.pub-lish.com/share with your URL + title attached. Pick whichever fits your stack.

Recommended. auto-fills, drop-in styled

<!-- Publish on PUBlish -->
<a
 href="https://www.pub-lish.com/share?url=${encodeURIComponent(window.location.href)}&title=${encodeURIComponent(document.title)}"
 target="_blank"
 rel="noopener noreferrer"
 style="
 display:inline-flex;align-items:center;gap:8px;
 padding:8px 16px;border-radius:9999px;
 background:#1a1a1a;color:#FAF7F0;
 font-family:system-ui,sans-serif;font-weight:600;font-size:13px;
 letter-spacing:0.02em;text-decoration:none;
 "
>
 <span aria-hidden>✦</span>
 Publish on PUBlish
</a>

Static link (no JS, you set URL + title manually)

<!-- Publish on PUBlish. static link, no JS -->
<a
 href="https://www.pub-lish.com/share?url=YOUR_PAGE_URL&title=YOUR_PAGE_TITLE"
 target="_blank"
 rel="noopener noreferrer"
>
 Publish on PUBlish
</a>

Auto-fills, your own styling

<!-- Auto-fills url + title from the current page -->
<a
 href="https://www.pub-lish.com/share"
 data-publish-share
 target="_blank"
 rel="noopener noreferrer"
>
 Publish on PUBlish
</a>
<script>
(function () {
 document.querySelectorAll('a[data-publish-share]').forEach(function (a) {
 var u = new URL(a.href);
 u.searchParams.set('url', window.location.href);
 u.searchParams.set('title', document.title);
 a.href = u.toString();
 });
})();
</script>

Why add this button?

Sites using this

Preview the share landing →