GitHub Pages n'a besoin de rien d'extra
Le HTML brut plus notre script hébergé signifie aucun trouble de liste d'autorisation de plugins. Pousse vers la branche que tu publies déjà depuis et le bouton est actif.
Scriptorium · IV
Ajoute un bouton d'achat à ton site Jekyll
Les sites Jekyll acceptent les paiements avec deux blocs collés, et cela inclut GitHub Pages stock. Il n'y a pas de plugins, pas de gems, et pas de flux de travail Actions à configurer.
Ajoute la balise de script, une fois
Ajoute la balise de script à la tête dans ta mise en page par défaut (_layouts/default.html) ou l'inclusion de tête de ton thème (_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>Nomme le produit dans ton tableau de bord
Ouvre ton projet, bascule vers l'onglet Produits, et ajoute le produit : une référence que tu choisis, un nom, un prix, une devise. À partir d'ici, le tableau de bord écrit les deux blocs sur cette page avec ton ID de projet réel. Ce que tu vois ci-dessous est la forme.
Place le bouton là où tu vends
Colle le bouton dans n'importe quelle page, publication, ou inclusion. Kramdown passe le HTML en ligne dans Markdown par défaut, donc mi-publication fonctionne.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Publie. Le bouton s'affiche avec la page, et le sélecteur de paiement charge la première fois qu'un acheteur clique. Chaque produit supplémentaire est le même bloc avec une référence et une étiquette différentes.
Attention à ceux-ci
Liquid le laisse seul
Le bouton ne contient pas d'accolades, donc Liquid n'a rien à interpoler. Colle-le tel quel. Aucune balise brute nécessaire.
Sur la liste vérifiée
Jekyll est l'une des plates-formes que la documentation liste comme confirmée fonctionnelle.
Prêt quand ta page l'est
Gratuit couvre 150 transactions par mois. Pas de carte pour s'inscrire.