Betalnings- och donationssektion

Betalningsformulär tar smärtan av att acceptera onlinebetalningar med Stripe och PayPal. Ta betalningar och donationer på några minuter. Sälj produkter, tjänster, onlinekurser och mycket mer.

Du kan enkelt skapa en betalnings- eller donationssida på din webbplats eller en sida för att ta emot en donation eller en engångsbetalning med hjälp av avsnittet Betalning och donation .

Det ger dig också möjlighet att konfigurera de formulärfält som du vill ha i ditt formulär och låter dig ange en e-postadress till vilken formulärdata som samlas in skickas via e-post.

All formulärdata lagras också och är tillgänglig i avsnittet Inställningar > Formulärinlämningar i studion. Läs mer.

---

I den här artikeln:

1. Lägg till avsnitt på en sida
2. Innehåll
3. Layout
4. Stil
5. Inställningar
6. E-postmeddelande
7. Kontrollera betalningar och betalningsmetoder
8. Live-exempel

---

Lägg till en sektion för betalning och donation

• Ett avsnitt kan läggas till på en sida. Du kan antingen lägga till ett avsnitt på en redan befintlig sida eller skapa en ny sida på din webbplats.
• På din sida, Klicka på blå + ikon att lägga till en Nytt avsnitt till din sida.

 

• Du kommer nu att se sektionskategorier på vänstra sidan.
• Välj Blanketter (1) kategori och klicka på Betalning & Donationer flik (2) där du kan välja mellan olika layouter av Betalning & Donationer (3) avsnitt.

• Välj valfri sektionslayout och klicka på den för att lägga till den på din sida.

---

Hantera betalningsformulär

• Klicka på Redigera innehåll (1) -knapp.

• Du kommer att ha möjlighet att hantera Innehåll (2), Layout (3), Stil (4), Inställningar (5), och e-postmeddelanden (6).
• Träffa Spara (7) för att tillämpa ändringarna i formuläret.

---

Innehåll

Hantera formulärfält

Under Hantera formulärfält kan du ange de fält som du vill att besökarna ska fylla i detta formulär.

• Klicka på Lägg till nytt fält (1) för att lägga till fler fält i ditt formulär.
• Redigera eller ta bort (2) ett redan tillagt fält.
• Dra och släpp (3) fälten för att ändra deras ordning i formuläret.
• Ställ in Etikett för knappen Uppmaning till handling (4) för formuläret.

• När du klickar på + Lägg till fält knappen öppnas ett popup-fönster där du kan välja dina formulärfält.

1. Fånga namn av din klient.
2. Fånga all liten information genom Kort text fält.
3. Fånga all utarbetad information/meddelande genom Lång text fält.
4. Fånga e-mail av din klient.
5. Fånga någon numerisk information från din kund.
6. Lägg till tjänster att välja mellan i en falla ner sätt.
7. Enkelval: Lägg till ett radioval för dina tjänster.
8. Flerval: Lägg till ett kryssrutafält för flera val.
9. Lägg till Datumväljare så att dina kunder kan välja ett datum för alla evenemang.
10. Lägg till linje mellan formulärfälten.
11. Fånga adress av din klient.
12. Fånga webbplats av din klient.
13. Fånga telefon antal av din klient.
14. Lägg till tid fältet så att dina kunder kan ange tidpunkten för evenemanget själva.
15. Lägg till separator mellan formulärfälten.
16. Ocuco-landskapet samtyckesfält alternativet kan användas för att ta tillstånd för nyhetsbrev, acceptera integritet och användarvillkor.
17. Ta kundrecensioner med hjälp av stjärna skala, nummerskalaoch smiley skala.

Formulärstil

1. Visa formulär som popup – Aktivera detta för att öppna formuläret i ett popup-fönster genom att klicka på knappen för uppmaning till handling.
2. Etikett för uppmaningsknapp – Ställ in Etikett för knappen Uppmaning till handling för formuläret.
3. Rubrik-popup – Ange formuläret Rubrik, om någon.

• Ladda upp eller ta bort (1) formulärbilden för formuläret.
• Lägg till Titel Lagringoch Beskrivning (3) för formuläret. Kontrollera innan du lägger till beskrivningen detta artikel.

