Cum să vă supraalimentați site-urile de comerț electronic Divi

Doriți să creați magazine de comerț electronic mai bune cu Divi și WooCommerce? Pachetul de comerț electronic Cyber ​​Monday este cheia pentru a crea magazine online uimitoare din punct de vedere vizual și de înaltă performanță. Această colecție de extensii Divi, teme pentru copii și șabloane este concepută pentru a vă simplifica fluxurile de lucru, pentru a îmbunătăți conversiile pe site și pentru a îmbunătăți experiențele de cumpărături ale clienților, toate oferind în același timp o valoare excepțională.

Acest pachet poate fi un adevărat kingmaker. Stăpânind instrumentele din interior, puteți obține tarife mai mari, puteți câștiga mai multe sume licitate și puteți oferi clienților personalizări și funcționalități care le deosebesc magazinele.

Ce este inclus în pachetul de comerț electronic Cyber ​​Monday

Pachetele Divi Marketplace sunt colecții selectate de extensii premium, teme pentru copii și machete din Divi Marketplace. Aceste pachete sunt concepute pentru a răspunde provocărilor specifice în construirea site-urilor web, combinând pluginuri bogate în funcționalități, elemente de design și teme secundare preconstruite într-un singur pachet cuprinzător.

Pachetul de comerț electronic de anul acesta nu face excepție – are o gamă grozavă de extensii premium la un preț excelent.

Articolele individuale din acest pachet însumează de obicei 582,99 USD , dar cu reducerea Cyber ​​Monday, le puteți lua pe toate pentru doar 174,90 USD . Aceasta înseamnă o economii masive de 408,09 USD (o reducere de 70%). Cu o investiție inițială atât de mică, puteți recupera cu ușurință costul îmbunătățindu-vă propriul site de comerț electronic sau oferind clienților mai multe construcții premium de site-uri WooCommerce.

Obțineți pachetul de comerț electronic

Produse din acest pachet

Deci la ce ne uităm?

16 produse grozave la prețul de 2! Economisiți 408,09 USD cu acest pachet și construiți site-uri Divi eCom de vis ca niciodată.

Obțineți pachetul de comerț electronic

Produsele pe care le vom folosi pentru a moderniza un site de comerț electronic

Voi folosi doar patru dintre cele 16 produse pentru a demonstra cum vă puteți transforma rapid magazinul cu aceste instrumente și extensii. Iată cu ce lucrăm:

Woo Expand

Woo Expand vă permite să creați grile dinamice de produse, carusele și filtre. Această extensie puternică vă permite să vă prezentați frumos produsele, asigurând o experiență de cumpărături perfectă.

Divi Hotspots Plus

Divi Hotspots Plus adaugă informații interactive la imagini pentru o mai bună implicare. Perfect pentru a crea experiențe vizuale care educă, informează sau direcționează vizitatorii. Excelent pentru a evidenția vizual beneficiile produsului.

Mini coș DiviSwift Ajax WooCommerce

DiviSwift Ajax WooCommerce Mini Cart creează experiențe de plată fără întreruperi cu mini cărucioare alimentate de AJAX. Acest instrument simplifică gestionarea coșului, menținând utilizatorii implicați și îmbunătățind ratele de conversie. Funcționează excelent și face cumpărăturile pe site-ul dvs. fără fricțiuni.

Pagina Contului meu Divi

Pagina Contului meu Divi vă ajută să construiți una dintre cele mai importante pagini ale oricărui site de comerț electronic. Cu acesta, puteți personaliza tablourile de bord ale contului pentru a reflecta marca dvs. și a implica clienții ca niciodată. Ceea ce altfel ar putea fi o vedere plictisitoare și urâtă se transformă rapid în ceva care funcționează pentru marca dvs.

Pas cu pas: construirea unui magazin de comerț electronic cu pachetul

Iată cât de ușor este să extragi valoare din aceste plugin-uri. Le voi încărca, le voi folosi rapid și le voi arăta diferența.

Pasul 1: Instalați extensiile

Odată achiziționat, accesați profilul dvs. de membru din fila Piață pentru a descărca pietrele prețioase nou achiziționate.

Colectați fișierele .zips pentru fiecare produs pe care doriți să îl încercați mai întâi. Pentru această explicație, voi folosi doar cele patru menționate mai sus

Conectați-vă la tabloul de bord WordPress, apoi navigați la Plugin-uri > Adăugați nou . Faceți clic pe butonul „ Încărcați pluginul ”, apoi trageți și plasați sau selectați unul dintre fișierele .zip.

