EN
Søker...

Betalings- og donasjonsseksjon

Betalingsskjemaer fjerner smerten ved å godta nettbetalinger med Stripe og PayPal. Ta betalinger og donasjoner på få minutter. Selg produkter, tjenester, nettkurs og mye mer.

Du kan enkelt opprette en betalings- eller donasjonsside på din nettside eller side å ta en donasjon eller en engangsbetaling ved å bruke Betaling og donasjon seksjon.

Den gir deg også muligheten til å konfigurere skjemafeltene du vil ha i skjemaet, og lar deg spesifisere en e-postadresse som skjemadataene som samles inn, sendes til.

Alle skjemadata lagres også og er tilgjengelige i Innstillinger > Skjemainnsendinger delen av studioet. Les mer.

Alle innsendte data via kontaktskjemaet vil også bli videresendt til e-post-ID spesifisert i kontaktskjemainnstillingene. Din kontoens e-postadresse tas som standard.
Sjekk også: Endre e-postadresse for kontoen. 

I denne artikkelen:

  1. Legg til seksjon på en side
  2. Innhold
  3. Layout
  4. Stil
  5. innstillinger
  6. E-postvarsling
  7. Sjekk betalinger og betalingsmåter
  8. Levende eksempel

Legg til en seksjon for betaling og donasjon

  • En seksjon kan legges til en side. Du kan enten legge til en seksjon på en allerede eksisterende side eller opprette en ny side på nettstedet ditt.
  • På siden din, Klikk på blått + ikon å legge til en Ny seksjon til siden din.

 

  • Du vil nå se seksjonskategorier på venstre side.
  • Velg Skjemaer (1) kategori og klikk på Betaling og donasjoner fane (2) hvor du kan velge mellom forskjellige oppsett av Betaling og donasjoner (3) seksjon.

  • Velg et hvilket som helst seksjonsoppsett og klikk på det for å legge det til på siden din.

Administrer betalingsskjema

  • Klikk på Rediger innhold (1)-knappen.

  • Du vil ha muligheten til å administrere Innhold (2) Layout (3) Stil (4) innstillinger (5), og E-postvarsler (6).
  • hit Spar (7) for å bruke endringene på skjemaet.

Innhold

Administrer skjemafelt

Under Administrer skjemafelt kan du spesifisere feltene du vil at besøkende skal fylle ut dette skjemaet.

  • Klikk på Legg til nytt felt (1)-knappen for å legge til flere felt i skjemaet.
  • Rediger eller Slett (2) et felt som allerede er lagt til.
  • Dra og slipp (3) feltene for å endre rekkefølgen i skjemaet.
  • Sett Etikett for handlingsfremmende knapp (4) for skjemaet.

  • Ved å klikke på + Legg til felt knappen åpnes en popup hvor du kan velge skjemafelt.

  1. Ta opp navn av din klient.
  2. Fang all liten informasjon gjennom kort tekst feltet.
  3. Fange opp all forseggjort informasjon/melding gjennom Lang tekst feltet.
  4. Ta opp emalje av din klient.
  5. Fang noen numerisk informasjon fra klienten din.
  6. Legg til tjenester å velge mellom i en dropdown måte.
  7. Enkeltvalg: Legg til et radiovalg for tjenestene dine.
  8. Flervalg: Legg til et avmerkingsfelt for flere valg.
  9. legge en Datovelger slik at kundene dine kan velge en dato for ethvert arrangement.
  10. legge en linje mellom skjemafeltene.
  11. Ta opp adresse av din klient.
  12. Ta opp nettsted av din klient.
  13. Ta opp telefon Antall av din klient.
  14. legge en tid feltet slik at kundene dine kan spesifisere hendelsestidspunktet selv.
  15. legge en separator mellom skjemafeltene.
  16. Ocuco samtykkefelt alternativet kan brukes til å ta tillatelser for nyhetsbrev, akseptere personvern og vilkår for bruk.
  17. Ta kundeanmeldelser ved å bruke stjerne skala, tallskalaog smiley skala.

Merknader

E-post- og beløpsfeltene er obligatoriske felt og kan ikke slettes.

