Sekcja płatności i darowizn

Formularze płatności ułatwiają akceptowanie płatności online za pomocą Stripe i PayPal. Przyjmuj płatności i darowizny w ciągu kilku minut. Sprzedawaj produkty, usługi, kursy online i wiele więcej.

Możesz łatwo utworzyć stronę płatności lub darowizny na Twoja strona internetowa lub strona przyjęcia darowizny lub jednorazowej wpłaty za pomocą Płatność i darowizna

Daje również możliwość skonfigurowania pól formularza, które chcesz umieścić w formularzu, i pozwala określić adres e-mail, na który są wysyłane zebrane dane formularza.

Wszystkie dane formularzy są również przechowywane i dostępne w formacie Ustawienia > Przesyłanie formularzy część pracowni. Zobacz więcej.

---

W tym artykule:

1. Dodaj sekcję do strony
2. Treść
3. układ
4. Styl
5. Ustawienia
6. Powiadomienie e-mail
7. Sprawdź płatności i metody płatności
8. Przykład na żywo

---

Dodaj sekcję Płatności i darowizny

• Do strony można dodać sekcję. Możesz dodać sekcję do już istniejącej strony lub utwórz nową stronę w Twojej witrynie.
• Na Twojej stronie, Kliknij na niebieski + ikona dodać Nowa sekcja do Twojej strony.

 

• Teraz zobaczysz kategorie sekcji po lewej stronie.
• Wybierz Formularze (1) kategoria i kliknij na Płatności i darowizny zakładka (2), w której możesz wybierać różne układy ukończenia Płatności i darowizny (3) sekcja.

• Wybierz dowolny układ sekcji i kliknij go, aby dodać go do swojej strony.

---

Zarządzaj formularzem płatności

• Kliknij na Edytuj treść (1) przycisk.

• Będziesz miał możliwość zarządzania Treść (2) układ (3) Styl (4) Ustawienia (5), a powiadomienia e-mailowe (6).
• Dobranie (Hit) Zapisz (7) zastosowania zmian w formularzu.

---

Treść

Zarządzaj polami formularzy

W obszarze Zarządzaj polami formularza możesz określić pola, które odwiedzający będą wypełniać w tym formularzu.

• Kliknij na Dodaj nowe pole (1), aby dodać więcej pól do formularza.
• Edytuj lub Usuń (2) już dodane pole.
• Przeciągnij i upuść (3) pola, aby zmienić ich kolejność w formularzu.
• Ustaw Etykieta przycisku wezwania do działania (4) dla formularza.

• Po kliknięciu na + Dodaj pole otworzy się wyskakujące okienko, w którym możesz wybrać pola formularza.

1. Uchwyć Nazwa twojego klienta.
2. Przechwytuj wszelkie drobne informacje za pomocą Krótki tekst pole.
3. Przechwyć wszelkie rozbudowane informacje/wiadomości za pośrednictwem długi Tekst pole.
4. Uchwyć E-mail twojego klienta.
5. Uchwyć dowolne informacje liczbowe od Twojego klienta.
6. Dodaj usługi do wyboru w a rozwijanej sposób.
7. Pojedynczy wybór: Dodaj wybór radia dla swoich usług.
8. Wybór wielokrotny: Dodaj pole wyboru dla wielu wyborów.
9. dodaj Selektor daty aby Twoi klienci mogli wybrać termin na dowolne wydarzenie.
10. dodaj linia między polami formularza.
11. Uchwyć adres twojego klienta.
12. Uchwyć Zbieranie danych analitycznych o stronach internetowych lub aplikacjach (aby sprawdzić, czy strona działa poprawnie lub które sekcje strony są najbardziej atrakcyjne dla odwiedzających). twojego klienta.
13. Uchwyć telefon numer twojego klienta.
14. dodaj czas pole, aby Twoi klienci mogli sami określić godzinę wydarzenia.
15. dodaj separator między polami formularza.
16. pole zgody opcji można użyć do odebrania uprawnień do newsletterów, akceptacji prywatności i warunków użytkowania.
17. Pobierz recenzje klientów za pomocą gwiazda skala, skala liczbowa, skala uśmiechu.

Styl formularza

1. Pokaż formularz jako wyskakujące okienko – Włącz tę opcję, aby otworzyć formularz w oknie podręcznym po kliknięciu przycisku wezwania do działania.
2. Etykieta przycisku wezwania do działania – Ustaw Etykieta przycisku wezwania do działania dla formularza.
3. Wyskakujące okienko z nagłówkiem – Określ formę Nagłówek, Jeśli w ogóle.

• Prześlij lub usuń (1) obraz formularza.
• dodaj Tytuł (2)i Opis (3) dla formularza. Przed dodaniem opisu sprawdź to artykuł.