Faceți clic pe „ Instalați acum ”, după instalarea pluginului, faceți clic pe „ Activați ”. Repetați acești pași pentru fișierele .zip rămase până când toate pluginurile dorite sunt activate.

Pasul 2: Proiectați pagini avansate de categorii de produse cu Woo Expand

Woo Expand aduce multe la masă, inclusiv 11 module noi pentru constructorul vizual al Divi. Aceste module suplimentare vă permit să creați pagini cu un singur produs, pagini cu categorii de produse, meniuri și carusele de produse ad-hoc.

Navigați la pagina în care doriți să vă prezentați produsele într-un carusel și deschideți Divi Builder. Apoi, inserați modulul „Woo Product Carousel” din Woo Expand în pagina dvs.

Adăugați detaliile produsului pe care doriți să le afișați (folosind Adăugare componentă nouă ) și apoi configurați bucla de interogare a caruselului sub setările modulului de afișat.

Exemplul nostru de mai jos folosește imagini prezentate, titluri și butoane de adăugare în coș. Odată ce aveți ceea ce vă place, personalizați setările pentru modulul și modulul copil pentru a vă adapta spația și efectele, adăugați încărcare leneșă și ajustați prezentarea imaginilor/textului.

Previzualizați pagina pentru a vă asigura că grila de produse sau caruselul dvs. este atrăgătoare și funcțională din punct de vedere vizual, apoi publicați. Iată cum a ajuns caruselul nostru cu câteva minute de muncă.

Woo Expand aduce mai multă putere în crearea de magazine online cu Divi + WooCommerce. Vă veți bucura să îl aveți împreună cu celelalte articole din acest pachet de comerț electronic.

Pasul 3: Adăugați imagini interactive ale produsului cu Divi Hotspots Plus

O imagine valorează adesea mai mult decât o mie de cuvinte, dar puteți indica unele dintre acele cuvinte cu această extensie. Deschideți pagina în care doriți să adăugați hotspot-uri interactive în Divi Builder. Introduceți modulul „ Hotspots ” și încărcați imaginea pe care doriți să o prezentați.

În cadrul modulului, veți adăuga elemente individuale pentru a adăuga fiecare hotspot unde doriți să apară sfaturi cu instrumente. Fiecare articol are setări pentru a muta hotspot-ul și pentru a-i configura stilul.

Adăugați mai multe hotspot-uri până când veți transmite ceea ce aveți nevoie pentru imaginea dvs.

Previzualizați pagina pentru a vă asigura că hotspot-urile apar așa cum sunt prevăzute, interacționează corect atunci când treceți cu mouse-ul sau dați clic și publicați. Iată cum arată al nostru pe front-end și am petrecut doar câteva minute creându-l.

Pasul 4: Îmbunătățiți funcționalitatea căruciorului cu DiviSwift AJAX Mini Cart

Ceea ce îmi place la funcționalitatea mini cărucior AJAX de la DiviSwifts este că necesită foarte puțină muncă. Pur și simplu adaugă funcționalitate pictogramei coș a modulului de meniu Divi. Mai întâi, navigați la Aspect > Personalizare > Divi Ajax Sidebar Cart (cunosc un alt nume) în tabloul de bord WordPress.

Mai jos sunt aproximativ o duzină de opțiuni simple pentru a personaliza aspectul pictogramei coș, totalul articolelor și/sau sumei în dolari și stilurile de mini coș. Testați coșul de meniu adăugând articole în coșul WooCommerce și asigurându-vă că actualizările apar dinamic.

Iată cum arată mini căruciorul nostru pe site-ul nostru cu aproximativ 1 minut de lucru. Este o mare diferență într-un timp atât de scurt.

În loc să deschidă pagina Coșul meu, coșul apare pe partea laterală a paginii. Aceasta este o interacțiune mult mai fluidă pe care clienții o pot avea cu magazinul dvs.

Pasul 5: Creați tablouri de bord personalizate cu pagina Contului meu Divi

Aceasta este o extensie destul de ingenioasă, așa că probabil că veți petrece ceva timp gândindu-vă cum să o utilizați cel mai bine, dar am elementele de bază pentru dvs.

WooCommerce vine cu propria infrastructură simplă Contul meu, care face treaba, dar lasă mult de dorit în ceea ce privește personalizarea. Pagina Contul meu Divi aduce infrastructura suplimentară necesară pentru a face aceste personalizări în configurația dvs. mai largă WooCommerce. WooCommerce vine cu aceste puncte finale preconfigurate:

