Два способи вбудовування

Passtastic пропонує два варіанти додавання реєстрації карток на ваш сайт:

Варіант 1: Кнопки wallet (швидко й просто)

Додайте кнопки «Додати в Apple Wallet» та «Додати в Google Wallet» на свій сайт. Коли клієнт натискає, картка додається безпосередньо до його гаманця.

Примітка: Цей варіант працює лише для карток без увімкненого збору даних. Якщо ваша картка збирає інформацію про клієнтів (ім'я, електронна пошта тощо), використовуйте Варіант 2 — прямі посилання на wallet пропускають форму реєстрації, тому дані клієнтів не будуть зібрані.

Як отримати код:

1. Відкрийте свою картку з панелі керування.

2. Перейдіть на вкладку Поділитися.

3. Прокрутіть до Онлайн-поширення → Код вбудовування.

4. Натисніть Копіювати, щоб скопіювати HTML-код.

5. Вставте код у HTML вашого сайту там, де ви хочете показати кнопки.

Фрагмент коду виглядає так — два посилання з зображеннями поруч:

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>

Ідеально для: лендінгів, підписів електронної пошти, блогів — будь-де, де потрібен простий заклик до дії.

Варіант 2: Повна вбудована форма (iframe)

Вбудуйте весь процес реєстрації безпосередньо на вашій сторінці. Клієнт заповнює свої дані та додає картку до гаманця, не залишаючи ваш сайт.

Як отримати код:

1. Перейдіть до Інтеграції у бічній панелі.

2. Виберіть картку, яку хочете вбудувати.

3. Оберіть Вбудовування на сайт → Отримати код.

4. Ви побачите попередній перегляд форми наживо. Натисніть Копіювати код.

5. Вставте код на свій сайт.

Iframe автоматично налаштовує висоту відповідно до вмісту, працює на мобільних пристроях і не показує банер cookies на сторінці реєстрації.

Ідеально для: окремих сторінок реєстрації, розділів «приєднуйтесь до нашої програми лояльності», процесів оформлення замовлення.

Працює з будь-якою платформою

Обидва варіанти — це стандартний HTML, вони працюють на:

WordPress
Squarespace
Wix
Shopify
Сайтах власної розробки
Будь-якій платформі, що підтримує блоки HTML-коду

Поширені запитання

Чи можу я стилізувати кнопки під свій сайт?

Код кнопок wallet використовує стандартний HTML — ви можете змінити стилі обгортки `div`, змінити макет або додати власний CSS.

Чи можу я вбудувати форму без рамки iframe?

Так. Код вбудовування за замовчуванням встановлює `frameborder="0"`. Ви також можете прибрати `box-shadow` з обгортки `div`, щоб досягти повної інтеграції.

Чи збирає вбудована форма дані клієнтів?

Так — усі налаштування збору даних вашої картки (ім'я, електронна пошта, телефон, власні поля) застосовуються до вбудованої форми так само, як і на окремій сторінці реєстрації.

Чи можу я вбудувати різні картки на різних сторінках?

Так. Кожна картка має власний код вбудовування. Ви можете розмістити картку зі штампами на одній сторінці, а членську картку — на іншій.

Чи потрібен платний план для використання вбудовування?

Код кнопок wallet (Варіант 1) працює на всіх планах. Повне вбудовування iframe (Варіант 2) також доступне на всіх планах.