Create your checkout page

Use our fresh new library tip4serv.js to create your own store really easily.

Working Example

For full working examples, open the live demo:

https://js.tip4serv.com/demo.html

---

Overview

Tip4Serv.js allows you to:

• Open checkout from a button

• Sell subscriptions or one-time products

• Handle quantities

• Use a cart system

• Trigger checkout from JavaScript

• Allow your users to login with their Tip4Serv account

It works without backend integration.

---

Quickstart

Add the script to your page:

<script src="https://js.tip4serv.com/tip4serv.min.js?v=1.0.16" data-store-id="YOUR_STORE_ID"></script>

Replace YOUR_STORE_ID with your actual store ID.

You can find:

• Store ID → in your dashboard URL or store settings

• Product slug or ID → on each product page

---

HTML Mode

Recommended for static websites. No JavaScript required.

Example 1 — Simple purchase

<button class="tip4serv-buy-btn" data-product="vip">
  Buy VIP
</button>

Example 2 — With quantity

<button class="tip4serv-buy-btn" data-product="50-coins" data-quantity="5">
  Buy 50 Coins x5
</button>

More configurations (donations, redirects, server selection, etc.) are available in the full demo:

https://js.tip4serv.com/demo.html

---

JavaScript Mode

Recommended for dynamic websites or SPAs.

Example 1 — Simple checkout

Tip4Serv.Checkout.open({
  product: "vip"
});

Example 2 — With callbacks

Tip4Serv.Checkout.open({
  product: "vip",
  onSuccess: () => console.log("Payment successful"),
  onCancel: () => console.log("Payment cancelled"),
  onFail: (err) => console.error(err)
});

Advanced options (multi-product cart, custom fields, explicit storeId, etc.) are documented in the demo:

https://js.tip4serv.com/demo.html

---

Cart System

Tip4Serv.js also includes a built-in cart.

Example 1 — Add to cart (HTML)

<button class="tip4serv-add-cart-btn" data-product="vip">
  Add to Cart
</button>

Example 2 — Open cart (JavaScript)

Tip4Serv.Checkout.Cart.Open({
  onSuccess: () => console.log("Paid")
});

Full cart examples:

https://js.tip4serv.com/demo.html

---

Recommendation

If you are using an AI agent (ChatGPT, Cursor, Claude, etc.), send this page for full context:

https://js.tip4serv.com/demo.html

Support

For technical questions, reach out to us on Discord or contact us via our support portal at https://tip4serv.com/contact