Skjemastil

  1. Vis skjema som popup – Aktiver dette for å åpne skjemaet i et popup-vindu ved å klikke på handlingsfremmende knapp.
  2. Etikett for handlingsfremmende knapp – Sett inn Etikett for handlingsfremmende knapp for skjemaet.
  3. Overskriftspopup – Spesifiser skjemaet Overskrift, hvis noen.

  • Last opp eller slett (1) skjemabildet for skjemaet.
  • legge en Tittel (2)og Beskrivelse (3) for skjemaet. Før du legger til beskrivelsen, sjekk denne artikkel.

overskrift

  • overskrift – Spesifiser Seksjonsoverskrift (1) for delen Betalingsskjema.
  • Knapp og ikoner – Lær mer om Knapper og ikoner (2).

Administrere oppsettet

  • Klikk på Rediger innhold (1)-knappen.

  • Velg Layout (2) fane.
  • Velg layout for din seksjon (3) og Spar (4) endringene.

Stilalternativer

  • Klikk på Rediger innhold (1)-knappen.

  • Velg Stil (2) fane.
  • Endre stilen for seksjonselementene og Spar (3) endringene dine.

Styling av fra-en er et viktig aspekt ved å skape en visuelt tiltalende og brukervennlig opplevelse.

Du vil ha flere stilalternativer for delen: 

Form Fields

Pixpa tillater du til fullt tilpasse de utseende of din skjema felt. Disse styling alternativer søke om til alle inngang felt in din Betaling Form og gi du større kontroll enn hvordan din skjema utseende og føles on din nettside.

  1. Form: Velg formen på inndatafeltene dine – for eksempel rektangel, avrundet, pille eller tekst – slik at de matcher nettstedets estetikk.
  2. Fyll: Aktiver denne veksleknappen for å bruke en bakgrunnsfarge på skjemafeltene dine.
  3. Base Color: Angi bakgrunnsfargen for feltene når fyllingsalternativet er aktivert.
  4. Outline: Slå kantlinjen (omrisset) av eller på for hvert felt.
  5. Konturfarge: Velg fargen på feltets kantlinje når omrisset er aktivert.
  6. Tekstfarge i felt: Angi fargen på teksten som skrives av brukere i skjemafeltene.
  7. Høyde: Juster høyden på feltene dine ved å velge mellom: Liten, Medium, Stor eller Ekstra stor.
  8. etiketter: Velg om skjemafeltetiketter skal vises inni eller utenfor feltet.
  9. Etikettfarge: Definer fargen på etiketter når de plasseres utenfor feltet.
  10. Farge på innsiden av etiketten: Angi fargen for etiketter som er plassert inne i feltet (nyttig for etiketter i plassholderstil).
  11. Avstand mellom felt: Bruk glidebryteren til å angi den vertikale avstanden (i piksler) mellom hvert skjemafelt.

Justering

  • Administrer justeringen av skjemainnholdet horisontalt fra Horisontal justering (1).
  • Administrer justeringen av skjemainnholdet vertikalt fra Vertikal justering (2).

tekst

Mellomrom

  • Spesifiser bilde~~POS=TRUNC (1) av bildet i skjemaet i prosent.
  • Spesifiser Mellomrom mellom bilde og tekst (3) i prosent.
  • Spesifiser Mellomrom under tittelen (4) i prosent.

overskrift

  1. Juster horisontalt seksjonens overskriftstekst. Du kan sette den til Venstre, Senter og Høyre.
  2. Aktiver/deaktiver divider mellom seksjonsoverskriften og seksjonsinnholdet.
  3. Sett tykkelse på skilleveggen (i px).
  4. Spesifiser Skillefarge fra fargevelgeren.
  5. Velg en Divider stil fra rullegardinmenyen.
  6. Sett Overskriftsbredde for å definere hvor bred seksjonstittelen skal vises, med start fra minimum 50 %.
  7. Spesifiser Plass under overskriften innenfor seksjonen (i piksler).

