Scriptorium · V

Dodaj przycisk kupna do witryny Webflow

Trzymaj Webflow do tego, do czego Webflow jest przeznaczony: projekt. Przycisk przynosi płatność i dziedziczy swoje miejsce w układzie jak każdy inny element.

Dodaj tag skryptu, raz

W ustawieniach witryny otwórz Niestandardowy kod i wklej tag skryptu do pola Kod nagłówka. Zapisz i opublikuj; teraz ładuje się dla całej witryny.

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

Nazwij produkt w dashboard

Otwórz swój projekt, przejdź do karty Produkty i dodaj produkt: odniesienie, które wybierasz, nazwę, cenę, walutę. Stąd dashboard pisze oba bloki na tej stronie z twoim rzeczywistym identyfikatorem projektu. Poniżej widać kształt.

Umieść przycisk tam, gdzie sprzedajesz

Na stronie, na której sprzedajesz, upuść element Embed i wklej przycisk do środka. Umieść i zmień rozmiar na kanwie jak cokolwiek innego.

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

Opublikuj. Przycisk renderuje się ze stroną, a selektor płatności ładuje się za pierwszym razem, gdy kupujący go kliknie. Każdy dodatkowy produkt to ten sam blok z innym odniesieniem i etykietą.

Uważaj na te

Niestandardowy kod jest bramą planu

Webflow uruchamia niestandardowy kod tylko na witrynach z płatnym planem witryny. Na bezpłatnej domenie przejściowej kod nagłówka pozostaje uśpiony, więc oceń wynik na opublikowanej witrynie płatnej.

Kanwa pokazuje symbol zastępczy

Projektant renderuje osadzenia jako szary blok. Rzeczywisty przycisk pojawia się na opublikowanej stronie, więc stylizuj przestrzeń wokół niego, a następnie publikuj i patrz.

Nie wymagany plan e-commerce

Przycisk to jego własny checkout. Zwykły plan CMS lub witrynę statyczną go nosi; Webflow Ecommerce może pozostać poza całkowitym rachunkiem.

Gotowy, gdy twoja strona jest gotowa

Bezpłatny obejmuje 150 transakcji miesięcznie. Brak karty do rejestracji.