Scriptorium · IV

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

Сайты Jekyll берут платежи с двумя вставленными блоками, и это включает стоковый GitHub Pages. Никаких плагинов, никаких gems и никакого рабочего процесса Actions для установки.

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

Добавь тег скрипта в голову в твой макет по умолчанию (_layouts/default.html) или включение головы твоей темы (_includes/head.html).

<!-- _layouts/default.html -->
<head>
  <meta charset="utf-8" />
  <title>{{ page.title }}</title>
  <script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
    crossorigin="anonymous"
    defer></script>
</head>

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

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

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

Вставь кнопку на любую страницу, пост или включение. Kramdown передаёт встроенный HTML в Markdown по умолчанию, поэтому середина поста работает.

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

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

Следи за ними

GitHub Pages не нужна ничего лишнего

Простой HTML плюс наш размещённый скрипт означает отсутствие проблем с разрешением плагина. Пуш на ветвь, которую ты уже публикуешь, и кнопка живёт.

Liquid оставляет её в покое

Кнопка не содержит фигурных скобок, поэтому Liquid нечего интерполировать. Вставь её как есть. Никаких сырых тегов не нужна.

На проверенном списке

Jekyll — одна из платформ, которую документы перечисляют как подтвержденную работающую.

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

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