Cum să utilizați blocul Formular de plată
În acest document
- 1 Prezentare generală
- 2 Cerințe preliminare
- 3 Pasul 1: Inserați blocul
- 4 Pasul 2: Alegeți un formular
- 5 Pasul 3: Configurați opțiunile de afișare
- 6 Pasul 4: Publicați și previzualizați
- 7 Bloc vs. Shortcode
- 8 Întrebări frecvente
- 8.1 Previzualizarea formularului este afișată, dar clienții nu pot plăti — de ce?
- 8.2 Pot folosi mai multe blocuri de Formular de Plată pe aceeași pagină?
- 8.3 De ce previzualizarea din editor nu corespunde cu ceea ce văd pe frontend?
- 8.4 Blocul funcționează în șabloanele de editare completă a site-ului (FSE)?
- 8.5 Pot stiliza formularul încorporat independent pentru fiecare pagină?
- 8.6 Care este diferența dintre acesta și blocul Buton WP Simple Pay?
- 9 Ce urmează?
Timp de citire: 4 minute | Dificultate: Începător
Prezentare generală
Blocul WP Simple Pay – Formular de Plată este modalitatea recomandată de a insera un formular de plată într-o postare sau pagină Gutenberg. Acesta oferă o previzualizare live a formularului în interiorul editorului, expune opțiunile de afișare în bara laterală a blocului și redă același formular pe pagină pe care l-ar vedea un client — fără a fi nevoie să copiați vreodată un shortcode.
Blocul este echivalent funcțional cu shortcode-ul , dar este mai ușor de descoperit și oferă previzualizări în editor care reflectă setările curente de Stil Formular ale formularului.
Cerințe preliminare
- WP Simple Pay (orice nivel — blocul este livrat cu pluginul gratuit)
- Un site WordPress care rulează editorul de blocuri (Gutenberg)
- Cel puțin un formular de plată publicat
Pasul 1: Inserați blocul
- Editați postarea sau pagina unde doriți să apară formularul.
- Faceți clic pe inseratorul de blocuri
+. - Căutați WP Simple Pay sau Formular de Plată.
- Faceți clic pe blocul WP Simple Pay – Formular de Plată.
Apare un placeholder care vă solicită să selectați un formular.
Pasul 2: Alegeți un formular
Utilizați meniul derulant din placeholder-ul blocului pentru a alege ce formular de plată publicat să fie redat. Odată selectat, blocul înlocuiește placeholder-ul cu o previzualizare live a formularului, inclusiv titlul, descrierea, câmpurile și butonul de trimitere — stilizat cu setările curente de Stil Formular ale formularului.
Dacă modificați Stilul Formular al unui formular după inserarea blocului, previzualizarea se actualizează data viitoare când reîncărcați editorul.
Pasul 3: Configurați opțiunile de afișare
Cu blocul selectat, bara laterală cu setările blocului din dreapta expune două comutatoare:
- Afișare Titlu — Când este activat (implicit), afișează titlul formularului deasupra câmpurilor. Dezactivați pentru a ascunde titlul — util atunci când pagina înconjurătoare are deja un antet.
- Afișare Descriere — Când este activat (implicit), afișează textul descrierii formularului deasupra câmpurilor. Dezactivați pentru layout-uri compacte.
Dacă dezactivați ambele, containerul titlu/descriere este complet suprimat, astfel încât să nu rămână spațiu gol.
Blocul suportă, de asemenea, Alinierea la Centru prin bara de instrumente standard a blocului. Când este centrat, formularul, antetul încorporat și butonul de trimitere sunt centrate orizontal în lățimea de conținut a paginii, iar zona antetului este limitată la o lățime maximă de 400px.
Pasul 4: Publicați și Previzualizați
Salvați sau publicați pagina. Vizualizați-o pe frontend pentru a vedea formularul în starea sa redată. Blocul utilizează același pipeline de redare ca și shortcode-ul, deci comportamentul pe frontend este identic.
Bloc vs Shortcode
| Bloc | Shortcode | |
|---|---|---|
| Previzualizare editor | Live, stilizat | Niciunul — doar placeholder |
| Afișare comutatoare | Checkbox-uri UI | Editați manual atributele shortcode-ului |
| Aliniere | Bară de instrumente bloc | Încadrare în HTML/CSS |
| Funcționează în editorul clasic | Nu | Da |
| Funcționează în widget-uri | Da (widget-uri bloc) | Da |
| Funcționează în page builders | Depinde de builder | Da (universal) |
Când să folosiți blocul: Postări și pagini moderne Gutenberg, șabloane FSE, widget-uri bazate pe blocuri.
Când să folosiți shortcode-ul: Editor clasic, page builders fără suport nativ pentru blocuri, șabloane de teme personalizate unde apelați do_shortcode() direct.
Întrebări Frecvente
Previzualizarea formularului se afișează, dar clienții nu pot plăti — de ce?
Blocul redă același formular pentru previzualizarea editorului ca și pentru vizitatori. Dacă previzualizarea afișează formularul, dar trimiterile eșuează, problema este la configurarea formularului în sine (metodă de plată lipsă, chei Stripe invalide, câmp obligatoriu lipsă) și nu la bloc. Verificați WP Simple Pay > Formulare de Plată și filele Generale/Plată ale formularului.
Pot folosi mai multe blocuri de Formular de Plată pe aceeași pagină?
Da — fiecare bloc poate reda un formular diferit. Activele frontend ale pluginului sunt suficient de inteligente pentru a gestiona mai multe formulare pe aceeași pagină fără conflicte.
De ce previzualizarea editorului nu corespunde cu ceea ce văd pe frontend?
Previzualizarea editorului reflectă starea salvată a formularului în momentul încărcării editorului. Dacă ați făcut modificări la formular într-o altă filă, salvați/reîncărcați editorul pentru a le vedea. Frontend-ul redă întotdeauna cea mai recentă versiune salvată.
Blocul funcționează în șabloanele Full Site Editing (FSE)?
Da. Blocul poate fi inserat în orice context conștient de blocuri, inclusiv șabloane FSE, părți de șablon și blocuri/tipare reutilizabile.
Pot stiliza formularul încorporat independent pe pagină?
Stilul formularului este per formular, nu per bloc. Pentru a utiliza stiluri diferite pe pagini diferite, creați mai multe formulare și inserați blocul corespunzător pe fiecare pagină.
Care este diferența dintre acesta și blocul Buton WP Simple Pay?
Blocul Formular de plată încorporează întregul formular inline. Blocul Buton afișează doar un buton care deschide formularul într-o suprapunere (modal) la clic – util pentru paginile de destinație unde doriți un apel la acțiune curat, mai degrabă decât un formular vizibil. Vezi Cum se utilizează blocul Buton de plată.
Ce urmează?
- Cum să-ți stilizezi formularele de plată cu Stilul formularului – Personalizează aspectul formularului încorporat
- Cum se utilizează blocul Gestionare abonamente – Permite abonaților să-și gestioneze planurile
- Cum se configurează setările generale ale unui formular de plată – Configurează formularul în sine
Încă aveți întrebări? Suntem aici pentru a vă ajuta!
Ultima modificare: