Scriptorium · IV

Dodaj przycisk kupna do witryny Jekyll

Witryny Jekyll biorą płatności z dwoma wklejonym blokami, a to obejmuje stock GitHub Pages. Brak wtyczek, brak klejnotów i brak przepływu pracy Actions do skonfigurowania.

Dodaj tag skryptu, raz

Dodaj tag skryptu do nagłówka w głównym układzie (_layouts/default.html) lub w nagłówku motywu (_includes/head.html).

<!-- _layouts/default.html -->
<head>
  <meta charset="utf-8" />
  <title>{{ page.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 dowolnej strony, posta lub dołączu. Kramdown przesyła wbudowany HTML w Markdown domyślnie, więc mid-post działa.

<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

GitHub Pages nie potrzebuje nic ekstra

Zwykły HTML plus nasz hostowany skrypt oznacza brak problemu z listą dozwolonych wtyczek. Wypchnij do gałęzi, którą już publikujesz, a przycisk jest na żywo.

Liquid zostawia to samo

Przycisk nie zawiera nawiasów klamrowych, więc Liquid nie ma nic do interpolacji. Wklej go w stanie niezmiennym. Nie są potrzebne tagi surowe.

Na liście zweryfikowanej

Jekyll to jedna z platform, którą dokumenty wymieniają jako potwierdzoną pracę.

Gotowy, gdy twoja strona jest gotowa

Bezpłatny obejmuje 150 transakcji miesięcznie. Brak karty do rejestracji.