• /Contul meu/
• /contul-meu/comenzi/
• /contul-meu/adresele/
• /contul-meu/tabloul de bord/
• /contul-meu/descărcări/
• /contul-meu/detaliile-cont/
• /contul-meu/modele-de-plata/

Cu toate acestea, dacă doriți să adăugați propriile puncte finale sau să le reconfigurați pe cele existente, veți fi retrogradat să utilizați cârlige PHP, coduri scurte Woo sau blocuri cu o temă bloc. Acum, primul lucru de înțeles este că Pagina Divi MyAccounts funcționează cu Creatorul de teme Divi pentru a crea o pagină personalizabilă „ Contul meu ”.

Folosind site-ul de pornire al magazinului online , aceasta este pagina implicită de comenzi WooCommerces.

Pagina standard de comenzi WooCommerce (/contul-meu/ comenzi /) cu unele stiluri de personalizare a temei Divi aplicate

Accesați pagina MyAccount a Divi din bara laterală a panoului de administrare. Sub fila „ Endpoints ”, veți vedea toate punctele finale implicite (totul din lista de mai sus, cu excepția /my-account/). Acestea apar ca link-uri din bara laterală în partea stângă a paginii Contul meu și determină ce conținut este încărcat pe aceeași pagină când se face clic pe un anumit punct final.

Este ușor să fii confuz cu privire la opțiunile pentru fiecare punct final, dar aici este totul pur și simplu. Aveți 7 opțiuni pentru fiecare punct final. Numerele de la 5 la 7 sunt cele cu adevărat importante pentru a afla cum funcționează această extensie împreună cu WooCommerce și Divi:

1. Activați punctul final : activează sau dezactivează punctul final. Dacă dezactivăm punctul final al comenzilor, atunci opțiunea de a face clic pe „Comenzi” din /contul-meu/ este eliminată.
2. Eticheta punctului final : acesta este numele punctului final, dar, mai important, acționează și ca slug. Așadar, o etichetă de punct final de „Tablou de bord personalizat” ar apărea ca /contul-meu/tabloul de bord personalizat/ în adresa URL a acesteia.
3. Selectați pictograma : selectați o pictogramă pe care să o asociați cu punctul final.
4. Roluri de utilizator : determină ce utilizatori pot interacționa cu acest punct final. Gândiți-vă la asta ca la o logică condiționată pentru cine o poate vedea, cum ar fi ascunderea filei Comenzi de către non-clienți.
5. Înainte de conținut : această opțiune vă permite să încărcați un șablon de bibliotecă Divi înainte de conținutul punctului final. Acest lucru este util pentru conținutul pe care doriți să îl afișați cu un singur punct final, dar nu pentru fiecare punct final al paginii Contul meu.
6. Activați conținutul punctului final : activează sau dezactivează inserarea automată a conținutului implicit pentru acel punct final. Dacă preferați, de exemplu, să adăugați detaliile comenzii la un articol Divi Library (pentru a-l putea stila mai mult printr-un modul nou adăugat), atunci îl puteți elimina aici, astfel încât să nu apară de două ori.
7. După conținut : această opțiune vă permite să încărcați un alt șablon de bibliotecă Divi după conținutul punctului final. Din nou, util pentru conținutul pe care doriți să îl afișați cu un singur punct final, dar nu pentru fiecare punct final al paginii Contul meu.

În linii mari, pentru a personaliza pagina Contul meu, va trebui să lucrați în trei domenii: 1) Aspecte bibliotecă Divi, 2) Setările paginii Divi MyAccount și 3) Creatorul de teme.

Exemplul nostru simplu arată astfel, cu un titlu adăugat doar la punctul final Comenzi. Modulele Divi MyAccount Page facilitează, de asemenea, stilarea meniului de navigare, a elementelor de meniu și a conținutului terminalului folosind setările de stil Divi familiare.

Puteți utiliza Pagina Contul meu Divi pentru a adăuga file personalizate pentru clienții VIP, pentru a prezenta bannere promoționale sau pentru a afișa mesaje personalizate pentru diferite roluri de utilizator fără a scrie o linie de cod. Alegeți ceea ce doriți să fie afișat pentru fiecare punct final și personalizați-l atașând șabloane de bibliotecă deasupra sau sub anumite puncte finale.

