Zero JavaScript dodanego do twoich wysepek
To nie jest komponent struktury, więc nie potrzebuje klienta: załadowania i nigdy nie pojawia się w statystyce pakietu. Tag skryptu wykonuje swoją pracę w przeglądarce, po HTML.
Scriptorium · I
Dodaj przycisk kupna do witryny Astro
Nie potrzebujesz pakietu integracji, dyrektywy klienta ani wysepki. Przycisk to zwykły HTML, który jest dostarczany wraz z twoją statyczną kompilacją, co jest najbardziej szerokim sposobem, w jaki może być widżet płatności.
Dodaj tag skryptu, raz
Umieść tag skryptu w nagłówku głównego układu, src/layouts/Layout.astro w większości projektów. Każda strona, która używa układu, może renderować przyciski od tej pory.
---
// src/layouts/Layout.astro
---
<html lang="en">
<head>
<meta charset="utf-8" />
<title>{title}</title>
<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
crossorigin="anonymous"
defer></script>
</head>Nazwij produkt w dashboard
Otwórz swój projekt, przejdź do karty Produkty i dodaj produkt: odniesienie, które wybierasz, nazwę, cenę, walutę. Stąd dashboard pisze oba bloki na tej stronie z twoim rzeczywistym identyfikatorem projektu. Poniżej widać kształt.
Umieść przycisk tam, gdzie sprzedajesz
Wklej przycisk do treści dowolnej strony lub komponentu .astro. Astro przesyła to bezpośrednio do wbudowanego HTML bez zmian.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Opublikuj. Przycisk renderuje się ze stroną, a selektor płatności ładuje się za pierwszym razem, gdy kupujący go kliknie. Każdy dodatkowy produkt to ten sam blok z innym odniesieniem i etykietą.
Uważaj na te
MDX i kolekcje treści
Strony renderowane przez układ już mają skrypt. Aby sprzedawać z zawartości MDX, wklej ten sam HTML przycisku bezpośrednio do pliku.
Statyczne, SSR, hybrydowe: wszystko jest w porządku
Przycisk nie obchodzi, jak HTML został wyprodukowany. Jeśli strona dotrze do przeglądarki, sprzedaje.
Gotowy, gdy twoja strona jest gotowa
Bezpłatny obejmuje 150 transakcji miesięcznie. Brak karty do rejestracji.