How to Add a "Save to Tipp" Button to Your Website in Seconds

Want to let your readers listen to your content on the go? With Tipp, you can add a simple button that allows visitors to save your article as a personal podcast episode — instantly, no login or API required.

Here’s how to add the button to your site:

Option 1: Quick One-Line Integration

The fastest way to add a “Save to Tipp” button is by dropping this script into your HTML:

<script src="https://tippassets.s3.eu-central-1.amazonaws.com/images/save-to-tipp.js"></script>

That’s it. The script:

Detects the current page URL and domain.
Generates a Tipp-ready button.
Sends the user to app.tipp.so to add the content to their personal podcast queue.

The button will be right-aligned, clean, and clickable — with no impact on your backend.

Option 2: Custom Embed with Full Control

Want more flexibility over button placement or style? Use this snippet instead:

<div class="tipp-save-button-container" style="display: flex; justify-content: flex-end; align-items: center; margin: 20px 0;">
  <script>
    (function () {
      const button = document.createElement('a');
      const currentUrl = encodeURIComponent(window.location.href);
      const domain = encodeURIComponent(window.location.hostname);
      const tippUrl = `https://app.tipp.so/add?url=${currentUrl}&tag_name=${domain}`;

      button.href = tippUrl;
      button.target = "_blank";
      button.style.display = 'inline-flex';
      button.style.alignItems = 'center';
      button.style.justifyContent = 'center';
      button.style.textDecoration = 'none';

      const img = document.createElement('img');
      img.src = 'https://tippassets.s3.eu-central-1.amazonaws.com/images/save-to-tipp.svg';
      img.style.height = '40px';
      img.alt = 'Save to Tipp';

      button.appendChild(img);
      document.currentScript.parentNode.appendChild(button);
    })();
  </script>
</div>

With this version, you can:

Place the button anywhere on the page.
Customize styling, positioning, or behavior.
Easily integrate into WordPress, static sites, or frameworks.

Why Use Tipp?

Let users convert your articles into audio with one click. This is ideal for professionals on the go, or readers who prefer listening. No backend logic or routing required — it’s 100% client-side.

Need More?

Want a React-compatible version, shortcode, or floating widget? Reach out to team@tipp.so.

Blogs