Betalings- og donationssektion

Betalingsformularer fjerner smerten ved at acceptere onlinebetalinger med Stripe og PayPal. Modtag betalinger og donationer på få minutter. Sælg produkter, tjenester, onlinekurser og meget mere.

Du kan nemt oprette en betalings- eller donationsside på din hjemmeside eller side at modtage en donation eller en engangsbetaling ved hjælp af Betaling & Donation sektion.

Det giver dig også mulighed for at konfigurere de formularfelter, du ønsker i din formular, og lader dig angive en e-mailadresse, som de indsamlede formulardata sendes til.

Alle formulardata gemmes også og er tilgængelige i Indstillinger > Formularindsendelser afdeling af studiet. Lær mere.

---

I denne artikel:

1. Tilføj sektion til en side
2. Indhold
3. Layout
4. stil
5. Indstillinger
6. Email Notification
7. Tjek betalinger og betalingsmetoder
8. Levende eksempel

---

Tilføj en betalings- og donationssektion

• Et afsnit kan tilføjes til en side. Du kan enten tilføje et afsnit til en allerede eksisterende side eller oprette en ny side på din hjemmeside.
• På din side, klik på blåt + ikon at tilføje en Ny afdeling til din side.

 

• Du vil nu se sektionskategorier på venstre side.
• Vælg den Formularer (1) kategori og klik på Betaling & Donationer fane (2), hvor du kan vælge imellem forskellige layouts af Betaling & Donationer (3) afsnit.

• Vælg et sektionslayout, og klik på det for at tilføje det til din side.

---

Administrer betalingsformular

• Klik på Rediger indhold (1) knap.

• Du vil have mulighed for at administrere Indhold (2) Layout (3) stil (4) Indstillinger (5), og E-mail-meddelelser (6).
• Hit Gem (7) for at anvende ændringerne på formularen.

---

Indhold

Administrer formularfelter

Under Administrer formularfelter kan du angive de felter, som du ønsker, at besøgende skal udfylde denne formular.

• Klik på Tilføj nyt felt (1) knappen for at tilføje flere felter til din formular.
• Rediger eller Slet (2) et allerede tilføjet felt.
• Træk og slip (3) felterne for at ændre deres rækkefølge i formularen.
• Indstil Etiket til knappen "Call to Action" (4) for formularen.

• Ved at klikke på + Tilføj felt knappen åbnes en pop op, hvorfra du kan vælge dine formularfelter.

1. Fang navn af din klient.
2. Fang enhver lille information gennem Kort tekst felt.
3. Indfang enhver udførlig information/besked gennem Lang tekst felt.
4. Fang e-mail af din klient.
5. Fang evt numeriske oplysninger fra din klient.
6. Tilføj tjenester at vælge imellem i en dropdown måde.
7. Enkeltvalg: Tilføj et radiovalg til dine tjenester.
8. Flervalg: Tilføj et afkrydsningsfelt for flere valg.
9. Føj til date picker så dine kunder kan vælge en dato for enhver begivenhed.
10. Føj til linje mellem formularfelterne.
11. Fang adresse af din klient.
12. Fang hjemmeside af din klient.
13. Fang telefon nummer af din klient.
14. Føj til tid felt, så dine kunder selv kan angive begivenhedstidspunktet.
15. Føj til separator mellem formularfelterne.
16. samtykkefelt mulighed kan bruges til at tage tilladelser til nyhedsbreve, acceptere privatliv og vilkår for brug.
17. Tag kundeanmeldelser ved hjælp af stjerne skala, talskalaog smiley skala.

Formularstil

1. Vis formular som pop op-vindue – Aktiver dette for at åbne formularen i et pop op-vindue ved at klikke på knappen til handlingsopfordring.
2. Etiket til opfordring til handling-knap – Indstil Etiket til knappen "Call to Action" til formularen.
3. Popup-overskrift – Angiv formularen Overskrift, hvis nogen.

• Upload eller slet (1) formularbilledet for formularen.
• Føj til Emne (2)og Beskrivelse (3) for formularen. Før du tilføjer beskrivelsen, skal du kontrollere denne artiklen.