Bilder

  1. Bildebeskjæring: Velg Imagisk beskjæring for listeelementene. Du kan angi bildene som Firkantet, Sirkel, Horisontal, Portrett og Original.
  2. Hjørneradius: Velg å ha en felles hjørneradius eller annen hjørneradius for hver side av listeelementene og angi et tall (i px) for Celler radius av listeelementbildene. Vite mer.
  3. Svevebevegelsesanimasjon: Velg til Animer bildet av seksjonen ved å aktivere veksleknappen. Sjekk denne funksjonen på en live-side.
  4. Animasjonsstil: Velg en Animasjonsstil for bildet når markøren holder seg over dem.
  5. Formmaske: Aktiver denne veksleknappen for å bruke en formmaske på bildene i bildelistedelen. Når den er aktivert, vil den valgte formen visuelt klippe bildet inn i den formen.
  6. Velg form: Velg mellom forskjellige forhåndsdefinerte former for å bruke på bildene dine. Dette lar deg stilisere innholdet ditt kreativt ved å vise bilder i unike former som avrundet, diamant, dråpe, etc.

Tips

Bruke hjørneradius feltet, kan du lage forskjellige former for listeelementbilder. Hvis du spesifiserer 500 px her, vil bildene vises i en sirkelform.

  • I tilfelle du har valgt delte hjørner, kan du angi forskjellig hjørneradius for hvert hjørne.

Bildekant

  1. Aktiver / deaktiver kantlinje rundt bildet ved å bytte bryteren.
  2. Velg å ha en felles grense på alle sider av bildet, eller du kan spesifisere grenser separat for hver side.
  3. Spesifiser bredde av grensen. Hvis den er satt til 0, vil ikke rammen vises. Du har også muligheten til å angi kantbredden individuelt for hver side av bildet.
  4. Velg Grensefarge fra fargevelgeren.
  5. Velg en foretrukket Border Style fra rullegardinmenyen.
  6. Bestem kantbredde for mobil enheter, justere den med bredden valgt for skrivebordet.

Disse stilalternativene er for popup-knappen, der betalingsskjemaet åpnes når du klikker på knappen.

  1. Knappstørrelse – Velg størrelsen på knappen fra alternativer som liten, medium eller stor.
  2. Plass over-knapp – Juster den vertikale avstanden over knappen (i prosent).
  3. Knappestil – Velg stilen på knappen, for eksempel standard eller tilpasset.
  4. Knappefarge – Velg fargestil for knappen. Alternativene inkluderer Standard, Inverter eller Tilpasset.
  5. Knappetekst – Tilpass tekstfargen for knappen.
  6. Bakgrunn for knapp – Velg bakgrunnsfargen for knappen.

Skjema-knapp

Disse innstillingene tillater tilpasning av skjemainnsendingsknappen slik at den samsvarer med sidens design og layout.

  1. Knappstørrelse – Velg størrelsen på knappen (Liten, Medium eller Stor).
  2. Plass over-knapp – Juster den vertikale avstanden over knappen (angitt i prosent).
  3. Knappestil – Velg den generelle stilen for knappen, for eksempel Standard eller Tilpasset.
  4. Knappefarge – Angi fargestilen for knappen. Alternativene inkluderer Standard, Inverter eller Tilpasset.
  5. Knappetekst – Tilpass tekstfargen som vises på knappen.
  6. Bakgrunn for knapp – Velg en bakgrunnsfarge for knappen.
  7. Knappjustering – Velg justeringen av knappen (venstre, midtstilt eller høyre).
  8. Knappbredde – Juster hvor bred knappen vises. Alternativene inkluderer Standard, Stor, Ekstra stor eller Full bredde.

Overskriftsknapper

Disse innstillingene kontrollerer utseendet og avstanden til knapper som er plassert sammen med overskriften til seksjonen.

  1. Knappstørrelse – Velg den totale størrelsen på knappene (Liten, Medium eller Stor).
  2. Mellomrom mellom knapper – Juster avstanden mellom flere knapper (målt i vw).
  3. Plass over knapper – Angi den vertikale avstanden over knappene (målt i prosent).
  4. Knappbredde – Velg hvor brede knappene skal vises. Alternativene inkluderer Standard, Stor, Ekstra stor og Full bredde.
  5. Størrelse på tekstlenken – Angi skriftstørrelsen på tekstlenker som er tilknyttet knapper (målt i piksler).
  6. Størrelse på bildeknapp – Juster størrelsen på bildebaserte knapper (målt i piksler).

Overskrift sosiale ikoner

