Sekce plateb a darů

Platební formuláře vám ulehčí přijímání online plateb pomocí Stripe a PayPal. Přijměte platby a dary během několika minut. Prodávejte produkty, služby, online kurzy a mnoho dalšího.

Na svém webu si můžete snadno vytvořit platební nebo darovací stránku, případně stránku pro přijetí daru či jednorázové platby v sekci Platby a dary.

Také vám umožňuje konfigurovat pole formuláře, která chcete ve formuláři mít, a umožňuje zadat e-mailovou adresu, na kterou se shromážděná data z formuláře odesílají.

Všechna data formulářů jsou také uložena a jsou přístupná v sekci Nastavení > Odeslání formulářů ve studiu. Více informací.

Veškeré údaje odeslané prostřednictvím kontaktního formuláře budou také přeposlány na e-mailovou adresu uvedenou v nastavení kontaktního formuláře. Vaše e-mailová adresa účtu je brána jako výchozí.
Také zkontrolujte: Změnit e-mailovou adresu účtu. 


V tomto článku:

  1. Přidat sekci na stránku
  2. Obsah
  3. Nákres
  4. Styl
  5. Nastavení
  6. email upozornění
  7. Platby šekem a platební metody
  8. živý příklad

Přidejte sekci Platby a dary

  • Na stránku lze přidat sekci. Můžete buď přidat sekci na již existující stránku nebo vytvořit novou stránku v rámci vašeho webu.
  • Na vaší stránce, kliknout na modrá + ikona přidat a Nová sekce na vaši stránku.

 

  • Nyní uvidíte oddílové kategorie na levé straně.
  • Vyberte Formuláře (1) kategorii a klikněte na Platby a dary kartu (2), kde si můžete vybrat různá rozložení z Platby a dary (3) sekce.

  • Vyberte rozvržení libovolné sekce a kliknutím na ni ji přidejte na svou stránku.

Správa platebního formuláře

  • Klikněte na Upravit obsah (1).

  • Budete mít možnost spravovat Obsah (2) Nákres (3) Styl (4) Nastavení (5), a E-mailové upozornění (6).
  • Udeřil Uložit (7) provést změny ve formuláři.


Obsah

Správa polí formuláře

V části Spravovat pole formuláře můžete určit pole, která mají návštěvníci v tomto formuláři vyplnit.

  • Klikněte na Přidat nové pole (1) pro přidání dalších polí do formuláře.
  • Upravit nebo smazat (2) již přidané pole.
  • Drag and Drop (3) pole pro změnu jejich pořadí ve formuláři.
  • Nastav Popisek tlačítka s výzvou k akci (4) pro formulář.

  • Po kliknutí na + Přidat pole tlačítko se otevře vyskakovací okno, kde si můžete vybrat pole formuláře.

  1. Zachyťte název vašeho klienta.
  2. Zachyťte jakékoli malé informace prostřednictvím Krátký text pole.
  3. Zachyťte jakékoli složité informace/zprávy prostřednictvím Long Text pole.
  4. Zachyťte e-mail vašeho klienta.
  5. Zachyťte cokoli numerické informace od vašeho klienta.
  6. Přidejte si služby, ze kterých si můžete vybrat, rozevírací způsobem.
  7. Jednoduchý výběr: Přidejte výběr rádia pro vaše služby.
  8. Vícenásobný výběr: Přidejte zaškrtávací políčko pro více výběrů.
  9. Přidat výběr data aby si vaši klienti mohli vybrat datum pro jakoukoli akci.
  10. Přidat linka mezi poli formuláře.
  11. Zachyťte adresa vašeho klienta.
  12. Zachyťte webových stránkách vašeho klienta.
  13. Zachyťte telefon číslo vašeho klienta.
  14. Přidat čas pole, aby si vaši klienti mohli sami zadat čas události.
  15. Přidat oddělovač mezi poli formuláře.
  16. Jedno pole pro souhlas Tuto možnost lze použít k získání souhlasu s odběrem newsletterů, přijetím ochrany osobních údajů a podmínek použití.
  17. Získejte recenze klientů pomocí hvězda stupnice, číselná stupnice, a stupnice smajlíků.

Hodnocení

Pole e-mail a částka jsou povinná a nelze je smazat.