Overskrift

• Overskrift – Angiv Sektionsoverskrift (1) for afsnittet Betalingsformular.
• Knap og ikoner – Lær mere om Knapper og ikoner (2).

---

Håndtering af layoutet

• Klik på Rediger indhold (1) knap.

• Vælg den Layout (2) faneblad.
• Vælg layout for din sektion (3) og Gem (4) ændringerne.

---

Style Valg

• Klik på Rediger indhold (1) knap.

• Vælg den stil (2) faneblad.
• Skift stilen for sektionselementerne og Gem (3) dine ændringer.

Styling af frakken er et vigtigt aspekt ved at skabe en visuelt tiltalende og brugervenlig oplevelse.

Du vil have flere stilmuligheder for sektionen: 

• Form Fields
• Justering
• tekst
• Mellemrum
• Overskrift
• Billeder
• Billedkant
• Pop op-knap
• Formularknap
• Overskriftsknapper
• Overskrift på sociale ikoner

---

Form Fields

Pixpa tillader dig til fuldt ud tilpasse og udseende of dine formular felter. Disse styling optioner ansøge til alle indgang felter in dine Betaling Form og giver dig større kontrol i løbet af hvordan dine formular udseende og føler sig on dine internet side.

1. Form: Vælg formen på dine inputfelter – f.eks. rektangel, afrundet, pille eller tekst – så den matcher dit websteds æstetik.
2. Fylde: Aktiver denne knap for at anvende en baggrundsfyldfarve på dine formularfelter.
3. Base Color: Angiv baggrundsfarven for felterne, når udfyldningsfunktionen er aktiveret.
4. Outline: Slå rammen (omridset) til eller fra for hvert felt.
5. KonturfarveVælg farven på feltets kant, når omridset er aktiveret.
6. Felttekstfarve: Angiv farven på den tekst, som brugerne skriver i formularfelterne.
7. Højde: Juster højden på dine felter ved at vælge mellem: Lille, Mellem, Stor eller Ekstra stor.
8. Etiketter: Vælg, om formularfeltetiketter skal vises inden for eller uden for feltet.
9. Mærkatfarve: Definer farven på etiketter, når de placeres uden for feltet.
10. Etiket indvendig farve: Angiv farven for etiketter placeret inde i feltet (nyttigt for etiketter i pladsholderstil).
11. Afstand mellem felter: Brug skyderen til at indstille den lodrette afstand (i pixels) mellem hvert formularfelt.

---

Justering

• Administrer justeringen af ​​formularens indhold vandret fra Horisontal justering (1).
• Administrer justeringen af ​​formularens indhold lodret fra Lodret justering (2).

---

tekst

• Klik på Skift tekststil (1) knappen for at besøge Design afsnit og administrere dine skriftstørrelser og stilarter. 
• Angiv Emne (2) formens skrifttype.
• Angiv Beskrivelse (3) formens skrifttype.

---

Mellemrum

• Angiv Breddebillede (1) af billedet i formen i procent.
• Angiv Mellemrum mellem billede og tekst (3) i procent.
• Angiv Mellemrum under titlen (4) i procent.

---

Overskrift

1. Juster vandret sektionens overskriftstekst. Du kan indstille den til Venstre, Center og Højre.
2. Aktiver/deaktiver Divider mellem afsnitsoverskriften og afsnitsindholdet.
3. Indstil tykkelse af skillevæg (i px).
4. Angiv Opdelerfarve fra farvevælgeren.
5. Vælg et Divider stil fra dropdown.
6. Indstil Overskriftsbredde for at definere, hvor bred sektionstitlen vises, startende fra minimum 50 %.
7. Angiv Plads under overskrift inden for sektionen (i px).

---

Billeder

