Osadź formularz rejestracji na swojej stronie | Passtastic Help
☰

Osadź formularz rejestracji na swojej stronie

Dwa sposoby osadzania

Passtastic oferuje dwie opcje dodania rejestracji kart na Twojej stronie:

Opcja 1: Przyciski wallet (szybko i prosto)

Dodaj przyciski „Dodaj do Apple Wallet" i „Dodaj do Google Wallet" na swojej stronie. Gdy klient kliknie, karta zostanie dodana bezpośrednio do jego portfela.

Uwaga: Ta opcja działa tylko w przypadku kart bez włączonego zbierania danych. Jeśli Twoja karta zbiera dane klientów (imię, e-mail itp.), użyj Opcji 2 — bezpośrednie linki do wallet pomijają formularz rejestracji, więc dane klientów nie zostaną zebrane.

Jak uzyskać kod:

1. Otwórz swoją kartę z panelu.

2. Przejdź do zakładki Udostępnij.

3. Przewiń do Udostępnianie online → Kod osadzania.

4. Kliknij Kopiuj, aby skopiować kod HTML.

5. Wklej kod do HTML swojej strony w miejscu, gdzie chcesz wyświetlić przyciski.

Fragment kodu wygląda tak — dwa linki z obrazkami obok siebie:

html
<!-- Passtastic Pass Embed -->
<div style="display: flex; gap: 10px; margin: 20px 0;">
  <a href="YOUR_APPLE_LINK" target="_blank">
    <img src="https://passtastic.io/landing/apple-wallet.svg"
         alt="Add to Apple Wallet" width="120">
  </a>
  <a href="YOUR_GOOGLE_LINK" target="_blank">
    <img src="https://passtastic.io/landing/google-wallet.svg"
         alt="Add to Google Wallet" width="120">
  </a>
</div>

Idealne do: stron docelowych, podpisów e-mail, wpisów na blogu — wszędzie, gdzie chcesz prostego wezwania do działania.

Opcja 2: Pełny osadzony formularz (iframe)

Osadź całe doświadczenie rejestracji bezpośrednio na swojej stronie. Klient wypełnia swoje dane i dodaje kartę do portfela bez opuszczania Twojej witryny.

Jak uzyskać kod:

1. Przejdź do Integracje w pasku bocznym.

2. Wybierz kartę, którą chcesz osadzić.

3. Wybierz Osadzanie na stronie → Pobierz kod.

4. Zobaczysz podgląd na żywo formularza. Kliknij Kopiuj kod.

5. Wklej kod na swojej stronie.

Iframe automatycznie dostosowuje swoją wysokość do treści, działa na urządzeniach mobilnych i nie wyświetla banera cookies na stronie rejestracji.

Idealne do: dedykowanych stron rejestracji, sekcji „dołącz do naszego programu lojalnościowego", procesów zakupowych.

Działa z każdą platformą internetową

Obie opcje to standardowy HTML — działają na:

  • WordPress
  • Squarespace
  • Wix
  • Shopify
  • Stronach tworzonych na zamówienie
  • Każdej platformie obsługującej bloki kodu HTML

Najczęściej zadawane pytania

Czy mogę dostosować wygląd przycisków do mojej strony?
Kod przycisków wallet używa standardowego HTML — możesz dostosować style otaczającego `div`, zmienić układ lub dodać własny CSS.
Czy mogę osadzić formularz bez ramki iframe?
Tak. Kod osadzania domyślnie ustawia `frameborder="0"`. Możesz również usunąć `box-shadow` z otaczającego `div`, jeśli chcesz pełnej integracji wizualnej.
Czy osadzony formularz zbiera dane klientów?
Tak — wszystkie ustawienia zbierania danych Twojej karty (imię, e-mail, telefon, pola niestandardowe) obowiązują w osadzonym formularzu dokładnie tak samo jak na samodzielnej stronie rejestracji.
Czy mogę osadzić różne karty na różnych stronach?
Tak. Każda karta ma własny kod osadzania. Możesz umieścić kartę stemplową na jednej stronie, a kartę członkowską na innej.
Czy potrzebuję płatnego planu, aby korzystać z osadzania?
Kod przycisków wallet (Opcja 1) działa we wszystkich planach. Pełne osadzanie iframe (Opcja 2) jest również dostępne we wszystkich planach.