Notion brut ne fera pas
Un site publié directement depuis Notion ne peut pas faire tourner du code personnalisé. Un hôte comme Super ou Simple.ink est ce qui ajoute cette capacité.
Scriptorium · IX
Ajoute un bouton d'achat à ton site Notion
Notion ne fera pas tourner du code personnalisé seul. Le bouton a donc besoin d'un hôte qui l'ajoute. Des outils comme Super et Simple.ink publient tes pages Notion et te laissent coller du code. Avec l'un d'eux, le bouton fonctionne comme n'importe où ailleurs.
Ajoute la balise de script, une fois
Ajoute la balise de script une fois dans le paramètre de code à l'échelle du site de ton hôte. Dans Super, c'est Paramètres, puis Code. Dans Simple.ink, c'est le panneau de code personnalisé dans la barre latérale.
<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
Où tu veux le bouton, ajoute un bloc de code Notion. Dans Super, mets super-embed: sur la première ligne, puis le bouton en dessous. Dans Simple.ink, enveloppe le bouton entre deux lignes #EMBED. L'hôte transforme ce bloc en bouton actif.
<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
Le bouton va dans un bloc de code
Tu ne colles pas le bouton dans la page comme du texte brut. Tu le mets dans un bloc de code Notion avec le marqueur de ton hôte. C'est super-embed: pour Super, ou #EMBED pour Simple.ink. L'hôte le rend de là.
Gratuit à essayer
Simple.ink a un niveau gratuit sur lequel tu peux lancer. Tu peux configurer le bouton et prendre une vente de test sans payer personne. Super offre un essai pour faire la même chose.
Prêt quand ta page l'est
Gratuit couvre 150 transactions par mois. Pas de carte pour s'inscrire.