Headline

• Headline – Ange Avsnittsrubrik (1) för avsnittet Betalningsformulär.
• Knapp och ikoner – Läs mer om Knappar och ikoner (2).

---

Hantera layouten

• Klicka på Redigera innehåll (1) -knapp.

• Välj Layout (2) flik.
• Välj Layouten för din sektion (3) och Spara (4) ändringarna.

---

Stilalternativ

• Klicka på Redigera innehåll (1) knapp.

• Välj Stil (2) flik.
• Ändra stilen för sektionselementen och Spara (3) dina ändringar.

Att utforma från sidan är en viktig aspekt för att skapa en visuellt tilltalande och användarvänlig upplevelse.

Du kommer att ha flera stilalternativ för avsnittet: 

• Form fält
• Justering
• text
• Förband
• Headline
• Bilder
• Bildkant
• Popup-knapp
• Formulärknapp
• Rubrikknappar
• Rubrik sociala ikoner

---

Form fält

Pixpa tillåter dig till fullständigt skräddarsy d utseende of ditt formen fält. Dessa styling alternativ tillämpa till Alla Produkter ingång fält in ditt Betalning Form och ge dig större kontroll över hur ditt formen utseende och känns on ditt webbsajt.

1. Form: Välj formen på dina inmatningsfält – till exempel rektangel, rundad, piller eller text – så att de matchar din webbplats estetik.
2. Fylla: Aktivera den här växlingsknappen för att använda en bakgrundsfärg för dina formulärfält.
3. Basfärg: Ställ in bakgrundsfärgen för fälten när ifyllningsalternativet är aktiverat.
4. Disposition: Aktivera eller inaktivera kantlinjen (konturen) för varje fält.
5. Konturfärg: Välj färgen på fältets kantlinje när konturen är aktiverad.
6. Fälttextfärg: Ange färgen på texten som skrivs av användare i formulärfälten.
7. Höjd: Justera höjden på dina fält genom att välja mellan: Liten, Mellan, Stor eller Extra stor.
8. Returfrakt och etiketter: Välj om formulärfältsetiketter ska visas inuti eller utanför fältet.
9. Etikettfärg: Definiera färgen på etiketter när de placeras utanför fältet.
10. Etikett inuti färg: Ange färgen för etiketter som placeras inuti fältet (användbart för etiketter i platshållarstil).
11. Avstånd mellan fält: Använd skjutreglaget för att ställa in det vertikala avståndet (i pixlar) mellan varje formulärfält.

---

Justering

• Hantera justeringen av formulärinnehållet horisontellt från Horisontell linjering (1).
• Hantera justeringen av formulärinnehållet vertikalt från Vertikal inriktning (2).

---

text

• Klicka på Ändra textstil (1)-knappen för att besöka Design avsnitt och hantera dina teckenstorlekar och stilar. 
• ange Titel (2) formulärets teckensnitt.
• ange BESKRIVNING (3) formulärets teckensnitt.

---

Förband

• ange bild~~POS=TRUNC (1) av bilden i formuläret i procent.
• ange Mellanrum mellan bild och text (3) i procent.
• ange Mellanslag under rubriken (4) i procent.

---

Headline

1. Justera horisontellt avsnittsrubrikens text. Du kan ställa in den på vänster, mitten och höger.
2. Aktivera/inaktivera divider mellan avsnittsrubrik och avsnittsinnehåll.
3. Ställ in avdelarens tjocklek (i px).
4. ange Avdelningsfärg från färgväljaren.
5. Välj ett Divider stil från rullgardinsmenyn.
6. Ställ in Rubrikbredd för att definiera hur bred sektionsrubriken ska visas, med början från minst 50 %.
7. ange Utrymme under rubriken inom sektionen (i px).

---

Bilder

