Każdy język szablonu działa
Przycisk to zwykły HTML z atrybutami łącznikami, które każdy język Eleventy emituje słowo w słowo. Nic do ucieczki, nic do skonfigurowania.
Scriptorium · III
Dodaj przycisk kupna do witryny Eleventy
Eleventy emituje dowolny HTML, który mu przekażesz, w dowolnym języku szablonu. Przycisk to HTML. Ten przewodnik jest krótki, ponieważ nie ma nic do obejścia.
Dodaj tag skryptu, raz
Dodaj tag skryptu do nagłówka głównego układu, zwykle do pliku w _includes/, w dowolnym języku szablonu, który mówi.
<!-- _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>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 dowolnego szablonu: Nunjucks, Liquid, WebC lub treści Markdown. Eleventy przesyła wbudowany HTML w Markdown domyślnie.
<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
Twój potok pozostaje twój
Skrypt ładuje się z naszego CDN w czasie widoku. Twoja kompilacja, twój bundler i kopie passthrough nigdy nie wiedzą, że istnieje.
Gotowy, gdy twoja strona jest gotowa
Bezpłatny obejmuje 150 transakcji miesięcznie. Brak karty do rejestracji.