Stripe Checkout - Web og mobil betaling Den enkle måten

Hvis du dabler i e-handel og ennå ikke har prøvd Stripe, mister du ut på en av de enkleste måtene å motta betaling online. Stripe tar seg av betalingsprosessen uten behov for kompleks koding . En stund tilbake, Stripe sluppet et helt nytt betalingsskjema: Checkout. Den har integrering med stripe.js og fungerer bra både på mobile eller desktop-nettlesere.

Checkout gjør at brukerne enkelt kan fullføre betalingen uten å måtte forlate siden de er på. Brukere kan også velge å lagre kredittkortdataene sine ved å skrive inn en SMS-kode sendt til telefonen . Denne funksjonen er også innebygd, og Checkout løser effektivt problemer som involverer mobilbetalinger.

Kasseoversikt

Checkout skjemaet er enkelt å integrere på et nettsted. Bare sett inn denne koden hvor du vil at kasseknappen skal vises:

I kilden, la den koble fra Checkout-serveren slik at skjemaet oppdateres automatisk når det er endringer. Du kan endre logoen og teksten med Checkout med eget merke eller design. De aktuelle dataene er data-name og data-image .

Dette standardskriptet resulterer i følgende knapp:

For å endre knappens navn, legg ganske enkelt til data-panel-label til skriptet og navnet på knappen. For mer alternativ dokumentasjon, vennligst gå over til denne siden.

Når knappen klikkes, vises et vindu som viser skjema for å fullføre betalingen.

Som nevnt, gir Checkout en valgfri funksjon for å lagre kredittkortinformasjonen med SMS-kode. Brukere trenger bare å fylle ut telefonnummeret sitt og når du må foreta en annen betaling, bare skriv inn koden som sendes.

Tilpasse skjemaet

Det er også en tilpasset formintegrasjon som kan brukes med ethvert HTML-element eller JavaScript-arrangement. La oss ta en rask titt i følgende utdrag tatt fra tilpasset integrasjonsdokument:

 Kjøp 

I stedet for å jobbe med dataattributter som forrige utgave, bruker dette egendefinerte skjemaet JavaScript til å fungere med. StripeCheckout.configure() er håndteringsobjektet når siden lastes inn. Og alternativet kan sendes i det open() eller configure() .

30 sider for å laste ned åpen kildekode e-postmaler

Koding for e-postdesign manuelt er ikke en enkel oppgave . Du må bruke et bord, lage koden inline CSS, bygge et design for responsivitet, og sørg for at det er kompatibelt med en lang liste over forskjellige e-postklienter, for desktop, mobil og webmail.For å forenkle denne prosessen er det nå mange gratis åpen kildekode e-postmaler som du kan laste ned, deretter endre eller redigere til ditt hjerte innhold. Noe

(Tekniske og design tips)

En endelig måte å formatere datoer for internasjonale nettsteder

Datoformater varierer med region og språk, så det er alltid nyttig hvis vi kan finne en måte å vise datoene til brukerne, spesifikt for språk og region.Tilbake i desember 2012 utgav ECMA spesifikasjonene for Internationalization API for JavaScript. Internasjonaliserings API hjelper oss med å vise bestemte data i henhold til språket og skjæringsspesifikasjonen. Det ka

(Tekniske og design tips)