Styl formuláře

  1. Zobrazit formulář jako vyskakovací okno – Povolte tuto možnost, chcete-li, aby se formulář otevřel ve vyskakovacím okně kliknutím na tlačítko s výzvou k akci.
  2. Popisek tlačítka s výzvou k akci – Nastavte Popisek tlačítka s výzvou k akci pro formulář.
  3. Vyskakovací nadpis – Uveďte formulář Titulek, jestli nějaký.

  • Nahrát nebo Smazat (1) obrázek formuláře.
  • Přidat Předmět (2)a Popis (3) pro formulář. Před přidáním popisu zkontrolujte tento článek.

Titulek

  • Titulek – Uveďte Nadpis sekce (1) pro sekci Platební formulář.
  • Tlačítko a ikony – Zjistěte více o Tlačítka a ikony (2).


Správa rozvržení

  • Klikněte na Upravit obsah (1).

  • Vyberte Nákres (2) tab.
  • Vybrat nákres pro vaši sekci (3) a Uložit (4) změny.


Možnosti stylu

  • Klikněte na Upravit obsah (1) tlačítko.

  • Vyberte Styl (2) tab.
  • Změňte styl pro prvky řezu a Uložit (3) vaše změny.

Stylizace stránky je důležitým aspektem pro vytvoření vizuálně přitažlivého a uživatelsky přívětivého zážitku.

Pro sekci budete mít několik možností stylu: 


Pole formulářů

Pixpa umožňuje vy na plně přizpůsobit ο vzhled of váš formulář pole. Tyto styling možnosti aplikovat na všechno vstup pole in váš Platba Formulář a dát vy větší řízení přes jak váš formulář vzhled a cítí on váš webová stránka.

  1. Tvar: Vyberte tvar vstupních polí – například obdélník, zaoblený, pilulka nebo text – aby odpovídal estetice vašeho webu.
  2. Vyplnit: Povolením tohoto přepínače použijete na pole formuláře barvu pozadí výplně.
  3. Základní barva: Nastaví barvu pozadí polí, když je povolena možnost výplně.
  4. Nomenklatura výstavy: Zapněte nebo vypněte ohraničení (obrys) pro každé pole.
  5. Barva obrysu: Vyberte barvu ohraničení pole, když je povolen obrys.
  6. Barva textu pole: Nastavte barvu textu psaného uživateli uvnitř polí formuláře.
  7. Výška: Upravte výšku polí výběrem z možností: Malá, Střední, Velká nebo Extra velká.
  8. Štítky: Zvolte, zda se popisky polí formuláře zobrazí uvnitř nebo vně pole.
  9. Barva štítkuDefinuje barvu popisků při umístění mimo pole.
  10. Barva uvnitř štítku: Nastavte barvu pro popisky umístěné uvnitř pole (užitečné pro popisky ve stylu zástupných symbolů).
  11. Rozestupy mezi poli: Pomocí posuvníku nastavte svislou mezeru (v pixelech) mezi jednotlivými poli formuláře.


SMĚR

  • Spravujte zarovnání obsahu formuláře vodorovně z Horizontální zarovnání (1).
  • Spravujte zarovnání obsahu formuláře vertikálně z Vertikální zarovnání (2).


Text


Vzdálenost

  • Určete Šířka obrázku (1) obrázku ve formě v procentech.
  • Určete Prostor mezi obrázkem a textem (3) v procentech.
  • Určete Mezera pod nadpisem (4) v procentech.


Titulek

  1. Vodorovně zarovnat text nadpisu sekce. Můžete jej nastavit na Vlevo, Na střed a Vpravo.
  2. Povolit/zakázat dělič mezi nadpisem oddílu a obsahem oddílu.
  3. Nastav tloušťka děliče (v px).
  4. Určete Barva rozdělovače z výběru barvy.
  5. Vyberte si Styl rozdělovače z rozevíracího seznamu.
  6. Nastav Šířka nadpisu definovat, jak široký bude název sekce, počínaje minimálně 50 %.
  7. Určete Prostor pod nadpisem v rámci sekce (v pixelech).


snímky

  1. Oříznutí obrázku: Vyberte Imág Crop pro položky seznamu. Obrázky můžete nastavit jako Čtverec, Kruh, Vodorovný, Portrét a Originál.
  2. Poloměr rohu: Vyberte, zda chcete mít společný poloměr rohu nebo jiný poloměr rohu pro každou stranu položek seznamu a nastavte číslo (v px) pro Corner Radius obrázků položek seznamu. Vědět více.
  3. Animace při přidržení kurzoru myši: Vyberte, zda chcete Animace obrázku sekce při najetí myší povolením přepínače. Zkontrolujte tuto funkci na živé stránce.
  4. Styl animace: Vyberte si Styl animace pro obrázek, když se nad ním nachází kurzor.
  5. Tvarová maska: Povolením tohoto přepínače použijete na obrázky v části Seznam obrázků masku tvaru. Po aktivaci vybraný tvar vizuálně ořízne obrázek do tohoto formuláře.
  6. Vyberte tvar: Vyberte si z různých předdefinovaných tvarů, které chcete použít na své obrázky. To vám umožní kreativně stylizovat váš obsah zobrazením obrázků v jedinečných formách, jako je zaoblený, kosočtverečný, kapkový atd.

