Scriptorium · VIII

Füge einen Kaufbutton zu deiner Squarespace-Website hinzu

Verkaufe von der Squarespace-Seite, die du bereits pflegst, ohne dein Leben in Squarespace Commerce zu verschieben. Der Button ist ein Code-Block auf der Seite.

Füge das Script-Tag einmal ein

Öffne in Einstellungen Advanced, dann Code Injection, und füge das Script-Tag in das Header-Feld ein. Es wird auf jeder Seite der Website geladen.

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

Benenne das Produkt in deinem Dashboard

Öffne dein Projekt, wechsele zur Registerkarte Produkte, und füge das Produkt hinzu: eine Referenz, die du wählst, einen Namen, einen Preis, eine Währung. Von hier schreibt das Dashboard beide Blöcke auf dieser Seite mit deiner echten Projekt-ID. Was du unten siehst ist die Form.

Stelle den Button dort hin, wo du verkaufst

Auf der Seite, wo du verkaufst, füge einen Code-Block dort hin, wo der Button sein sollte, und füge den Button rein. Speichern und die Seite ist ein Laden.

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

Veröffentliche. Der Button wird mit der Seite dargestellt, und die Zahlungs-Auswahl wird das erste Mal geladen, wenn ein Käufer ihn anklickt. Jedes zusätzliche Produkt ist der gleiche Block mit einer anderen Referenz und einem anderen Label.

Passe auf diese auf

Business-Plan oder höher

Code Injection und Script-tragende Code-Blöcke laufen auf Business- und Commerce-Plänen. Persönliche Pläne entfernen den Code beim Speichern.

Freundlich mit Squarespace Commerce

Der Button ist sein eigenes Checkout mit seinem eigenen Dashboard. Produkte im Squarespace-Laden bleiben unberührt; die beiden verkaufen Seite an Seite.

Auf der überprüften Liste

Squarespace Code-Blöcke sind einer der Oberflächen, die die Docs als bestätigt funktionierend auflistet.

Bereit, wenn deine Seite bereit ist

Kostenlos deckt 150 Transaktionen pro Monat. Keine Karte zum Anmelden.