Nagłówek

• Nagłówek – Określ Nagłówek sekcji (1) w sekcji Formularz płatności.
• Przycisk i ikony – Dowiedz się więcej o Przyciski i ikony (2).

---

Zarządzanie układem

• Kliknij na Edytuj treść (1) przycisk.

• Wybierz układ (2) zakładka.
• Wybierz układ dla twojej sekcji (3) i Zapisz (4) zmiany.

---

Opcje stylu

• Kliknij na Edytuj treść (1) przycisk.

• Wybierz Styl (2) zakładka.
• Zmień styl elementów przekroju i Zapisz (3) twoje zmiany.

Nadanie odpowiedniego stylu jest ważnym aspektem tworzenia wizualnie atrakcyjnego i przyjaznego użytkownikowi doświadczenia.

Będziesz mieć wiele opcji stylu dla sekcji: 

• Pola formularza
• Spójność
• Tekst
• Rozstaw zębów
• Nagłówek
• Obrazy
• Ramka obrazu
• Przycisk wyskakujący
• Przycisk formularza
• Przyciski nagłówka
• Nagłówek Ikony społecznościowe

---

Pola formularza

Pixpa pozwala w zgodzie ze sobą do w pełni dostosować dotychczasowy wygląd of Twój Nasz formularz pola. Te stylizacja Opcje zastosować do cała kolekcja wkład Pola in Twój Oplata Forma oraz dać w zgodzie ze sobą większy kontrola koniec w jaki sposób Twój Nasz formularz wygląd oraz czuje on Twój stronie internetowej.

1. Kształt: Wybierz kształt pól wprowadzania danych — np. prostokątny, zaokrąglony, w kształcie pigułki lub tekstowy — tak aby odpowiadał on estetyce Twojej witryny.
2. Napełnić: Włącz tę opcję, aby zastosować kolor wypełnienia tła do pól formularza.
3. Kolor podstawowy: Ustaw kolor tła pól, gdy opcja wypełniania jest włączona.
4. Outline: Włącz lub wyłącz obramowanie (kontur) każdego pola.
5. Kolor konturu: Wybierz kolor obramowania pola, gdy włączony jest kontur.
6. Kolor tekstu pola: Ustaw kolor tekstu wpisywanego przez użytkowników w polach formularza.
7. Wysokość: Dostosuj wysokość pól wybierając spośród opcji: Mała, Średnia, Duża lub Bardzo Duża.
8. Etykiety: Wybierz, czy etykiety pól formularza mają być wyświetlane wewnątrz czy na zewnątrz pola.
9. Kolor etykiety: Określ kolor etykiet umieszczonych poza polem.
10. Kolor wewnątrz etykiety: Ustaw kolor etykiet umieszczanych wewnątrz pola (przydatne w przypadku etykiet w formie symboli zastępczych).
11. Odstępy między polami: Użyj suwaka, aby ustawić odstęp pionowy (w pikselach) między poszczególnymi polami formularza.

---

Spójność

• Zarządzaj wyrównaniem zawartości formularza w poziomie od Wyrównanie w poziomie (1).
• Zarządzaj wyrównaniem zawartości formularza w pionie z Wyrównanie w pionie (2).

---

Tekst

• Kliknij na Zmień styl tekstu (1) przycisk, aby odwiedzić Wnętrze sekcji i zarządzaj rozmiarami i stylami czcionek. 
• Określ Tytuł (2) styl czcionki formularza.
• Określ OPIS (3) styl czcionki formularza.

---

Rozstaw zębów

• Określ Szerokość obrazu (1) obrazu w formie w procentach.
• Określ Przestrzeń między obrazem a tekstem (3) w procentach.
• Określ Spacja pod tytułem (4) w procentach.

---

Nagłówek

1. Wyrównaj poziomo tekst nagłówka sekcji. Można ustawić go na Lewo, Środek i Prawo.
2. Włącz/wyłącz dzielnik między nagłówkiem sekcji i jej zawartością.
3. Ustaw grubość przegrody (w pikselach).
4. Określ Kolor rozdzielacza z próbnika kolorów.
5. Wybierz Styl dzielnika z listy rozwijanej.
6. Ustaw Szerokość nagłówka aby określić szerokość tytułu sekcji, zaczynając od minimum 50%.
7. Określ Miejsce pod nagłówkiem w obrębie sekcji (w px).

---

Obrazy