1. Billedbeskæring: Vælg den Imagisk afgrøde for listepunkterne. Du kan indstille billederne som Firkantet, Cirkel, Vandret, Portræt og Original.
2. Hjørneradius: Vælg at have en fælles hjørneradius eller en anden hjørneradius for hver side af listeelementerne, og indstil et tal (i px) for Corner Radius af listeelementbillederne. Vide mere.
3. Hover-animation: Vælg at Animér sektionens billede ved at aktivere knappen ved at holde musen nede. Tjek denne funktion på en live-side.
4. Animationsstil: Vælg en Animation stil for billedet, når markøren svæver over dem.
5. Form maske: Aktiver denne kontakt for at anvende en formmaske på billederne i afsnittet Billedliste. Når den er aktiveret, vil den valgte form visuelt klippe billedet ind i denne formular.
6. Vælg form: Vælg mellem forskellige foruddefinerede former til at anvende på dine billeder. Dette giver dig mulighed for kreativt at stilisere dit indhold ved at vise billeder i unikke former som afrundet, diamant, drop osv.

• Hvis du har valgt opdelte hjørner, kan du indstille forskellige hjørneradius for hvert hjørne.

---

Billedkant

1. Aktiver/deaktiver kant rundt i billedet ved at skifte til/fra-knappen.
2. Vælg at have en fælles grænse på alle sider af billedet, eller du kan angive grænser separat for hver side.
3. Angiv bredde af grænsen. Hvis den er sat til 0, vises grænsen ikke. Du har også mulighed for at indstille kantbredden individuelt for hver side af billedet.
4. Vælg Border Color fra farvevælgeren.
5. Vælg en foretrukken Border Style fra dropdown.
6. Bestem kantbredde til mobil enheder, justere den med bredden valgt til skrivebordet.

---

Pop op-knap

Disse stilindstillinger er for pop op-knappen, hvor betalingsformularen åbnes, når der klikkes på knappen.

1. Knap størrelse – Vælg størrelsen på knappen fra muligheder som lille, mellem eller stor.
2. Plads over knappen – Juster den lodrette afstand over knappen (i procent).
3. Knapstil – Vælg knappens stil, f.eks. standard eller brugerdefineret.
4. Knap farve – Vælg farvestilen for knappen. Indstillingerne inkluderer Standard, Inverter eller Brugerdefineret.
5. Knaptekst – Tilpas tekstfarven for knappen.
6. Knapbaggrund – Vælg baggrundsfarven til knappen.

---

Formularknap

Disse indstillinger giver mulighed for tilpasning af knappen til formularindsendelse, så den passer til sidens design og layout.

1. Knap størrelse – Vælg størrelsen på knappen (Lille, Mellem eller Stor).
2. Plads over knappen – Juster den lodrette afstand over knappen (angivet i procent).
3. Knapstil – Vælg knappens overordnede stil, f.eks. Standard eller Brugerdefineret.
4. Knap farve – Angiv knappens farvestil. Valgmulighederne inkluderer Standard, Inverter eller Brugerdefineret.
5. Knaptekst – Tilpas tekstfarven, der vises på knappen.
6. Knapbaggrund – Vælg en baggrundsfarve til knappen.
7. Knapjustering – Vælg knappens justering (venstre, center eller højre).
8. Knapbredde – Juster hvor bred knappen vises. Indstillingerne inkluderer Standard, Stor, Ekstra stor eller Fuld bredde.

---

Overskriftsknapper

Disse indstillinger styrer udseendet og afstanden mellem knapper, der er placeret sammen med sektionens overskrift.

1. Knap størrelse – Vælg den samlede størrelse på knapperne (Lille, Mellem eller Stor).
2. Mellemrum mellem knapper – Juster afstanden mellem flere knapper (målt i vw).
3. Plads over knapper – Indstil den lodrette afstand over knapperne (målt i procent).
4. Knapbredde – Vælg hvor brede knapperne skal vises. Indstillingerne inkluderer Standard, Stor, Ekstra stor og Fuld bredde.
5. Tekstlinkstørrelse – Angiv skriftstørrelsen på tekstlinks, der er knyttet til knapper (målt i px).
6. Størrelse på billedknap – Juster størrelsen på billedbaserede knapper (målt i px).

---

Overskrift på sociale ikoner

Vis og tilpas ikoner for deling på sociale medier i formularen.