Tip

Pomocí pole poloměru rohu můžete vytvářet obrázky položek seznamu různých tvarů. Pokud zde zadáte 500 px, obrázky se zobrazí ve tvaru kruhu.

  • V případě, že jste zvolili dělené rohy, můžete pro každý roh nastavit jiný poloměr rohu.


Hranice obrázku

  1. Povolit / Zakázat ohraničení kolem obrázku přepnutím přepínače.
  2. Vyberte si mít a společná hranice na všech stranách obrázku nebo můžete specifikovat hranice samostatně pro každou stranu.
  3. Určete šířka hranice. Pokud je nastavena na 0, pak se ohraničení nezobrazí. Máte také možnost nastavit šířku okraje individuálně pro každou stranu obrázku.
  4. Vybrat Barva okraje z výběru barvy.
  5. Vyberte preferovaný Styl ohraničení z rozevíracího seznamu.
  6. Určete šířka okraje pro mobil zařízení a zarovnejte jej s šířkou zvolenou pro pracovní plochu.


Tyto možnosti stylu se týkají vyskakovacího tlačítka, po kliknutí na které se otevře platební formulář.

  1. Velikost tlačítka - Vyberte velikost tlačítka z možností, jako je malá, střední nebo velká.
  2. Prostor nad tlačítkem – Upravte svislou mezeru nad tlačítkem (v procentech).
  3. Styl tlačítka – Vyberte styl tlačítka, například výchozí nebo vlastní.
  4. Barva tlačítka - Vyberte barevný styl tlačítka. Možnosti zahrnují Výchozí, Invertovat nebo Vlastní.
  5. Text tlačítka – Přizpůsobte barvu textu tlačítka.
  6. Pozadí tlačítka – Vyberte barvu pozadí tlačítka.


Tlačítko formuláře

Tato nastavení umožňují přizpůsobení tlačítka pro odeslání formuláře tak, aby odpovídalo designu a rozvržení stránky.

  1. Velikost tlačítka - Vyberte velikost tlačítka (Malé, Střední nebo Velké).
  2. Prostor nad tlačítkem – Upravte svislou mezeru nad tlačítkem (zadanou v procentech).
  3. Styl tlačítka – Vyberte celkový styl tlačítka, například Výchozí nebo Vlastní.
  4. Barva tlačítka - Nastavte barevný styl tlačítka. Možnosti zahrnují Výchozí, Invertovat nebo Vlastní.
  5. Text tlačítka – Přizpůsobte barvu textu zobrazeného na tlačítku.
  6. Pozadí tlačítka – Vyberte barvu pozadí pro tlačítko.
  7. Zarovnání tlačítek – Vyberte zarovnání tlačítka (Vlevo, Na střed nebo Vpravo).
  8. Šířka tlačítka – Upravte šířku tlačítka. Možnosti zahrnují Výchozí, Velké, Extra velké nebo Plná šířka.


Tlačítka s nadpisy

Tato nastavení ovládají vzhled a rozestupy tlačítek umístěných s nadpisem sekce.

  1. Velikost tlačítka - Vyberte celkovou velikost tlačítek (Malá, Střední nebo Velká).
  2. Prostor mezi tlačítky – Upravte rozteč mezi více tlačítky (měřeno ve VW).
  3. Prostor nad tlačítky – Nastavte svislou mezeru nad tlačítky (měřeno v procentech).
  4. Šířka tlačítka – Vyberte, jak široká se mají tlačítka zobrazovat. Možnosti zahrnují Výchozí, Velká, Extra velká a Plná šířka.
  5. Velikost textového odkazu – Zadejte velikost písma textových odkazů spojených s tlačítky (měřeno v pixelech).
  6. Velikost tlačítka obrázku – Upravte velikost tlačítek založených na obrázcích (měřeno v pixelech).


Hlavní sociální ikony

