Tu ajoutes une ligne à ton modèle de base et un bloc là où tu vends. Votre construction ne ralentit pas, parce que rien à ta construction ne change.
Ajoute la balise de script à la tête de ton modèle de base : layouts/_default/baseof.html dans la plupart des thèmes, ou l'inclusion de tête si ton thème en tient une.
<!-- layouts/_default/baseof.html -->
<head>
<meta charset="utf-8" />
<title>{{ .Title }}</title>
<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
crossorigin="anonymous"
defer></script>
</head>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.
Colle le bouton dans n'importe quel modèle ou inclusion. Pour le mettre dans du contenu Markdown, permets d'abord du HTML en ligne (voir les notes de marge).
<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.
Hugo supprime le HTML en ligne de Markdown à moins que tu définis markup.goldmark.renderer.unsafe = true dans la configuration de ton site. Les boutons dans les modèles et les inclusions n'ont pas du tout besoin de paramètre.
Tu vends à partir de nombreuses pages ? Enveloppe le bouton dans une inclusion ou un shortcode qui prend la référence du produit et l'étiquette comme paramètres. Une définition, tout le catalogue.
Hugo est l'une des plates-formes que la documentation liste comme confirmée fonctionnelle. Cette configuration exacte est testée.
Gratuit couvre 150 transactions par mois. Pas de carte pour s'inscrire.