Пользовательский код имеет план-гейт
Webflow запускает пользовательский код только на сайтах с платным планом сайта. На бесплатном домене размещения код головы остаётся неактивным, поэтому судите результат на опубликованном платном сайте.
Scriptorium · V
Добавь кнопку покупки на твой сайт Webflow
Держи Webflow для того, для чего Webflow нужен: дизайн. Кнопка приносит платёж, и она наследует своё место в твоём макете, как любой другой элемент.
Добавь тег скрипта один раз
В параметрах сайта откройте пользовательский код и вставьте тег скрипта в поле кода Head. Сохраните и опубликуйте; он теперь загружается для всего сайта.
<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
crossorigin="anonymous"
defer></script>Назови продукт в своей панели управления
Открой свой проект, переключись на вкладку Продукты и добавь продукт: ссылку на выбор, имя, цену, валюту. Отсюда панель управления пишет оба блока на этой странице с твоим настоящим ID проекта. То, что ты видишь ниже, — это форма.
Помести кнопку туда, где ты продаёшь
На странице, где ты продаёшь, перетащи элемент Embed и вставь кнопку внутрь. Позиционируй и размер её на холсте, как что-либо ещё.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Опубликуй. Кнопка отрисовывается со страницей, и выбор платежа загружается в первый раз, когда покупатель кликает её. Каждый дополнительный продукт — это один и тот же блок с другой ссылкой и ярлыком.
Следи за ними
Холст показывает плейсхолдер
Designer отрисовывает embeds как серый блок. Настоящая кнопка появляется на опубликованной странице, поэтому стилизируй пространство вокруг неё, затем опубликуй и посмотри.
Не требуется план Ecommerce
Кнопка — это её собственная касса. Простой CMS или статический план сайта её несёт; Webflow Ecommerce может остаться из счёта полностью.
Готово, когда готова твоя страница
Бесплатный план охватывает 150 транзакций в месяц. Никакой карты для регистрации.