Cum se creează o pagină de destinație cu Gateway de plată

Publicat: 2022-11-24

Doriți să construiți o pagină de destinație cu funcționalitate gateway de plată?

Gateway-urile de procesare a plăților vă permit să efectuați plăți online pentru produse fizice și digitale. Acestea sunt de obicei folosite pe site-urile de comerț electronic, dar puteți crea o pagină de destinație a poartei de plată pentru a colecta plăți fără un magazin online.

În acest articol, vom explica pas cu pas cum să construiți o pagină de destinație cu o poartă de plată.

De ce are nevoie pagina dvs. de destinație un gateway de plată?

Paginile de destinație sunt o modalitate eficientă de a converti vizitatorii site-ului web în clienți potențiali și vânzări. Deoarece au mai puține distrageri decât pagina dvs. de pornire și alte pagini de pe site-ul dvs., este mai probabil ca utilizatorii să se alăture listei dvs. de e-mail sau să vă cumpere produsele sau serviciile.

Cu toate acestea, pentru a accepta plăți sigure pe pagina dvs. de destinație, veți avea nevoie de un procesor de plăți precum Stripe sau PayPal. Astfel de servicii de plată le permit cumpărătorilor să plătească prin transfer bancar direct, card de credit și alte opțiuni de plată online.

Conectarea paginii de destinație la un gateway de plată vă poate ajuta, de asemenea, să vindeți produse și servicii fără a construi un site complet de comerț electronic. Veți putea crea liste de produse pe designul paginii de destinație și veți permite clienților să verifice de pe aceeași pagină.

Acesta este un economisitor grozav de bani pentru startup-uri și întreprinderile mici, fără bugetul de rezervă de cheltuit pe un site web mai mare.

