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