1. Kadrowanie obrazu: Wybierz Iuprawa maga dla elementów listy. Można ustawić obrazy jako kwadratowe, okrągłe, poziome, pionowe i oryginalne.
2. Promień narożnika: Wybierz wspólny promień narożnika lub inny promień narożnika dla każdej strony elementów listy i ustaw liczbę (w pikselach) dla Cpromień ornera obrazów elementów listy. Dowiedz się więcej.
3. Animacja najechania kursorem: Wybierz, aby Ożywić obraz sekcji po najechaniu kursorem myszy, włączając przełącznik. Sprawdź tę funkcję na aktywnej stronie.
4. Styl animacji: Wybierz Styl animacji dla obrazu, gdy najedziesz na niego kursorem.
5. Maska kształtu: Włącz ten przełącznik, aby zastosować maskę kształtu do obrazów w sekcji Lista obrazów. Po włączeniu wybrany kształt wizualnie przytnie obraz do tego formularza.
6. Wybierz kształt: Wybierz spośród różnych predefiniowanych kształtów, które chcesz zastosować do swoich obrazów. Pozwala to na kreatywne stylizowanie treści poprzez wyświetlanie obrazów w unikalnych formach, takich jak zaokrąglone, diamentowe, kroplone itp.

• Jeśli wybrałeś narożniki dzielone, możesz ustawić inny promień narożnika dla każdego narożnika.

---

Ramka obrazu

1. Włącz / wyłącz granicę wokół obrazu, przełączając przełącznik.
2. Wybierz opcję posiadania wspólna granica ze wszystkich stron obrazu lub możesz określić granice osobno dla każdej strony.
3. Określ szerokość granicy. Jeśli jest ustawiona na 0, ramka nie będzie widoczna. Możesz także ustawić szerokość obramowania indywidualnie dla każdej strony obrazu.
4. Wybierz Kolor ramki z próbnika kolorów.
5. Wybierz preferowany Styl graniczny z listy rozwijanej.
6. Określ szerokość obramowania dla urządzeń mobilnych urządzeń, dopasowując ją do szerokości wybranej dla komputera stacjonarnego.

---

Przycisk wyskakujący

Te opcje stylu dotyczą przycisku wyskakującego, po kliknięciu którego otwiera się formularz płatności.

1. Rozmiar guzika - Wybierz rozmiar przycisku spośród opcji, takich jak mały, średni lub duży.
2. Spacja nad przyciskiem – Dostosuj odstęp pionowy nad przyciskiem (w procentach).
3. Styl guzika – Wybierz styl przycisku, np. domyślny lub niestandardowy.
4. Kolor przycisku - Wybierz styl koloru przycisku. Dostępne opcje to: Domyślny, Odwróć lub Niestandardowy.
5. Tekst przycisku – Dostosuj kolor tekstu przycisku.
6. Tło przycisku – Wybierz kolor tła przycisku.

---

Przycisk formularza

Ustawienia te umożliwiają dostosowanie przycisku przesyłania formularza do projektu i układu strony.

1. Rozmiar guzika - Wybierz rozmiar przycisku (mały, średni lub duży).
2. Spacja nad przyciskiem – Dostosuj odstęp pionowy nad przyciskiem (określony w procentach).
3. Styl guzika – Wybierz ogólny styl przycisku, np. Domyślny lub Niestandardowy.
4. Kolor przycisku - Ustaw styl koloru przycisku. Dostępne opcje to: Domyślny, Odwróć lub Niestandardowy.
5. Tekst przycisku – Dostosuj kolor tekstu wyświetlanego na przycisku.
6. Tło przycisku – Wybierz kolor tła przycisku.
7. Wyrównanie przycisków – Wybierz wyrównanie przycisku (do lewej, do środka lub do prawej).
8. Szerokość guzika – Dostosuj szerokość wyświetlania przycisku. Dostępne opcje to: Domyślna, Duża, Bardzo duża lub Pełna szerokość.

---

Przyciski nagłówka

Ustawienia te kontrolują wygląd i odstępy między przyciskami umieszczonymi w nagłówku sekcji.

1. Rozmiar guzika - Wybierz ogólny rozmiar przycisków (mały, średni lub duży).
2. Przestrzeń między przyciskami – Dostosuj odstępy między przyciskami (mierzone w vw).
3. Przestrzeń nad przyciskami – Ustaw odstęp pionowy nad przyciskami (mierzony w procentach).
4. Szerokość guzika – Wybierz szerokość przycisków. Dostępne opcje to: Domyślna, Duża, Bardzo duża i Pełna szerokość.
5. Rozmiar łącza tekstowego – Określ rozmiar czcionki odnośników tekstowych powiązanych z przyciskami (mierzony w px).
6. Rozmiar przycisku obrazu – Dostosuj rozmiar przycisków w postaci obrazu (mierzony w px).

---

Nagłówek Ikony społecznościowe

Wyświetlaj i dostosowuj ikony udostępniania w mediach społecznościowych w formularzu.

