Cu toată entuziasmul din jurul Beaver Builder 2.8 și noul nostru Modul Box, s-ar putea să fi ratat anunțul Modulului North Commerce. Această adăugare deschide noi uși pentru afișarea elementelor North Commerce în machetele dvs. Beaver Builder, oferind o experiență perfectă atât pentru dvs., cât și pentru clienții dvs.

Modulul North Commerce este un modul Beaver Builder care vă permite să afișați elemente North Commerce pe site-ul dvs. web. Modulul devine disponibil în interfața de utilizare Beaver Builder atunci când aveți instalat pluginul North Commerce.

În acest articol, veți învăța cum să utilizați modulul North Commerce pentru a vă îmbunătăți site-ul WordPress și a crea o experiență de cumpărături fluidă pentru clienții dvs.

Ce este North Commerce?

Înainte de a vă scufunda în detaliile Modulului North Commerce, este esențial să înțelegeți ce este North Commerce și cum vă poate ajuta strategia de comerț electronic:

North Commerce este un nou plugin de comerț electronic all-in-one pentru WordPress, conceput pentru a ajuta utilizatorii să creeze magazine online de înaltă performanță și canale de vânzări.

Oferă o gamă largă de funcții pentru a construi, gestiona și optimiza magazine online, concentrându-se pe viteză, ușurință în utilizare și personalizare.

Caracteristici cheie ale North Commerce:

• Formulare personalizate de finalizare a comenzii : Îmbunătățiți procesul de finalizare a comenzii cu formulare personalizabile care includ opțiuni pentru vânzări suplimentare înainte sau după comandă, sporind-vă potențialul de vânzări.
• Soluție All-in-One : North Commerce oferă caracteristici esențiale de comerț electronic, cum ar fi produse de abonament, planuri de plată, cupoane avansate și colectare de recenzii fără a fi nevoie de pluginuri suplimentare.
• Optimizat pentru viteză : pluginul este proiectat pentru viteză, asigurând timpi de încărcare rapidi și o experiență de utilizator fluidă, ceea ce este crucial pentru păstrarea clienților și îmbunătățirea ratelor de conversie.

North Commerce își propune să ofere o experiență de comerț electronic perfectă și puternică în WordPress. Simplifică construirea, gestionarea și optimizarea magazinelor online.

Vă prezentăm modulul North Commerce al Beaver Builder

Adăugarea modulului North Commerce vă permite să afișați elemente North Commerce direct în machetele dvs. Beaver Builder, oferind o modalitate mai intuitivă de a crea pagini de comerț electronic:

Cu acest modul, nu mai trebuie să vă bazați pe coduri scurte pentru a afișa produsele. Pur și simplu trageți și plasați modulul North Commerce în pagina dvs. și personalizați-l cu interfața familiară Beaver Builder.

Beneficiile modulului North Commerce:

• Integrare perfectă : modulul funcționează cu machetele Beaver Builder existente, facilitând adăugarea de funcționalități de comerț electronic pe site-ul dvs. fără a învăța instrumente noi.
• Control îmbunătățit : obțineți mai mult control asupra aspectului și funcționalității paginilor dvs. de comerț electronic, permițând o experiență de cumpărături mai personalizată.
• Flux de lucru îmbunătățit : Accelerați-vă procesul de proiectare cu machete predefinite și setări personalizabile care elimină necesitatea unei codări complexe.

Cum să utilizați modulul Beaver Builder North Commerce

Crearea unei experiențe de comerț electronic fără întreruperi este crucială pentru succesul magazinului dvs. online. Modulul North Commerce pentru Beaver Builder simplifică procesul de construire a site-urilor web de comerț electronic uimitoare, complet funcționale.

Pasul 1: Instalați pluginurile necesare

Înainte de a începe, asigurați-vă că aveți următoarele plugin-uri instalate și activate pe site-ul dvs. WordPress:

