Вбудуйте форму реєстрації на свій сайт

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

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

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

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

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

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

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

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

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

5. Вставте код у 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-коду

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