Coin Moebius
Scriptorium · II

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

Ты добавляешь одну строку в твой базовый шаблон и один блок, где ты продаёшь. Твоя сборка не замедляется, потому что ничто в твоей сборке не меняется.

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

Добавь тег скрипта в голову твоего базового шаблона: layouts/_default/baseof.html в большинстве тем или частичный файл головы, если твоя тема держит один.

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

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

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

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

Вставь кнопку в любой шаблон или частичный файл. Чтобы поместить его в контент Markdown, сначала разрешь встроенный HTML (см. маргинальные заметки).

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

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

Следи за ними

Goldmark ест сырой HTML по умолчанию

Hugo удаляет встроенный HTML из Markdown, если ты не установишь markup.goldmark.renderer.unsafe = true в конфигурацию своего сайта. Кнопки в шаблонах и частичных файлах не нужна никакая настройка вообще.

Сделай это частичным

Продаешь со множества страниц? Оберни кнопку в частичный файл или shortcode, которая берёт ссылку продукта и ярлык как параметры. Одно определение, весь каталог.

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

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

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

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

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