Scriptorium · III

Προσθέστε ένα κουμπί αγοράς στον ιστότοπό σας Eleventy

Το Eleventy εκπέμπει οποιοδήποτε HTML σας δώσετε, σε οποιαδήποτε γλώσσα προτύπου. Το κουμπί είναι HTML. Αυτός ο οδηγός είναι σύντομος γιατί δεν υπάρχει τίποτα να δουλέψετε.

Προσθέστε το σχεδιάγραμμα ετικέτας, μία φορά

Προσθέστε το σχεδιάγραμμα ετικέτας στην κεφαλίδα της βάσης διάταξης σας, συνήθως ένα αρχείο κάτω από το _includes/, σε ό,τι γλώσσα προτύπου μιλά.

<!-- _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>

Ονομάστε το προϊόν στο ταμπλό σας

Ανοίξτε το έργο σας, μεταβείτε στην καρτέλα Προϊόντων, και προσθέστε το προϊόν: μια αναφορά που επιλέγετε, ένα όνομα, μια τιμή, ένα νόμισμα. Από εδώ το ταμπλό γράφει και τα δύο μπλοκ σε αυτήν τη σελίδα με το πραγματικό ID έργου σας. Αυτό που δείτε παρακάτω είναι το σχήμα.

Τοποθετήστε το κουμπί όπου πωλείτε

Επικολλήστε το κουμπί σε οποιοδήποτε πρότυπο: Nunjucks, Liquid, WebC, ή περιεχόμενο Markdown. Το Eleventy περνά ενσωματωμένο HTML σε Markdown από προεπιλογή.

<coin-moebius-buy
  project-id="proj_YOUR_ID_HERE"
  product-id="t-shirt-medium"
  label="Buy a t-shirt">
</coin-moebius-buy>

Δημοσιεύστε. Το κουμπί αποδίδει με τη σελίδα, και ο επιλογέας πληρωμής φορτώνει την πρώτη φορά που ένας αγοραστής κάνει κλικ σε αυτό. Κάθε πρόσθετο προϊόν είναι το ίδιο μπλοκ με ένα διαφορετικό αρχείο αναφοράς και ετικέτα.

Προσέχετε αυτά

Κάθε γλώσσα προτύπου λειτουργεί

Το κουμπί είναι απλό HTML με διακεκομμένα χαρακτηριστικά, που κάθε γλώσσα Eleventy εκπέμπει λεκτικά. Τίποτα να διαφύγει, τίποτα να διαμορφώσει.

Ο αγωγός σας παραμένει δικός σας

Το σχεδιάγραμμα ετικέτας φορτώνει από το CDN μας κατά την ώρα προβολής. Η κατασκευή σας, η δέσμη σας, και τα αντίγραφα διέλευσης ποτέ δεν γνωρίζουν ότι υπάρχει.

Έτοιμο όταν η σελίδα σας είναι

Δωρεάν καλύπτει 150 συναλλαγές ανά μήνα. Καμία κάρτα για να εγγραφείτε.