Vis og tilpass ikoner for deling på sosiale medier i skjemaet.

  1. Ikonstørrelse – Juster størrelsen på sosiale ikoner (målt i piksler).
  2. Ikontype – Velg stilen på ikonene, for eksempel Klassisk, Heltrukket eller Omriss.
  3. Ikonfarge – Velg farge for ikonene. Alternativene inkluderer Lenketekst, Tilpasset eller Merkefarge (originalfargen til den sosiale plattformen).
  4. Bakgrunnsfarge for ikon – Angi en egendefinert bakgrunnsfarge for ikonene for å forbedre synligheten og stilen.

innstillinger

  • Klikk på Rediger innhold (1)-knappen.

  • Tilpass skjemainnstillingene fra innstillinger (2) fane og Spar (3) endringene dine.

Skjemanavn

  • Skriv inn et navn til identifiser betalingsskjemaet i Pixpa Studio. Dette navnet er ikke synlig for besøkende på nettstedet.

Betalingsmetode

  • Du kan oppdatere betalingsmåtene for skjemaet.
  • Du kan velge mellom Paypal og Stripe. Indiske kunder kan også legge til Razorpay og PayUMoney Les mer.

Merknader

Om gangen kan kun én betalingsmetode kobles til et skjema.

Handling etter innsending

Som en handling etter innsending kan du velge å Vis suksessmelding (1) eller Omdirigere til URL (2).

I tilfelle Vis suksessmelding (1)

  • Spesifiser Melding om vellykket betaling (2) som vises etter at brukeren har sendt inn skjemaet.
  • Du kan også legge til et hvilket som helst skript i suksess etter betaling HTML (3) eske.

  • I tilfelle Redirect til URL, kan du angi en hvilken som helst intern/ekstern side ved å klikke på innstillingsikonet (⚙️). Vite mer.

Synkroniser og eksporter skjemadata

  1. Send skjemadata til Make.com. Les mer.
  2. Send skjemadata til Zapier.com. Les mer.
  3. Eksporter skjemadata som en CSV-fil. Les mer.

E-postvarsling

Herfra kan du tilpasse e-postemnet for varslene du mottar som nettstedeier etter en vellykket skjemainnsending. I tillegg kan du tilpasse suksess-e-posten som sendes til brukere eller kunder etter at de har sendt inn skjemaet og foretar en betaling.

  1. aktiver E-post til nettstedseieren mulighet til å motta e-postvarsler når et betalingsskjema sendes inn.
  2. på Emnefelt, angi emnelinjen for e-posten om innsending av betalingsskjemaet. Du kan også bruke {NETTSTED} variabel for å automatisk inkludere nettstedets navn i emnefeltet. Dette er spesielt nyttig hvis du administrerer flere nettsteder.
  3. på E-postfelt, skriv inn opptil tre e-postadresser der du ønsker å motta varsler om betalingsskjemaer.

  1. Aktiver/deaktiver suksessen E-post til kunde alternativet.
  2. Spesifiser Emne av suksess-e-posten.
  3. Legg til en e-postinstans til suksess-e-posten. Du kan legge til variablene i e-postens brødtekst, som vil bli registrert og sendt i e-postene {TRANSACTION_ID}, {AMOUNT} og {NAME}.

Merknader

E-post til kunde er en premium-funksjon som kun er tilgjengelig på Profesjonell og avansert planer. Les mer. 

Sjekk betalinger og legg til betalingsmåte

  • Gå til Betalinger og donasjoner (1) seksjon.
  • Her kan du se alle betalingene du har mottatt.
  • Sjekk dato, beløp mottatt og e-post (2) av betalingen.
  • Klikk på et hvilket som helst skjema (3) for å se transaksjonsdetaljene for betalingen.
  • Sjekk transaksjonsdetaljene som Transaksjons-ID, navn, betalingsmåte brukt og transaksjons-ID for betalingsmåte fra høyre skuff.
  • Eksporter alle betalingsdetaljer i en CSV-format (4).

Legg til betalingsmåte

Merknader

Betaling og donasjoner er en Premium funksjon og er kun tilgjengelig i Profesjonelle og avanserte planer.

Her er et direkte betalings-/donasjonsskjema: 

Se en live demoside

Merknader

For å redusere spammere på skjemaet, aktiveres Google captcha-sikkerheten automatisk på skjemaet ditt.

Tagged:

Finner du ikke det du leter etter?

Ta kontakt med en Pixpa-ekspert.

Kontakt oss
Pixpa Studio har nettopp blitt oppdatert. Vi oppdaterer for tiden alle skjermbilder fra hjelpeartikler.