Dacă toate acestea vi s-au părut puțin prea complicate pentru mediul dvs. de dezvoltare web, v-aș recomanda cu căldură să verificați Tema Copilului Molti Ecommerce (inclusă și în acest pachet), deoarece are o pagină Contul meu preproiectată, care funcționează bine de la cutie. .

Obțineți pachetul de comerț electronic astăzi

Îți dorești cu adevărat instrumentele și machetele din acest pachet. Chiar dacă ai vrut doar jumătate din ea, acestea având o reducere de 70% la prețul obișnuit înseamnă economii mari.

Luați pachetul astăzi și nu vă uitați înapoi!

Obțineți pachetul de comerț electronic

Obțineți un premiu gratuit și avantaje bonus cu achiziția dvs

Când achiziționați un pachet în timpul reducerii Cyber ​​Monday, nu doar economisiți bani, ci deblocați beneficii și recompense incredibile. Fiecare achiziție de pachet vă califică pentru un premiu gratuit din fondul nostru de premii în valoare de peste 800.000 USD. Aceste premii includ produse premium Divi care vă pot îmbunătăți capacitățile de creare de site-uri web.

Clienții Cyber ​​Monday beneficiază, de asemenea, de acces exclusiv la reduceri ascunse din Divi Marketplace, oferindu-vă reduceri de până la 50% la anumite produse și pachete. Fiecare participant va debloca pachete gratuite de site-uri Divi, concepute pentru a vă ajuta să creați site-uri web frumoase și de înaltă performanță fără efort.

Nu există moment mai potrivit pentru a vă actualiza setul de instrumente și pentru a vă duce designul web la nivelul următor.

Obțineți pachetul de comerț electronic

Există mai multe oferte Cyber ​​Monday de explorat

Bucurați-vă de cele mai mari reduceri ale anului la Divi, Divi AI, Divi Cloud, Divi Teams, Divi VIP și Divi Marketplace. Profită de aceste oferte exclusive care sunt disponibile doar pentru o perioadă limitată!

• Obțineți Divi Pro cu o reducere de 73% — cea mai bună ofertă a noastră Cyber ​​Monday! Cu Divi Pro, bucurați-vă de reduceri suplimentare la toate serviciile, plus suita completă Divi: Divi, Divi Dash, Divi AI, Divi Cloud, Divi VIP, Divi Teams și un credit Divi Marketplace de 50 USD. Cumpărați un abonament pe viață pentru acces continuu la crearea site-ului web, inclusiv actualizări viitoare precum Divi 5.
• Reîmpachetați-vă abonamentele pentru până la 73% reducere — Membrii existenți pot economisi mult reambalându-și abonamentele cu noul pachet Divi Pro sau cu orice pachet personalizat. Plătiți mai puțin, obțineți mai multe funcții și îmbunătățiți setul de instrumente.
• Obțineți Divi AI cu o reducere de 68% — Divi AI este asistentul dvs. personal AI pentru crearea site-urilor web. Poate genera conținut, cod personalizat, imagini și multe altele în câteva secunde, integrat direct în Divi pentru crearea de site-uri web fără efort.
• Obțineți Divi Cloud cu o reducere de 44% — Divi Cloud este ca Dropbox pentru Divi. Salvați articole din biblioteca dvs. Divi și accesați-le instantaneu în toate proiectele dvs.
• Obțineți Divi Teams la 44% reducere — Divi Teams permite colaborarea perfectă cu colegii de echipă și clienții, oferind acces partajat la Divi cu roluri și permisiuni gestionate.
• Obțineți Divi VIP pentru 44% reducere — Divi VIP oferă asistență premium 24/7, cu timpi de răspuns de 30 de minute și 10% reducere în Marketplace, pe lângă prețurile de vânzare.
• Abonamentele Divi au o reducere de 25% — Cumpărați sau reînnoiți abonamentele Divi la o reducere mare. Faceți upgrade la Divi Lifetime pentru a asigura Divi, Divi Dash și viitorul Divi 5 pe viață. Divi Pro Lifetime este disponibil la o reducere de 76%, ceea ce vă oferă cea mai mare valoare la cea mai mare reducere din întreaga reducere.
• Economisiți 70% la pachetele exclusive Divi Marketplace — Obțineți o valoare incredibilă la pachetele Divi Marketplace la o fracțiune din cost. Aceste pachete sunt perfecte pentru a vă stimula proiectele cu instrumente premium!