Jak zbudować własny system SaaS (Paywall) w 10 minut bez pisania bazy danych?
Masz świetny pomysł na aplikację, płatny kalkulator w Excelu online, tajną stronę z sygnałami krypto albo generator memów? Super! Ale zaraz pojawia się ściana: Jak za to pobierać opłaty?
Zazwyczaj oznacza to tygodnie kodowania: tworzenie bazy danych użytkowników, integrację z bramkami płatniczymi, systemy logowania, resetowanie haseł… Koszmar.
W KeyAPI.pl rozwiązaliśmy ten problem za Ciebie. Stworzyliśmy system Licencji Czasowych, który zamieni każdą, nawet najprostszą stronę HTML w pełnoprawny biznes SaaS (Software as a Service) w 10 minut.
Oto jak wdrożyć własny Paywall, krok po kroku, nawet jeśli jesteś programistycznym laikiem!
🧠 Jak to w ogóle działa? (Na chłopski rozum)
Wyobraź sobie, że Twoja aplikacja to ekskluzywny klub. Zamiast zatrudniać własnego ochroniarza i prowadzić skomplikowany zeszyt z nazwiskami gości, wynajmujesz KeyAPI.
- Klient kupuje bilet: Wchodzi na Twój link zakupowy KeyAPI, płaci i natychmiast dostaje na maila unikalny ciąg znaków (Klucz Licencyjny, np.
ABCD-1234). - Podchodzi do drzwi: Klient wchodzi na Twoją stronę internetową i wpisuje ten klucz w okienko.
- Pytamy szefa: Twój skrypt na stronie „dzwoni” do serwerów KeyAPI z pytaniem: „Hej, czy klucz ABCD-1234 jest ważny dla moich produktów?”.
- Wchodzisz! KeyAPI odpowiada: „Tak, zapłacił za 30 dni, zostało mu jeszcze 29”. Twoja strona zdejmuje blokadę i wpuszcza klienta.
Zero baz danych po Twojej stronie. Zero obsługi płatności. Czysty zysk.
🛠️ KROK 1: Ustawienie produktu w panelu KeyAPI
Zanim zaczniemy kodować, musimy stworzyć „bilet” (lub kilka rodzajów biletów) do Twojego klubu.
- Zaloguj się do panelu na KeyAPI.pl i w zakładce Produkty kliknij Dodaj Produkt.
- Wypełnij dane (np. Dostęp 24h, cena 10 zł).
- W sekcji 🔑 System Licencyjny / Paywall:
- W polu Czas ważności wpisz odpowiednią liczbę dni (np.
1). - Zaznacz checkbox Produkt typu Paywall.
- W polu Czas ważności wpisz odpowiednią liczbę dni (np.
- PRO TIP: Jeśli chcesz oferować różne pakiety (np. 1 dzień, 7 dni i 30 dni), stwórz trzy osobne produkty.
- ⚠️ BARDZO WAŻNE: Po zapisaniu, na liście produktów zobaczysz żółty numerek, np. ID: 142. Jeśli masz więcej wariantów, spisz wszystkie ID (np.
142, 143, 144). Będą potrzebne w Kroku 3.
💻 KROK 2: Dodajemy bramkę na Twojej stronie (HTML)
Wklej ten kod tam, gdzie ma pojawić się blokada. Sekcja „Premium” jest domyślnie ukryta.
<div id="paywall-box" style="text-align: center; padding: 50px; background: #f4f4f0; border: 4px solid #000; border-radius: 12px; max-width: 400px; margin: 0 auto; font-family: sans-serif;">
<h2 style="font-weight: 900;">🔒 Dostęp Premium</h2>
<p>Wpisz swój klucz licencyjny, aby odblokować narzędzie.</p>
<input type="text" id="license_input" placeholder="Wklej klucz tutaj..." style="width: 100%; padding: 15px; margin-bottom: 15px; border: 3px solid #000; border-radius: 8px; font-weight: bold; box-sizing: border-box;">
<button id="check_btn" onclick="sprawdzKlucz()" style="background: #a6e22e; padding: 15px; font-weight: 900; border: 3px solid #000; border-radius: 8px; cursor: pointer; width: 100%; text-transform: uppercase; box-shadow: 4px 4px 0px #000;">Odblokuj dostęp</button>
<p style="margin-top: 20px; font-size: 0.9em; font-weight: bold;">
Nie masz klucza? Kup dostęp:<br>
<a href="LINK_DO_OPCJI_1_DZIEN">Dzień (10 zł)</a> | <a href="LINK_DO_OPCJI_MIESIAC">Miesiąc (49 zł)</a>
</p>
</div>
<div id="premium-content" style="display: none; padding: 30px; border: 4px solid #00c853; border-radius: 12px; background: #fff;">
<h1 style="color: #00c853;">🎉 Gratulacje! Uzyskałeś dostęp.</h1>
<p id="dni_waznosci" style="font-weight: 900; background: #eaffea; display: inline-block; padding: 5px 10px; border-radius: 4px;"></p>
<hr>
<p>Twoja tajna zawartość znajduje się tutaj...</p>
</div>
🧙♂️ KROK 3: Ożywiamy bramkę (Magia JavaScript)
To jest „mózg” Twojej operacji. Skrypt sprawdzi klucz i upewni się, że pasuje do Twoich produktów.
<script>
// WPISZ TUTAJ ID SWOICH PRODUKTÓW Z PANELU KEYAPI
// Możesz wpisać jedno ID lub kilka po przecinku, jeśli masz warianty cenowe.
const PRODUCT_ID = '142,143,144';
async function sprawdzKlucz() {
const klucz = document.getElementById('license_input').value.trim();
const btn = document.getElementById('check_btn');
if(!klucz) {
alert("Proszę wpisać klucz!");
return;
}
btn.innerText = "WERYFIKACJA...";
btn.disabled = true;
try {
// Zapytanie do serwera KeyAPI (sprawdza klucz i przypisanie do Twojego ID)
const odpowiedz = await fetch(`https://keyapi.pl/wp-json/keyapi/v1/check?key=${klucz}&product_id=${PRODUCT_ID}`);
const dane = await odpowiedz.json();
if (dane.status === 'active') {
// SUKCES!
document.getElementById('paywall-box').style.display = 'none';
document.getElementById('premium-content').style.display = 'block';
if(dane.is_lifetime) {
document.getElementById('dni_waznosci').innerText = "✅ Masz dostęp DOŻYWOTNI!";
} else {
document.getElementById('dni_waznosci').innerText = "⏳ Dostęp wygasa za: " + dane.days_left + " dni.";
}
// Zapamiętujemy klucz, żeby nie wpisywać go przy każdym odświeżeniu
localStorage.setItem('moj_klucz_keyapi', klucz);
} else if (dane.status === 'expired') {
alert("Niestety, Twój klucz wygasł! Kup przedłużenie.");
} else {
alert("Błąd: " + (dane.message || "Nieprawidłowy klucz!"));
}
} catch (error) {
alert("Błąd połączenia z serwerem licencji.");
} finally {
btn.innerText = "Odblokuj dostęp";
btn.disabled = false;
}
}
// Autologowanie: sprawdza czy klucz jest już w pamięci przeglądarki
window.onload = function() {
const zapisanyKlucz = localStorage.getItem('moj_klucz_keyapi');
if(zapisanyKlucz) {
document.getElementById('license_input').value = zapisanyKlucz;
sprawdzKlucz();
}
};
</script>
🏆 Podsumowanie
I to wszystko! Dzięki parametrowi PRODUCT_ID Twój system jest w 100% szczelny – nikt nie użyje klucza z Twojej innej aplikacji (lub od innego twórcy), aby włamać się do tego narzędzia.
Wkładając na swoją stronę zaledwie kilkanaście linijek gotowego kodu, zintegrowałeś:
- ✅ System płatności (Stripe/HotPay).
- ✅ Generator unikalnych licencji.
- ✅ Bramkę dostępu (Paywall).
- ✅ System fakturowania.
Nie musisz pisać ani jednej linii kodu bazy danych. Skup się na tworzeniu świetnych narzędzi, a my zajmiemy się całą resztą. Zaloguj się do KeyAPI i zacznij zarabiać już dziś!