• Beaver Builder Page Builder : un generator de pagini flexibil cu drag-and-drop pentru WordPress, care permite utilizatorilor să creeze machete și modele personalizate fără codare.
• North Commerce Plugin : un plugin WordPress all-in-one de comerț electronic, conceput pentru a ajuta utilizatorii să creeze magazine online de înaltă performanță, cu accent pe viteză și ușurință în utilizare.
• Beaver Themer (opțional) : un generator de teme pentru Beaver Builder, care permite utilizatorilor să creeze anteturi, subsoluri, pagini de produse și aspecte dinamice de conținut pentru întregul lor site WordPress.

Odată ce aceste plugin-uri sunt la locul lor, sunteți gata să începeți să vă creați site-ul de comerț electronic.

Pasul 2: Adăugați modulul North Commerce pe pagina dvs

Navigați la pagina în care doriți să adăugați funcțiile de comerț electronic și faceți clic pentru a deschide editorul Beaver Builder. Apoi, faceți clic pe pictograma „ + ” din colțul din dreapta sus pentru a accesa panoul de module.

În bara de căutare, tastați „ North Commerce ” pentru a localiza rapid modulul. După ce îl găsiți, pur și simplu trageți și plasați modulul North Commerce în locația dorită de pe pagină:

Adăugarea modulului North Commerce pe pagina dvs. este primul pas în personalizarea experienței dvs. de comerț electronic. Acest lucru vă oferă flexibilitatea de a încorpora afișări de produse, elemente de coș de cumpărături sau formulare de plată direct în designul paginii dvs. Această integrare perfectă asigură că funcțiile dvs. de comerț electronic se îmbină fără probleme cu restul conținutului dvs., oferind o experiență coerentă și ușor de utilizat pentru vizitatorii dvs.

Pasul 3: Configurați modulul North Commerce

Modulul North Commerce oferă o serie de setări pentru a vă ajuta să personalizați elementele de comerț electronic de pe site-ul dvs. pentru a se potrivi cu marca dvs. și pentru a optimiza experiența utilizatorului.

În fila General , puteți selecta dintre mai multe opțiuni de aspect, fiecare adaptată pentru a oferi un anumit tip de conținut sau de interacțiune a utilizatorului:

Fiecare opțiune de aspect se adresează diferitelor aspecte ale magazinului dvs. de comerț electronic, ajutându-vă să creați o experiență coerentă și ușor de utilizat. Alegeți aspectul care se potrivește cel mai bine nevoilor dvs., fie pentru a evidenția produsele, pentru a simplifica achiziția sau pentru a îmbunătăți designul site-ului dvs.

În continuare, vom explora fiecare opțiune de aspect și vom oferi îndrumări privind configurarea lor pentru magazinul dvs.

Pagina de produs

Aspectul Pagina de produs vă permite să afișați un singur produs, așa cum vedeți pe pagina implicită a produsului. Acest aspect este perfect pentru a evidenția un anumit produs oriunde pe site-ul dvs., cum ar fi paginile de destinație, postările de blog sau paginile de vânzări personalizate.

Selectați Pagina de produs din meniul drop-down Aspect, apoi introduceți Product Slug pentru a afișa un anumit articol:

Licul de produs este un identificator unic pentru fiecare produs și asigură afișarea informațiilor corecte despre produs.

Aspectul Pagina de produs oferă vizitatorilor o vedere detaliată a unui produs, inclusiv imagini, descriere, preț și opțiuni. Este perfect pentru promovarea produselor prezentate, derularea campaniilor de marketing sau crearea de vitrine personalizate care se îmbină cu designul site-ului dvs.

În plus, plasând toate detaliile unui produs în locații strategice, puteți genera în mod eficient interesul și creșterea conversiilor.

Galerie de produse

Pentru a prezenta mai multe produse pe o singură pagină, utilizați opțiunea Galerie de produse din modulul North Commerce. Această funcție este perfectă pentru a crea pagini de categorii atractive din punct de vedere vizual sau prezentări generale ale produselor.

Selectați Galerie de produse din câmpul Aspect :

Aspectul Galeriei de produse vă afișează produsele într-o grilă curată și organizată, de obicei cu trei coloane. Fiecare produs este evidențiat cu imaginea, titlul și prețul, oferind vizitatorilor o prezentare clară și atractivă a ofertelor dvs.

