Chaque langage de modèle fonctionne
Le bouton est du HTML brut avec des attributs tirets, que chaque langage Eleventy émet verbatim. Rien à échapper, rien à configurer.
Scriptorium · III
Ajoute un bouton d'achat à ton site Eleventy
Eleventy émet tout HTML que tu lui remets, dans n'importe quel langage de modèle. Le bouton est du HTML. Ce guide est court parce qu'il n'y a rien à contourner.
Ajoute la balise de script, une fois
Ajoute la balise de script à la tête de ta mise en page de base, généralement un fichier sous _includes/, dans n'importe quel langage de modèle parlé.
<!-- _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>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 quel modèle : Nunjucks, Liquid, WebC, ou contenu Markdown. Eleventy passe le HTML en ligne dans Markdown par défaut.
<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
Ton pipeline reste le tien
Le script charge depuis notre CDN au moment de la vue. Ton construction, ton bundler, et tes copies passantes ne sauront jamais qu'il existe.
Prêt quand ta page l'est
Gratuit couvre 150 transactions par mois. Pas de carte pour s'inscrire.