1. Ikonstørrelse – Juster størrelsen på de sociale ikoner (målt i px).
2. Ikontype – Vælg ikonernes stil, f.eks. Klassisk, Heltrukket eller Kontur.
3. Ikonfarve – Vælg farven til ikonerne. Mulighederne inkluderer Linktekst, Brugerdefineret eller Brandfarve (den sociale platforms originale farve).
4. Baggrundsfarve for ikon – Angiv en brugerdefineret baggrundsfarve til ikonerne for at forbedre synligheden og stilen.

---

Indstillinger

• Klik på Rediger indhold (1) knap.

• Tilpas formularindstillingerne fra Indstillinger (2) fane og Gem (3) dine ændringer.

Formularnavn

• Indtast et navn til Identificér betalingsformularen i Pixpa Studio. Dette navn er ikke synligt for besøgende på webstedet.

---

Betalingsmetode

• Du kan opdatere betalingsmetoderne for formularen.
• Du kan vælge mellem Paypal og Stripe. Indiske kunder kan også tilføje Razorpay og PayUMoney Lær mere.

---

Handling efter indsendelse

Som en handling efter indsendelse kan du vælge at Vis succesmeddelelse (1) eller Omdiriger til URL (2).

I tilfælde af Vis succesmeddelelse (1):

• Angiv Meddelelse om betalingens succes (2) som vises, når brugeren har indsendt formularen.
• Du kan også tilføje et hvilket som helst script i succes efter betaling HTML (3) boks.

• I tilfælde af Redirect til URL, kan du angive en hvilken som helst intern/ekstern side ved at klikke på indstillingsikonet (⚙️). Vide mere.

---

Synkroniser og eksporter formulardata

1. Send formulardata til Make.com. Lær mere.
2. Send formulardata til Zapier.com. Lær mere.
3. Eksporter formulardata som en CSV-fil. Lær mere.

---

Email Notification

Herfra kan du tilpasse e-mail-emnet for de meddelelser, du modtager som webstedsejer efter en vellykket formularindsendelse. Derudover kan du tilpasse den succes-e-mail, der sendes til brugere eller kunder, efter at de har indsendt formularen og foretaget en betaling.

1. Aktiver E-mail til hjemmesideejer mulighed for at modtage e-mail-beskeder, når en betalingsformular indsendes.
2. I Emnefelt, angiv emnelinjen for e-mailen med indsendelse af betalingsformularen. Du kan også bruge {WEBSITE} variabel til automatisk at inkludere dit webstedsnavn i emnefeltet. Dette er især nyttigt, hvis du administrerer flere websteder.
3. I E-mail-felt, indtast op til 3 e-mailadresser, hvor du gerne vil modtage notifikationer om betalingsformularer.

1. Aktivér/deaktiver succesen E-mail til kunde valgmulighed.
2. Angiv Emne af succes-e-mailen.
3. Tilføj en e-mail-organ til succes-e-mailen. Du kan tilføje variablerne i e-mailens brødtekst, som vil blive registreret og sendt i e-mailene {TRANSACTION_ID}, {AMOUNT} og {NAME}.

---

Tjek betalinger og tilføj betalingsmetode

• Gå til Betalinger og donationer (1) sektion.
• Her kan du se alle de betalinger, du har modtaget.
• Tjek dato, det modtagne beløb og e-mail (2) af betalingen.
• Klik på en hvilken som helst formularindsendelse (3) for at se transaktionsdetaljerne for betalingen.
• Tjek transaktionsoplysningerne som Transaktions-id, navn, anvendt betalingsmetode og transaktions-id for betalingsmetode fra højre skuffe.
• Eksporter alle betalingsoplysninger i en CSV-format (4).

---

Tilføj betalingsmetode

• Gå til Indstillinger sektion (1), og klik på Accepter betalinger mulighed (2) fra venstre menu.
• Tjek nu de aktive og inaktive betalingsmetoder.
• Klik på Aktiver knap (3) for at aktivere en betalingsmetode og omvendt.
• Tilslut Stribe or Paypal forretning. Indiske kunder kan også aktivere PayUMMoney or barbermaskine løn.

---

Her er en live betalings-/donationsformular: 

Se en live demo-side

---

Relaterede artikler:

• Byg din hjemmeside
• Typer af sektioner
• Administrer Website SEO