Deci, cum construiți o pagină de destinație cu integrarea gateway-ului de plată? Urmați cele 2 metode de mai jos pentru a afla cum.

  • Crearea unei pagini de destinație cu Gateway de plată folosind SeedProd
    • Adăugarea unui Gateway de plată la paginile de destinație cu WP Simple Pay

      Crearea unei pagini de destinație cu Gateway de plată folosind SeedProd

      În primul rând, vă vom arăta cum să creați o pagină de destinație și să adăugați integrarea plăților cu SeedProd.

      SeedProd WordPress website builder

      SeedProd este cel mai bun site web și generator de pagini de destinație pentru WordPress. Vă permite să creați orice parte a designului dvs. web fără a scrie cod.

      Puteți utiliza SeedProd pentru a crea oricare dintre următoarele:

      • Pagini de destinație de vânzări cu conversie ridicată
      • Design întreg de site-uri WordPress
      • Completează site-urile WooCommerce cu pagini de plată, pagini de produse și multe altele.
      • Anteturi, subsoluri, bare laterale și șabloane de pagină personalizate

      Adăugarea de funcții la site-ul dvs. este ușoară cu șabloanele personalizabile, blocurile WordPress și secțiunile sale.

      De exemplu, puteți încorpora butoane de urmărire și distribuire în rețelele sociale pentru a crește gradul de cunoaștere a mărcii și pentru a obține mai mulți adepți. Sau puteți folosi elemente generatoare de clienți potențiali, cum ar fi formularele de înscriere, cronometrele cu numărătoare inversă și butoanele de îndemn pentru a vă crește lista și a crește vânzările.

      Unul dintre elementele pe care le vom folosi în această metodă este blocul Buton de plată al SeedProd. Vă permite să primiți plăți de la vizitatorii paginii de destinație folosind Stripe. Este rapid și ușor de configurat și necesită codificare zero.

      Așadar, urmați pașii de mai jos pentru a crea o pagină de destinație cu gateway-ul de plată Stripe.

      Pasul 1. Instalați și activați SeedProd

      Primul pas este să accesați pagina de prețuri SeedProd și să alegeți un plan. Pentru acest ghid, vom folosi SeedProd Pro pentru funcțiile sale avansate, dar puteți folosi butonul Stripe Payment pentru orice plan, inclusiv proba gratuită nelimitată a SeedProd.

      După ce ați ales un plan, conectați-vă la contul dvs. SeedProd și descărcați fișierul plugin. De asemenea, puteți copia cheia de licență pe aceeași pagină dacă utilizați versiunea premium.

      Find your SeedProd license key

      Acum accesați site-ul dvs. WordPress și încărcați pluginul SeedProd. Dacă aveți nevoie de ajutor, urmați acest ghid despre instalarea și activarea unui plugin WordPress.

      După ce ați făcut asta, navigați la pagina SeedProd » Setări și inserați cheia de licență.

      enter your license key

      Acum mergeți mai departe și faceți clic pe butonul Verificare cheie pentru a stoca setările de licență.

      Pasul 2. Alegeți un șablon de pagină de destinație

      Următorul pas este să alegeți un model de șablon pentru pagina dvs. de destinație. Pentru a face acest lucru, puteți accesa SeedProd » Pagini de destinație și faceți clic pe butonul Adăugați o pagină de destinație nouă .

      Add new landing page

      Pe următorul ecran, veți vedea o bibliotecă de șabloane de pagini de destinație proiectate profesional.

      Puteți face clic pe oricare dintre filtrele din partea de sus pentru a restrânge căutarea. De exemplu, dacă faceți clic pe filtrul Vânzări, se vor afișa numai șabloanele de pagini de vânzări.

      sales page templates

      Când ați găsit un design care vă place, faceți clic pe pictograma bifă.

      Choose a landing page template

      După aceea, se va deschide o fereastră pop-up care vă va cere să introduceți numele paginii și adresa URL. Nu vă faceți griji dacă nu vă puteți gândi la un nume bun; vă vom arăta cum să-l editați mai târziu.

      Enter your landing page name

      Acum mergeți mai departe și faceți clic pe butonul Salvați și începeți editarea paginii .

      Pasul 3. Adăugați blocul Butonului de plată

      Pe ecranul următor, veți vedea un aspect similar cu exemplul de mai jos:

      SeedProd landing page builder

      În stânga sunt blocuri și secțiuni WordPress pe care le puteți adăuga la designul paginii de destinație. Apoi, în dreapta este o previzualizare live unde puteți previzualiza modificările pe care le faceți în timp real.

      Puteți personaliza orice parte a paginii dvs. de destinație făcând clic oriunde în previzualizarea live. De exemplu, făcând clic pe titlu vă permite să tastați direct pe design pentru a modifica conținutul.

      landing page headline settings

      În stânga se va deschide și un panou de setări, unde puteți accesa setări avansate pentru personalizarea fonturilor, culorilor, spațiilor, HTML și multe altele.

      După cum puteți vedea în acest exemplu, puteți edita și secțiuni pentru a schimba cu ușurință imaginea de fundal. Pur și simplu faceți clic pe un element și personalizați-l pentru a arăta exact așa cum doriți.

      Section background settings

      Adăugarea unui gateway de plată pe pagina de destinație este la fel de simplă. Pur și simplu căutați blocul Buton de plată și trageți-l pe pagina dvs.

      SeedProd payment button

      După ce ați făcut asta, se vor deschide setările de blocare, unde puteți face clic pe butonul Conectați-vă cu Stripe pentru a vă conecta contul Stripe.

      Connect with Stripe

      Veți merge automat la ecranul de conectare Stripe, unde puteți introduce codul de verificare, dar veți reveni direct la designul paginii de destinație odată ce conexiunea este finalizată.

      Verify SeedProd connection to Stripe

      După ce ați autorizat conexiunea Stripe, puteți personaliza setările butonului de plată.

      De exemplu, puteți edita următoarele setări:

      • Suma de plată
      • Descrierea plății
      • Moneda de plată
      • Adresa URL de succes
      Payment button settings

      Adresa URL de succes este pagina către care doriți să redirecționați cumpărătorii după ce își finalizează achiziția. De exemplu, puteți crea o pagină de mulțumire cu SeedProd și puteți redirecționa clienții către acea pagină atunci când fac check-out cu succes.

      Pe lângă setările de mai sus, puteți personaliza textul butonului, subtextul, alinierea pentru mobil și desktop, dimensiunea butonului și chiar puteți adăuga pictograme Font Awesome.

      Aveți nevoie de mai multe opțiuni de personalizare? Pur și simplu faceți clic pe fila Avansat pentru a găsi stilul butonului, culoarea, fontul, spațierea, setările de marjă și multe altele.

      Cu gateway-ul de plată configurat, puteți continua să personalizați pagina de destinație până când sunteți mulțumit de modul în care arată designul.

      Nu uitați să apăsați butonul Salvare din colțul din dreapta sus pentru a salva modificările.

      Save changes to your landing page with payment gateway

      Pasul 4. Configurați setările

      Am menționat mai devreme că puteți modifica setările paginii de destinație înainte de a vă publica pagina. Pentru a face acest lucru, faceți clic pe butonul Setări pagină din partea de sus a ecranului de generare a paginii.

      În setările generale , puteți edita numele paginii de destinație și adresa URL, vă puteți publica pagina și puteți afișa linkul de afiliat SeedProd.

      General landing page settings

      Dacă aveți instalat un plugin SEO WordPress precum All in One SEO, puteți face clic pe fila SEO pentru a introduce setările de optimizare a motorului de căutare.

      Landing page SEO settings

      Alte setări pe care le puteți accesa includ următoarele:

      • Urmăriți performanța paginii dvs. de destinație cu MonsterInsights, un plugin Google Analytics puternic pentru WordPress.
      • Adăugați scripturi personalizate la antetul, corpul și subsolul paginii dvs. web pentru urmărire și redirecționare.
      • Oferiți paginii dvs. de destinație un nume de domeniu personalizat separat de site-ul dvs. web (numai planurile Elite).

      De asemenea, puteți face clic pe fila Conectare din partea de sus a paginii pentru a vă conecta pagina de destinație la serviciul de marketing prin e-mail, Google Analytics, protecție împotriva spamului și Zapier.

      SeedProd email integrations

      Pasul 5. Publicați pagina dvs. de destinație

      Când sunteți gata să vă faceți pagina de destinație live, faceți clic pe butonul Salvați și selectați opțiunea Publicare .

      Publish your landing page

      Acum, când vizitatorii dau clic pe butonul de plată, vor putea să verifice folosind Stripe.

      Landing page with payment gateway example

      Adăugarea unui Gateway de plată la paginile de destinație cu WP Simple Pay

      O altă modalitate de a crea o pagină de destinație cu o poartă de plată este utilizarea unui plugin de plată WordPress.

      WP Simple Pay Homepage

      WP Simple Pay este unul dintre cele mai bune și mai ușor de utilizat pluginuri de plată WordPress. Vă permite să adăugați plăți Stripe la orice postare sau pagină de pe site-ul dvs. WordPress fără cod.

      Deci, dacă nu doriți să creați o pagină de destinație cu conversii mari și aveți nevoie de o opțiune mai simplă, WP Simple Pay este o alegere excelentă.

      Notă: pentru a accepta plăți folosind WP Simple Pay; veți avea nevoie de un certificat SSL activ. Iată un ghid despre adăugarea SSL la WordPress dacă aveți nevoie de ajutor.

      Pasul 1. Instalați și activați WP Simple Pay

      Primul pas este să obțineți o copie a WP Simple Pay de pe site-ul lor. Apoi, mergeți mai departe și instalați și activați pluginul pe site-ul dvs. web.

      Odată ce pluginul este activ, veți vedea automat Expertul de configurare, care automatizează întregul proces de configurare.

      WP Simple Pay setup wizard

      Pentru a porni Expertul de configurare, faceți clic pe butonul Să începem .

      Pasul 2. Finalizați Expertul de configurare

      Procesul de configurare are 4 pași. În primul rând, vi se va cere să introduceți cheia de licență WP Simple Pay, pe care o veți găsi în tabloul de bord al contului dvs. în secțiunea Descărcări.

      Activate WP Simple Pay license key

      Introduceți cheia de licență, apoi faceți clic pe butonul Activare și Continuare .

      Pe ecranul următor, va trebui să vă conectați la contul Stripe, așa că faceți clic pe butonul Conectare cu Stripe .

      Connect to Stripe with WP Simple Pay

      Acum va trebui să vă conectați la contul Stripe și să verificați conexiunea.

      Connect WP Simple Pay to Stripe

      După ce ați făcut acest lucru, veți reveni la expertul de configurare, unde puteți alege ce e-mailuri vor primi clienții după finalizarea unei plăți.

      De exemplu, puteți trimite o chitanță de plată, o notificare de plată, o chitanță de factură și o factură viitoare.

      WP Simple Pay email settings

      După ce ați ales notificările prin e-mail, faceți clic pe butonul Salvați și continuați .

      Setup wizard complete. Create a Payment form.

      Configurarea este acum finalizată, iar următorul pas este să creați un formular pentru cumpărători să-și introducă detaliile de plată. Pentru a face acest lucru, faceți clic pe butonul Creați un formular de plată .

      Pasul 3. Creați un formular de plată

      Pe ecranul următor, veți vedea diferitele șabloane de formulare de plată disponibile cu WP Simple Pay. Puteți alege dintre diferite tipuri de formulare, inclusiv Strângere de fonduri, Produse și servicii, Înregistrări, Donații și multe altele.

      Pentru acest tutorial, vom alege șablonul Buton de plată. Așadar, plasați cursorul peste șablon și faceți clic pe butonul Utilizați șablon.

      WP Simple Pay templates

      Setările butonului de plată se vor deschide acum pe următorul ecran. Aici puteți edita setările generale, inclusiv numele butonului, descrierea, tipul și pagina de succes a plății.

      General payment button settings

      În fila de plată, puteți seta prețul implicit pe butonul de plată și puteți alege între plăți unice și recurente.

      Payment button price options

      De asemenea, puteți alege dintre mai multe metode de plată, inclusiv card de credit, debit direct, Alipay, Klarna și Clearpay.

      După ce ați terminat de personalizat setările butonului de plată, faceți clic pe butonul Publicați .

      Pasul 4. Adăugați butonul de plată pe pagina dvs. de destinație

      Următorul pas este să adăugați butonul de plată pe pagina dvs. de destinație. Îl poți adăuga oriunde pe pagina ta cu blocul WordPress WP Simple Pay.

      Pentru a face acest lucru, creați sau editați o pagină WordPress, apoi în editorul de conținut, faceți clic pe butonul plus și selectați blocul WP Simple Pay.

      WP Simple Pay WordPress block

      Apoi, puteți selecta butonul de plată din meniul drop-down.

      Select WP Simple Pay payment form

      După actualizarea sau publicarea paginii de destinație, puteți previzualiza butonul de plată și poarta de acces în acțiune.

      landing page with payment gateway example

      Asta e!

      Acum știți cum să faceți o pagină de destinație cu funcționalitate gateway de plată.

      Dacă sunteți interesat să creați un întreg magazin de comerț electronic, iată câteva tutoriale care vă pot ajuta:

      • Cum să adăugați un buton personalizat de adăugare în coș în WooCommerce
      • Cum să afișați categoriile și etichetele de produse în WooCommerce
      • Cum să personalizați cu ușurință pagina dvs. de magazin WooCommerce

      Multumesc pentru lectura. Vă rugăm să ne urmăriți pe YouTube, Twitter și Facebook pentru mai mult conținut util pentru a vă dezvolta afacerea.