1. Bildskärning: Välj Image Crop för listobjekten. Du kan ställa in bilderna som fyrkantig, cirkel, horisontell, stående och original.
2. Hörnradie: Välj att ha en gemensam hörnradie eller annan hörnradie för varje sida av listobjekten och ange ett nummer (i px) för Celler radie av listobjektets bilder. Veta mer.
3. Hover-animering: Välj att Animera sektionens bild vid muspekning genom att aktivera växlingsknappen. Kontrollera den här funktionen på en livesida.
4. Animeringsstil: Välj en Animation stil för bilden när markören svävar över dem.
5. Formmask: Aktivera den här reglaget för att tillämpa en formmask på bilderna i avsnittet Bildlista. När den är aktiverad kommer den valda formen att visuellt klippa in bilden i det formuläret.
6. Välj form: Välj bland olika fördefinierade former att tillämpa på dina bilder. Detta låter dig stilisera ditt innehåll på ett kreativt sätt genom att visa bilder i unika former som rundad, diamant, droppe, etc.

• Om du har valt delade hörn kan du ställa in olika hörnradie för varje hörn.

---

Bildkant

1. Aktivera/inaktivera kantlinje runt bilden genom att växla reglaget.
2. Välj att ha en gemensam gräns på alla sidor av bilden eller så kan du ange gränser separat för varje sida.
3. ange bredd av gränsen. Om den är inställd på 0, kommer gränsen inte att visas. Du har också möjlighet att ställa in rambredden individuellt för varje sida av bilden.
4. Välj Gräns ​​färg från färgväljaren.
5. Välj en föredragen Gränsstil från rullgardinsmenyn.
6. Bestäm kantbredd för mobil enheter, justera den med den bredd som valts för skrivbordet.

---

Popup-knapp

Dessa stilalternativ gäller för popup-knappen, där betalningsformuläret öppnas när man klickar på knappen.

1. Knappstorlek - Välj storlek på knappen från alternativ som liten, medel eller stor.
2. Knappen Utrymme ovanför – Justera det vertikala avståndet ovanför knappen (i procent).
3. Knappstil – Välj knappens stil, till exempel standard eller anpassad.
4. Knappfärg – Välj färgstil för knappen. Alternativen inkluderar Standard, Invertera eller Anpassad.
5. Knapptext – Anpassa textfärgen för knappen.
6. Knappbakgrund – Välj bakgrundsfärg för knappen.

---

Formulärknapp

Dessa inställningar gör det möjligt att anpassa knappen för formulärinlämning så att den matchar sidans design och layout.

1. Knappstorlek - Välj storlek på knappen (Liten, Mellan eller Stor).
2. Knappen Utrymme ovanför – Justera det vertikala avståndet ovanför knappen (anges i procent).
3. Knappstil – Välj knappens övergripande stil, till exempel Standard eller Anpassad.
4. Knappfärg – Ställ in knappens färgstil. Alternativen inkluderar Standard, Invertera eller Anpassad.
5. Knapptext – Anpassa textfärgen som visas på knappen.
6. Knappbakgrund – Välj en bakgrundsfärg för knappen.
7. Knappjustering – Välj knappens justering (vänster, mitten eller höger).
8. Knappbredd – Justera hur bred knappen visas. Alternativen inkluderar Standard, Stor, Extra stor eller Full bredd.

---

Rubrikknappar

Dessa inställningar styr utseendet och avståndet för knappar som placeras bredvid sektionens rubrik.

1. Knappstorlek - Välj knapparnas totala storlek (Liten, Mellan eller Stor).
2. Mellanrum mellan knappar – Justera avståndet mellan flera knappar (mätt i vw).
3. Utrymme ovanför knappar – Ställ in det vertikala avståndet ovanför knapparna (mätt i procent).
4. Knappbredd – Välj hur breda knapparna ska visas. Alternativen inkluderar Standard, Stor, Extra stor och Full bredd.
5. Textlänkstorlek – Ange teckenstorleken för textlänkar som är associerade med knappar (mätt i px).
6. Bildknappstorlek – Justera storleken på bildbaserade knappar (mätt i px).

---

Rubrik sociala ikoner

Visa och anpassa ikoner för social delning i formuläret.

1. Ikonstorlek – Justera storleken på de sociala ikonerna (mätt i px).
2. Ikontyp – Välj stil för ikonerna, till exempel Klassisk, Heldragen eller Konturerad.
3. Ikonfärg – Välj färg för ikonerna. Alternativen inkluderar Länktext, Anpassad eller Varumärkesfärg (den sociala plattformens ursprungliga färg).
4. Bakgrundsfärg för ikoner – Ange en anpassad bakgrundsfärg för ikonerna för att förbättra synligheten och stilen.

---

Inställningar

• Klicka på Redigera innehåll (1) -knapp.

• Anpassa formulärinställningarna från Inställningar (2) flik och Spara (3) dina ändringar.

Form Namn

• Ange ett namn till identifiera betalningsformuläret i Pixpa Studio. Detta namn är inte synligt för webbplatsbesökare.

---

Betalningsmetod

• Du kan uppdatera betalningsmetoderna för formuläret.
• Du kan välja mellan Paypal och Stripe. Indiska kunder kan också lägga till Razorpay och PayUMoney Läs mer.

---

Åtgärd efter inlämning

Som en åtgärd efter inskickning kan du välja att Visa lyckat meddelande (1) eller Omdirigera till URL (2).

Vid visning av lyckat meddelande (1):

• ange Meddelande om lyckad betalning (2) som visas efter att användaren har skickat in formuläret.
• Du kan också lägga till valfritt skript i framgång efter betalning HTML (3) låda.

• I fall att Redirect till URL, kan du ange valfri intern/extern sida genom att klicka på inställningsikonen (⚙️). Veta mer.

---

Synkronisera och exportera formulärdata

1. Skicka formulärdata till Make.com. Läs mer.
2. Skicka formulärdata till Zapier.com. Läs mer.
3. Exportera formulärdata som en CSV-fil. Läs mer.

---

E-postmeddelande

Härifrån kan du anpassa e-postämnet för de meddelanden du får som webbplatsägare när formuläret har skickats in. Dessutom kan du anpassa det framgångsrika e-postmeddelandet som skickas till användare eller kunder efter att de har skickat in formuläret och gjort en betalning.

1. aktivera E-post till webbplatsägaren möjlighet att få e-postmeddelanden när en betalningsblankett skickas in.
2. I Ämnesfält, ange ämnesraden för e-postmeddelandet med betalningsformuläret. Du kan också använda {WEBSITE} variabel för att automatiskt inkludera ditt webbplatsnamn i ämnesraden. Detta är särskilt användbart om du hanterar flera webbplatser.
3. I E-postfältAnge upp till 3 e-postadresser dit du vill ta emot aviseringar om betalningsformulär.

1. Aktivera/inaktivera framgången Maila till kund alternativ.
2. ange Ämne av framgångsmejlet.
3. Lägg till en e-postkropp till lyckade e-postmeddelandet. Du kan lägga till variablerna i e-postmeddelandets brödtext som kommer att registreras och skickas i e-postmeddelandena {TRANSACTION_ID}, {AMOUNT} och {NAME}.

---

Kontrollera betalningar och lägg till betalningsmetod

• Gå till Betalningar och donationer Lagring sektion.
• Här kan du se alla betalningar du har fått.
• Kontrollera datum, mottaget belopp och e-post (2) av betalningen.
• Klicka på valfritt formulär Lagring för att se transaktionsdetaljerna för betalningen.
• Kontrollera transaktionsdetaljerna som Transaktions-ID, namn, använd betalningsmetod och transaktions-ID för betalningsmetod från höger låda.
• Exportera alla betalningsuppgifter i en CSV-format (4).

---

Lägg till betalningsmetod

• Gå till Inställningar avsnitt (1) och klicka på Acceptera betalningar alternativ (2) från vänstermenyn.
• Kontrollera nu de aktiva och inaktiva betalningsmetoderna.
• Klicka på Aktiveringsknapp (3) för att aktivera en betalningsmetod och vice versa.
• Kontakt Rand or Paypal Business. Indiska kunder kan också aktivera PayUMMoney or Razorpay.

---

Här är ett live betalnings-/donationsformulär: 

Se en livedemosida

---

Relaterade artiklar:

• Bygg din webbplats
• Typer av sektioner
• Hantera webbplats SEO