Scriptorium · XII

Ajoute un bouton d'achat à un site HTML simple

Il n'y a pas de framework ici et rien à installer. Le bouton d'achat est HTML, donc une page HTML simple est l'endroit le plus simple où il peut vivre. Tu ajoutes une ligne à la tête et un bloc où tu vends.

Ajoute la balise de script, une fois

Mets la balise de script à l'intérieur de la tête de ta page. Si ton site est plus qu'une page, ajoute-le à la tête de chaque page qui vend, ou au fichier en-tête partagé si tu en utilises un.

<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
  crossorigin="anonymous"
  defer></script>

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 le corps partout où tu veux qu'il apparaisse. Le navigateur l'affiche sur place, et le sélecteur de paiement charge la première fois qu'un acheteur clique.

<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

Pas d'étape de construction, pas de problème

Tu n'as pas besoin de npm, d'un bundler, ou d'un framework. Enregistre le fichier, télécharge-le, et le bouton fonctionne la prochaine fois que la page charge.

Réutilise-le sur les pages

Tu vends à partir de plusieurs pages ? Mets la balise de script dans un en-tête partagé et copie le bloc de bouton partout où tu l'as besoin. Chaque produit est le même bloc avec une référence et une étiquette différentes.

Fonctionne sur n'importe quel hôte

GitHub Pages, un seau de stockage d'objets, un hôte partagé bon marché, un dossier sur ton propre serveur : s'il sert un fichier HTML, il peut vendre. Rien ne fonctionne de ton côté.

Prêt quand ta page l'est

Gratuit couvre 150 transactions par mois. Pas de carte pour s'inscrire.