1. Rozmiar ikony – Dostosuj rozmiar ikon społecznościowych (mierzony w px).
2. Typ ikony – Wybierz styl ikon, np. Klasyczny, Pełny lub Kontur.
3. Kolor ikony – Wybierz kolor ikon. Dostępne opcje to: Tekst linku, Niestandardowy lub Kolor marki (oryginalny kolor platformy społecznościowej).
4. Kolor tła ikony – Ustaw niestandardowy kolor tła ikon, aby zwiększyć ich widoczność i styl.

---

Ustawienia

• Kliknij na Edytuj treść (1) przycisk.

• Dostosuj ustawienia formularza z Ustawienia (2) zakładka i Zapisz (3) twoje zmiany.

Utwórz nazwę

• Wprowadź nazwę zidentyfikuj formę płatności w Pixpa Studio. Ta nazwa nie jest widoczna dla odwiedzających witrynę.

---

Metoda płatności

• Możesz zaktualizować metody płatności dla formularza.
• Możesz wybierać spośród PayPal i Stripe. Klienci z Indii mogą również dodać Razorpay i PayUMoney Zobacz więcej.

---

Akcja po przesłaniu

Jako działanie po przesłaniu możesz wybrać Pokaż komunikat o powodzeniu (1) lub Przekieruj na adres URL (2).

W przypadku Pokaż komunikat o powodzeniu (1):

• Określ Komunikat o pomyślnej płatności (2) który wyświetla się po wysłaniu formularza przez użytkownika.
• Możesz także dodać dowolny skrypt w pliku sukces po dokonaniu płatności HTML (3) pudełko.

• W przypadku Rprzekieruj na adres URL, możesz określić dowolną stronę wewnętrzną/zewnętrzną, klikając ikonę ustawień (⚙️). Dowiedz się więcej.

---

Synchronizuj i eksportuj dane formularza

1. Prześlij dane formularza do Make.com. Zobacz więcej.
2. Prześlij dane formularza do Zapier.com. Zobacz więcej.
3. Eksportuj dane formularza jako plik CSV. Zobacz więcej.

---

Powiadomienie e-mail

Stąd możesz dostosować temat wiadomości e-mail dla powiadomień, które otrzymujesz jako właściciel witryny po pomyślnym przesłaniu formularza. Ponadto możesz spersonalizować wiadomość e-mail o pomyślnym przesłaniu do użytkowników lub klientów po przesłaniu formularza i dokonaniu płatności.

1. Włącz E-mail do właściciela witryny opcja otrzymywania powiadomień e-mail za każdym razem, gdy zostanie przesłany formularz płatności.
2. W Pole tematu, podaj temat wiadomości e-mail z formularzem płatności. Możesz również użyć {STRONA INTERNETOWA} Zmienna, która automatycznie uwzględnia nazwę Twojej witryny w temacie. Jest to szczególnie przydatne, jeśli zarządzasz wieloma witrynami.
3. W Pole e-mailwprowadź maksymalnie 3 adresy e-mail, na które chcesz otrzymywać powiadomienia o płatnościach.

1. Włącz/wyłącz powodzenie E-mail do klienta opcja.
2. Określ Temat e-maila sukcesu.
3. Dodaj treść wiadomości e-mail do wiadomości e-mail z potwierdzeniem sukcesu. Możesz dodać zmienne w treści wiadomości e-mail, które zostaną przechwycone i wysłane w wiadomościach {TRANSACTION_ID}, {AMOUNT} i {NAME}.

---

Sprawdź płatności i dodaj metodę płatności

• Przejdź do Płatności i darowizny (1)
• Tutaj możesz zobaczyć wszystkie otrzymane płatności.
• Sprawdź data, otrzymana kwota i adres e-mail (2) płatności.
• Kliknij dowolne przesłanie formularza (3) aby wyświetlić szczegóły transakcji płatności.
• Sprawdź szczegóły transakcji, np Identyfikator transakcji, nazwa, użyta metoda płatności i identyfikator transakcji metody płatności z prawej szuflady.
• Wyeksportuj wszystkie szczegóły płatności w pliku a Format CSV (4).

---

Dodaj metodę płatności

• Przejdź do Ustawienia sekcji (1) i kliknij na Akceptuj płatności opcja (2) z lewego menu.
• Teraz sprawdź aktywne i nieaktywne metody płatności.
• Kliknij na Przycisk włączania (3) aby włączyć metodę płatności i odwrotnie.
• Skontaktuj się Naszywka or Biznes PayPal. Klienci z Indii mogą również włączyć Zapłać Pieniądze or zapłać brzytwą.

---

Oto aktywny formularz płatności/darowizny: 

Zobacz witrynę demonstracyjną na żywo

---

Podobne artykuły:

• Zbuduj swoją stronę internetową
• Rodzaje sekcji
• Zarządzaj SEO witryny