Каждый язык шаблона работает
Кнопка — это простой HTML с пунктирными атрибутами, которые каждый язык Eleventy выдаёт дословно. Ничего для побега, ничего для конфигурации.
Scriptorium · III
Добавь кнопку покупки на твой сайт Eleventy
Eleventy выдаёт любой HTML, который ты ему даёшь, на любом языке шаблона. Кнопка — это HTML. Этот гайд короток, потому что нечего обходить.
Добавь тег скрипта один раз
Добавь тег скрипта в голову твоего базового макета, обычно в файле под _includes/, на каком бы языке шаблона оно не говорило.
<!-- _includes/layout.njk -->
<head>
<meta charset="utf-8" />
<title>{{ title }}</title>
<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
crossorigin="anonymous"
defer></script>
</head>Назови продукт в своей панели управления
Открой свой проект, переключись на вкладку Продукты и добавь продукт: ссылку на выбор, имя, цену, валюту. Отсюда панель управления пишет оба блока на этой странице с твоим настоящим ID проекта. То, что ты видишь ниже, — это форма.
Помести кнопку туда, где ты продаёшь
Вставь кнопку в любой шаблон: Nunjucks, Liquid, WebC или контент Markdown. Eleventy передаёт встроенный HTML в Markdown по умолчанию.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Опубликуй. Кнопка отрисовывается со страницей, и выбор платежа загружается в первый раз, когда покупатель кликает её. Каждый дополнительный продукт — это один и тот же блок с другой ссылкой и ярлыком.
Следи за ними
Твой конвейер остаётся твоим
Скрипт загружается с нашего CDN во время просмотра. Твоя сборка, твой bundler и твои passthrough копии никогда не узнают о нём.
Готово, когда готова твоя страница
Бесплатный план охватывает 150 транзакций в месяц. Никакой карты для регистрации.