Coin Moebius
Scriptorium · I

Добавь кнопку покупки на твой сайт Astro

Тебе не нужен пакет интеграции, директива клиента или остров. Кнопка — это простой HTML, который корабли твоей статической сборкой, что является самой Astro-образной вещью, которой может быть виджет платежей.

Добавь тег скрипта один раз

Помести тег скрипта в голову твоего базового макета, src/layouts/Layout.astro в большинстве проектов. Каждая страница, которая использует макет, может отрисовывать кнопки с тех пор.

---
// src/layouts/Layout.astro
---
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>{title}</title>
    <script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
      crossorigin="anonymous"
      defer></script>
  </head>

Назови продукт в своей панели управления

Открой свой проект, переключись на вкладку Продукты и добавь продукт: ссылку на выбор, имя, цену, валюту. Отсюда панель управления пишет оба блока на этой странице с твоим настоящим ID проекта. То, что ты видишь ниже, — это форма.

Помести кнопку туда, где ты продаёшь

Вставь кнопку в тело любой страницы или компонента .astro. Astro передаёт её через встроенный HTML без изменений.

<coin-moebius-buy
  project-id="proj_YOUR_ID_HERE"
  product-id="t-shirt-medium"
  label="Buy a t-shirt">
</coin-moebius-buy>

Опубликуй. Кнопка отрисовывается со страницей, и выбор платежа загружается в первый раз, когда покупатель кликает её. Каждый дополнительный продукт — это один и тот же блок с другой ссылкой и ярлыком.

Следи за ними

Нулевой JavaScript добавлен в твои острова

Это не компонент фреймворка, поэтому ему не нужно client:load и никогда не появляется в статистике твоего пакета. Тег скрипта делает свою работу в браузере, после твоего HTML.

MDX и коллекции контента

Страницы, отрисованные через макет, уже имеют скрипт. Чтобы продавать изнутри контента MDX, вставь один и тот же HTML кнопки прямо в файл.

Статическая, SSR, гибридная: всё хорошо

Кнопке не важно, как был произведён HTML. Если страница достигает браузер, она продаёт.

Готово, когда готова твоя страница

Бесплатный план охватывает 150 транзакций в месяц. Никакой карты для регистрации.

Начать бесплатноКнопка покупки, атрибут за атрибутом