Aspectul Galeriei de produse implică clienții afișând mai multe produse simultan. Acest lucru le face mai ușor să găsească ceea ce caută.

Slider de produs

Opțiunea Product Slider vă permite să prezentați o selecție a produselor dvs. North Commerce într-un glisor dinamic, interactiv. Această funcție este ideală pentru a vă face produsele mai vizibile și mai atractive pentru vizitatorii site-ului dvs.

Pentru a crea un glisor de produs, selectați Slider de produs din meniul drop-down câmpul Aspect :

Folosirea unui glisor pentru produse pe paginile cheie, cum ar fi pagina de pornire sau paginile de destinație, poate atrage în mod eficient atenția asupra produselor dvs. și poate încuraja utilizatorii să exploreze ofertele dvs., conducând în cele din urmă la un angajament și vânzări mai mari.

Verifică

Modulul North Commerce vă permite să încorporați procesul de plată direct în orice pagină sau postare. Această opțiune vă oferă flexibilitate în ceea ce privește modul și unde ghidați clienții prin procesul de vânzare. Afișând formularul de comandă North Commerce pe pagini personalizate, puteți simplifica procesul de cumpărare și puteți reduce frecarea clienților dvs.

Pentru a utiliza această funcție, pur și simplu selectați Checkout în câmpul Layout :

Acest lucru va afișa automat formularul de finalizare a achiziției, facilitând finalizarea achiziției clienților fără a fi nevoiți să navigheze în afara paginii curente.

Integrarea formularului de plată în locații strategice, cum ar fi paginile de destinație sau canalele de vânzare, poate îmbunătăți în mod semnificativ experiența utilizatorului și poate îmbunătăți ratele de conversie.

Cart

În cele din urmă, modulul North Commerce vă permite să afișați conținutul coșului utilizatorului. Această caracteristică este deosebit de utilă atunci când construiești pagini de vânzări și canale, deoarece le permite clienților să-și revizuiască cu ușurință selecțiile înainte de a verifica.

Pentru a utiliza această caracteristică, selectați Coș în câmpul Aspect . Veți vedea un afișaj similar cu exemplul de captură de ecran de mai jos:

Continuați să citiți pentru a afla cum să personalizați paginile implicite North Commerce Cart și Checkout pentru a se potrivi mai bine nevoilor dvs.

Pasul 4: Personalizați-vă aspectul

După ce ați selectat aspectul, puteți personaliza în continuare aspectul elementelor dvs. de comerț electronic.

În fereastra pop-up de setări, faceți clic pe fila Stil :

Aceste opțiuni vă permit să creați butoane care se potrivesc cu marca dvs. și îmbunătățiți designul general al site-ului dvs. de comerț electronic:

Stil buton

• Stil implicit : Setați aspectul butonului în starea sa normală.
• Stil de trecere cu mouse-ul : personalizați aspectul butonului când treceți cu mouse-ul deasupra.

Opțiuni de culoare

• Culoare text : Alegeți culoarea pentru textul butonului.
• Culoare pictogramă : setați culoarea pictogramei butonului.
• Culoare de fundal : Selectați culoarea de fundal a butonului.

Chenar pentru buton

• Stil chenar : personalizați chenarul butonului.
• Hover Border : stilați chenarul butonului pentru starea de hover.

Apoi, navigați la fila Avansat :

Ajustați marginile pentru spațiere, setați reguli de vizibilitate în funcție de tipul de dispozitiv și aplicați animații pentru experiențe dinamice ale utilizatorilor. De asemenea, puteți adăuga cod personalizat cu setări CSS și Javascript avansate. Aceste opțiuni vă oferă control deplin asupra afișajului conținutului și vă permit o adaptare precisă la nevoile dvs. de design.

Concluzie

Modulul North Commerce pentru Beaver Builder vă permite să creați un magazin online captivant și funcțional. Combinarea North Commerce cu Beaver Builder vă ajută să construiți un site atrăgător din punct de vedere vizual, care îmbunătățește experiența utilizatorului.