Zobrazte a upravte ikony pro sdílení na sociálních sítích ve formuláři.

  1. Velikost ikony – Upravte velikost ikon sociálních sítí (měřeno v pixelech).
  2. Typ ikony – Vyberte styl ikon, například Klasický, Plný nebo Obrys.
  3. Barva ikony – Vyberte barvu ikon. Možnosti zahrnují Text odkazu, Vlastní nebo Barvu značky (původní barva sociální platformy).
  4. Barva pozadí ikony – Nastavte si vlastní barvu pozadí pro ikony, abyste vylepšili jejich viditelnost a styl.


Nastavení

  • Klikněte na Upravit obsah (1).

  • Přizpůsobte nastavení formuláře z Nastavení (2) záložka a Uložit (3) vaše změny.

Název formuláře

  • Zadejte název pro identifikovat platební formulář v Pixpa Studiu. Toto jméno není návštěvníkům webových stránek viditelné.


Způsob platby

  • Můžete aktualizovat platební metody pro formulář.
  • Můžete si vybrat z Paypal a Stripe. Indičtí zákazníci si mohou také přidat Razorpay a PayUMoney. Zjistit více.

Hodnocení

S formulářem může být v danou chvíli propojena pouze jedna platební metoda.


Akce po odeslání

Jako akci po odeslání si můžete zvolit Zobrazit zprávu o úspěchu (1) nebo Přesměrovat na URL (2).

V případě zobrazení zprávy o úspěchu (1):

  • Určete Zpráva o úspěšné platbě (2) který se zobrazí po odeslání formuláře uživatelem.
  • Můžete také přidat libovolný skript do Úspěšná platba po platbě HTML (3) box.

  • V případě Rpřesměrování na URL, můžete zadat libovolnou interní/externí stránku kliknutím na ikonu nastavení (⚙️). Vědět více.


Synchronizace a export dat formulářů

  1. Odeslání dat formuláře na Make.com. Zjistit více.
  2. Odeslat data formuláře na Zapier.com. Zjistit více.
  3. Exportovat data formuláře jako soubor CSV. Zjistit více.


email upozornění

Zde si můžete přizpůsobit předmět e-mailu pro oznámení, která jako majitel webových stránek obdržíte po úspěšném odeslání formuláře. Dále si můžete přizpůsobit e-mail o úspěchu, který se uživatelům nebo zákazníkům odešle po odeslání formuláře a provedení platby.

  1. povolit E-mail majiteli webových stránek možnost dostávat e-mailová upozornění vždy, když je odeslán platební formulář.
  2. v Předmětové pole, zadejte předmět e-mailu s odesláním platebního formuláře. Můžete také použít {WEBSITE} proměnná, která automaticky zahrne název vaší webové stránky do předmětu. To je obzvláště užitečné, pokud spravujete více webových stránek.
  3. v E-mailové pole, zadejte až 3 e-mailové adresy, na které chcete dostávat oznámení o platebních formulářích.

  1. Povolit/Zakázat úspěch Email zákazníkovi volba.
  2. Určete Předmět e-mailu o úspěchu.
  3. Přidat komentář tělo e-mailu do e-mailu o úspěchu. Do těla e-mailu můžete přidat proměnné, které budou zaznamenány a odeslány v e-mailech {TRANSACTION_ID}, {AMOUNT} a {NAME}.

Hodnocení

E-mail zákazníkovi je prémiová funkce dostupná pouze u tarifů Professional a Advanced . Více informací.


Zkontrolujte platby a přidejte platební metodu

  • Přejít na Platby a dary (1) sekce.
  • Zde si můžete prohlédnout všechny platby, které jste obdrželi.
  • Zkontrolovat datum, přijatá částka a e-mail (2) platby.
  • Klikněte na libovolné odeslání formuláře (3) zobrazit podrobnosti transakce platby.
  • Zkontrolujte podrobnosti transakce, jako například ID transakce, jméno, použitá platební metoda a ID transakce platební metody z pravé zásuvky.
  • Exportujte všechny platební údaje v Formát CSV (4).


Přidat způsob platby

Hodnocení

Platby a dary jsou prémiovou funkcí a jsou k dispozici pouze v tarifech Professional a Advanced.


Zde je platební/darovací formulář: 

Zobrazit živé demo

Hodnocení

Chcete-li omezit spammery ve formuláři, je ve vašem formuláři automaticky povoleno zabezpečení Google captcha.


Nenašli jste, co jste hledali?

Spojte se s odborníkem Pixpa.

Pixpa Studio bylo právě přepracováno. Aktuálně aktualizujeme všechny snímky obrazovky z nápovědy.