Выбар правільнага канструктара вэб-сайтаў: параўнанне Elementor і Divi

in параўнання, будаўнікі сайта

Наш кантэнт падтрымліваецца чытачамі. Калі вы націснеце на нашы спасылкі, мы можам зарабіць камісію. Як мы разглядаем.

Elementor і Divi - два найбольш папулярныя WordPress канструктары старонак, але які з іх выбраць? Яны абодва выдатныя, але ў іх розныя моцныя і слабыя бакі. У гэтым паведамленні ў блогу мы разбяром два канструктара старонак побач, каб вы маглі вырашыць, які з іх падыходзіць менавіта вам. Мы разгледзім усё: ад прастаты выкарыстання да функцый і коштаў, каб дапамагчы вам вырашыць, які канструктар старонак абраць.

Асаблівасціфакірдзіва
elementor супраць dividivi супраць elementor
Elementor і Divi з'яўляюцца найбольш папулярнымі WordPress канструктары старонак, якія працуюць на мільёнах сайтаў. Elementor - гэта убудова канструктара старонак для Wordpress. Divi адначасова з'яўляецца а WordPress тэма і а WordPress убудова. Абодва з'яўляюцца візуальнымі канструктарамі старонак з функцыяй перацягвання і падзення, якія дазваляюць карыстальнікам ствараць прыгожыя вэб-сайты без неабходнасці ведаць бэкэнд-код.
вэб-сайтwww.elementor.comwww.elegantthemes.com
цанаБясплатная версія. Pro версія $59/год у год для аднаго сайта (або $399/год у год для 1000 вэб-сайтаў)89 долараў у год за неабмежаваную колькасць сайтаў (або 249 долараў за пажыццёвы доступ)
Прастата ў выкарыстанні⭐⭐⭐⭐⭐ 🥇⭐⭐⭐⭐⭐ 🥇
Візуальны канструктар старонак з перацягваннем⭐⭐⭐⭐⭐ 🥇⭐⭐⭐⭐⭐ 🥇
Папярэдне зробленыя шаблоны200+ шаблонаў сайтаў. 50+ WordPress Блокі1500+ пакетаў шаблонаў. 200+ пакетаў макетаў
Наладзьце верхнія і ніжнія калонтытулы, асобныя паведамленні і старонкі архівадыды
Супольнасць і падтрымкаМоцнае супольнасць карыстальнікаў і распрацоўшчыкаў ElementorPro. Актыўная група ў Facebook. Падтрымка па электроннай пошце.Моцная супольнасць карыстальнікаў і распрацоўшчыкаў Divi. Актыўная група ў Facebook. Жывы чат і падтрымка па электроннай пошце.
Падтрымка тэмыПрацуе з любой тэмай (лепш за ўсё з пачатковай тэмай Elementor Hello)Пастаўляецца ў камплекце з тэмай Divi, але працуе з любой тэмай
Асаблівасці, якія нам падабаюццаУбудаваныя карыстальніцкія ўсплывальныя вокны, страта старонніх адонаў і інтэграцыйУбудаванае тэставанне A/B і ўмоўная логіка на формах. Divi - гэта і убудова, і тэма
вэб-сайтфакірдзіва

Ключавыя Takeaways:

Асноўнае адрозненне паміж Elementor і Divi - кошт. Elementor мае бясплатную версію, а Pro - ад 59 долараў у год за 1 сайт. Divi каштуе 89 долараў у год (або 249 долараў за пажыццёвы доступ) для неабмежаванай колькасці вэб-сайтаў.

Divi танней, але мае больш крутую крывую навучання і цяжэй авалодаць. З іншага боку, Elementor значна прасцей у вывучэнні, выкарыстанні і авалоданні, але ён каштуе даражэй.

Elementor лепш за ўсё падыходзіць для пачаткоўцаў і новых карыстальнікаў, у той час як Divi з'яўляецца пераважным выбарам для вопытных карыстальнікаў і інтэрнэт-маркетолагаў.

Вы можаце стварыць цалкам новы вэб-сайт з нуля, выкарыстоўваючы любы з гэтых двух варыянтаў. І адгадайце, што? Вам не трэба мець выдатныя навыкі распрацоўкі вэб-сайтаў (або Любы калі вы выкарыстоўваеце Elementor, калі на тое пайшло) або шматгадовы вопыт у WordPress выкарыстоўваць іх. 

Нягледзячы на ​​тое, што абодва дапаўненні маюць падобныя функцыі, ёсць некалькі адрозненняў, якія вам трэба ўлічваць, перш чым спыніцца на адным. 

Каб дапамагчы вам выбраць той, які адпавядае патрэбам вашага сайта, мы параўналі іх шаблоны дызайну, асноўныя функцыі, планы падпіскі і падтрымку кліентаў.

TL;DR: Elementor - лепшы выбар для пачаткоўцаў і карыстальнікаў, якім патрэбны больш гнуткі і даступны канструктар старонак. Divi - лепшы выбар для вопытных карыстальнікаў, якім патрэбны больш прасунутыя функцыі і згуртаваны дызайн. 

У гэтым артыкуле мы вылучым іх падабенства і адрозненні з пункту гледжання шаблонаў дызайну, планаў падпіскі, ключавых функцый і падтрымкі кліентаў, каб дапамагчы вам выбраць лепшы варыянт для вашага WordPress-працаваны вэб-сайт.

Reddit гэта выдатнае месца, каб даведацца больш пра Divi і Elementor. Вось некалькі паведамленняў на Reddit, якія, я думаю, будуць вам цікавыя. Праверце іх і далучайцеся да абмеркавання!

Рэзюмэ: які з гэтых двух плагінаў канструктара старонак лепш падыходзіць для вэб-дызайну і пачаткоўцаў, Elementor супраць Divi?

  • Elementor - лепшы выбар для тых, хто не мае вопыту вэб-дызайну або WordPress. Для выкарыстання плагіна Elementor вам не патрэбныя веды ў галіне кадавання або дызайну UX/UI. 
  • Divi - выдатны варыянт для вэб-дызайнераў або аматараў вэб-дызайну, якія маюць папярэдні вопыт WordPress і вэб-дызайну і мець хаця б базавыя веды кадавання.

Калі ў вас няма часу чытаць гэты агляд Elementor супраць Divi, паглядзіце гэта кароткае відэа, якое я сабраў для вас:

Што такое Elementor і як ён працуе?

Здымак экрана хатняй старонкі Elementor

Elementor, заснаваны ў 2016 годзе ў Ізраілі, з'яўляецца адаптыўным і зручным канструктарам старонак, створаным для WordPress. Да гэтага часу больш за 5 мільёнаў вэб-сайтаў былі створаны з дапамогай гэтага першакласнага плагіна! 

Elementor прапануе мноства карысных функцый, якія даволі простыя ў вывучэнні, што робіць яго ідэальным рашэннем як для пачаткоўцаў у вэб-дызайне, так і для прафесійных дызайнераў. 

З дапамогай Elementor вы можаце ствараць крамы электроннай камерцыі, мэтавыя старонкі і цэлыя вэб-сайты з нуля. Паколькі ў яго так шмат функцый, няма неабходнасці ўсталёўваць дадатковыя WordPress убудовы - вы наладжваеце кожную дэталь вашага сайта. 

Яшчэ адна выдатная рэч гэтага плагіна - гэта тое, што вы можаце выкарыстоўваць яго для змены вашага ўжо існуючага сайта, што даволі зручна. Усё, што вам трэба зрабіць, гэта загрузіць убудова, актываваць яго на вашым WordPress уліковы запіс, перайдзіце да старонак, дадайце зусім новую старонку, і вось - вы можаце пачаць рэдагаванне! 

Некаторыя з асноўных функцый Elementor: 

  • Стварыце любую старонку, якую толькі можаце сабе ўявіць, з дапамогай магутных функцый рэдагавання
  • Што заўгодна са старонак прадуктаў, пра нас, формаў, 404 і г.д.
  • Рэдагуйце нашы гатовыя шаблоны старонак, усплывальныя вокны, блокі і многае іншае
  • Стварыце ўласныя верхнія і ніжнія калонтытулы для любой часткі вашага сайта
  • Візуальна рэдагуйце верхнія і ніжнія калонтытулы без кадавання
  • Заўсёды зручны для мабільных прылад і цалкам наладжвальны
  • Папярэдне распрацаваныя шаблоны - адаптыўныя з самага пачатку
  • Ідэальна выглядае на кожным экране да 7 прылад
  • Бібліятэка шаблонаў тэм з больш чым 300 гатовымі дызайнамі, вэб-сайтамі, усплываючымі вокнамі, фіксаванай бакавой панэллю і блокамі 
  • Інструмент для стварэння ўсплывальных вокнаў Elementor з пашыранымі наладамі 
  • Free WordPress Прывітанне тэма (гэта адзін з самы хуткі WordPress Тэмы на рынку)

У дадатак да плагіна Elementor таксама прапануе WordPress Хостынг, які працуе на 100%. Google Воблачная серверная інфраструктура. 

Пры гэтым WordPress План хостынгу, вы атрымаеце: 

  • Цалкам кіраваны хостынг для вашага WordPress вэб-сайт 
  • Elementor Pro 
  • Тэма Elementor 
  • Служба падтрымкі 

У дадатак да WordPress убудова канструктара старонак, Elementor таксама прапануе кіраваны хостынг для WordPress і Статычны WordPress вэб-сайты. 

Што такое Divi і як гэта працуе?

Здымак экрана хатняй старонкі Elegant Themes (Elegant Themes з'яўляецца ўладальнікам Divi)

Divi, заснаваны ў 2008 годзе ў Сан-Францыска, уяўляе сабой убудову для канструктара старонак на базе Elegant Themes. Divi - выдатнае рашэнне для агенцтваў, якія спецыялізуюцца на вэб-дызайне, вэб-дызайнераў-фрылансераў, малых прадпрыемстваў і стартапаў, а таксама для ўладальнікаў крам электроннай камерцыі. 

Divi - гэта сумесь а WordPress тэма і бэкэнд-канструктар старонак. З дапамогай бэкэнд-рэдактара Divi вы можаце стварыць свой вэб-сайт WordPress без выкарыстання класічнага паведамлення па змаўчанні WordPress рэдактар. 

Асноўныя функцыі Divi ўключаюць:

  • Перацягнуць і падзенне будынка
  • Сапраўднае візуальнае рэдагаванне
  • Карыстацкі кантроль CSS
  • Адаптыўнае рэдагаванне
  • Убудаванае рэдагаванне тэксту
  • Захоўвайце і кіруйце сваімі дызайнамі
  • Глабальныя элементы і стылі
  • Адмена, паўтарэнне і змены

План Divi Pro пастаўляецца з:

  • Divi AI - неабмежаваная генерацыя тэксту, малюнкаў і кода
  • Divi Cloud – неабмежаванае воблачнае сховішча
  • Divi VIP – кругласутачная прэміум-падтрымка (і вы атрымліваеце зніжку 24% на Divi Marketplace)

Паколькі Divi з'яўляецца бэкэнд-канструктарам старонак, вам спатрэбяцца хаця б некаторыя веды кадавання, каб наладзіць элементы і кампаненты ў вашым дызайне. Акрамя таго, замест таго, каб ствараць тэму з нуля, вы можаце прымяніць тэму Divi, каб зрабіць сваю WordPress вэб-сайт. 

Divi вядомы тым, што мае велізарную бібліятэку з больш за 200 пакетаў вэб-сайтаў і 2000 макетаў старонак, і ён пастаўляецца з некаторымі іншымі WordPress убудовы. У Divi ёсць уражлівы рэдактар ​​змесціва перацягвання і падзення, які можна выкарыстоўваць для рэдагавання і наладжвання кожнага аспекту вашага сайта. 

Больш за тое, у яго ёсць функцыя пад назвай Дзіві вядзе, які дазваляе вам аптымізаваць кантэнт вашага вэб-сайта і аналізаваць вынікі шляхам правядзення тэстаў A/B. Калі вы хочаце даведацца больш аб тым, што можа прапанаваць Divi, вы можаце праглядзець яго кірмашовая плошча і азнаёмцеся з усімі пашырэннямі Divi, бясплатнымі шаблонамі макетаў, тэмамі і г.д. 

Планы і цэны

Цэнавыя планы Elementor

Elementor прапануе a цалкам бясплатная версія, якой вы можаце карыстацца неабмежаваны час на некалькіх вэб-сайтах і стварыць столькі ж WordPress старонкі, якія вы хочаце, ці нават цэлы вэб-сайт з нуля. Аднак, як можна здагадацца, бясплатная версія не прапануе тых жа паслуг або функцый, што і версія Elementor Pro. 

З бясплатнай версіяй вы атрымаеце: 

  • Рэдактар ​​без кадавання
  • Цалкам адказнае мабільнае ўбудаванае рэдагаванне 
  • Канструктар для стварэння мэтавых старонак
  • Шаблон мэтавай старонкі палатна 
  • Тэма «Прывітанне» 

Калі вы адзіночны ўладальнік вэб-сайта, які не хоча ствараць інтэрактыўны вэб-сайт, які будзе штодня мець высокі трафік, вы можаце выкарыстоўваць бясплатную версію. 

Аднак вы не атрымаеце ніякіх абнаўленняў Pro з бясплатнай версіяй, і калі вы затрымаецеся падчас працы над вэб-дызайнам, вы не атрымаеце выдатную падтрымку кліентаў ад каманды Elementor. Жывы чат даступны толькі для карыстальнікаў Elementor Pro

Калі ў вас ёсць вэб-сайт, які мае шмат штодзённага трафіку і патрабуе рэгулярнага абнаўлення, лепш перастрахавацца і выбраць версію Pro. У дадатак да бясплатных функцый, гэта некаторыя функцыі, якія прапануе Elementor Pro: 

  • Цалкам кіраваны WordPress хостынг у Воблака Elementor (пакет хостынгу + плагіна)
  • Бяспечны CDN на базе Cloudflare 
  • Сертыфікацыя SSL 
  • Пастановачнае асяроддзе 
  • Першакласная падтрымка кліентаў 
  • Падключэнне ўласнага дамена
  • Аўтэнтыфікацыя дамена электроннай пошты
  • Аўтаматычнае рэзервовае капіраванне па патрабаванні
  • Дынамічны кантэнт, напрыклад інтэграцыя карыстальніцкіх палёў і больш за 20 дынамічных віджэтаў 
  • Асаблівасці электроннай камерцыі 
  • Формы
  • Такія інтэграцыі, як MailChimp, рекапчи, Zapier, і многае іншае 

Калі вы хочаце даведацца больш пра ўсе асноўныя адрозненні паміж бясплатнай версіяй Elementor і Elementor pro, вам можа спадабацца прачытаць гэты параўнальны артыкул ад Elementor.

Планы Elementor Pro

цэны elementor pro

Зараз даступныя чатыры планы Elementor Pro: 

  • Абавязкова: 59 долараў у год. Адзін сайт 
  • Пашыраны: 99 долараў у год. Тры сайты 
  • Эксперт: 199 долараў у год. 25 сайтаў 
  • Агенцтва: 399 долараў у год. 1000 сайтаў 

Вось некаторыя з асноўных функцый і паслуг, якія прапануюць усе планы Elementor Pro: 

  • Канструктар перацягвання, зручны для пачаткоўцаў
  • Больш за 100 прафесійных і базавых віджэтаў 
  • Больш за 300 шаблонаў тэм Pro & Basic 
  • Канструктар крам з убудовай для электроннай камерцыі WooCommerce
  • WordPress канструктар тэм 
  • Першакласная падтрымка кліентаў, уключаючы жывы чат 
  • Усплывальнае акно, мэтавая старонка і канструктар форм 
  • Інструменты маркетынгу 

Перш чым зрабіць канчатковы выбар, трэба ўлічваць адно, што планы Elementor Pro ёсць не так даступна як планы, прапанаваныя Divi. 

Вы можаце стварыць толькі адзін вэб-сайт з планам Elementor Pro Essential, які каштуе 59 долараў у год. З Divi вы можаце ствараць неабмежаваную колькасць WordPress старонкі і вэб-сайты за 89 долараў у год. 

Нават калі гадавы план, прапанаваны Divi, можа здацца больш даступным для большасці з вас, вы можаце зрабіць вялікую памылку, калі вы пачатковец у вэб-дызайне і пагадзіцеся на яго.

Наведайце Elementor зараз (азнаёмцеся з усімі функцыямі + жывыя дэманстрацыі)

Заключэнне плана цэнаўтварэння Elementor

Самы просты варыянт для пачаткоўцаў - пачаць свой WordPress падарожжа па стварэнні вэб-сайтаў з бясплатнай версіяй Elementor. 

Тым не менш, з-за таго, што Elementor прапануе бясплатную версію, зусім пачаткоўцы ў стварэнні Інтэрнэту або старонак могуць захапіцца яго зручным дызайнам і вывучыць яго інтэрфейс на памяць. 

Пасля гэтага яны могуць выбраць версіі Elementor Pro, таму што пераход на выкарыстанне іншага плагіна можа заняць даволі шмат часу, нават калі ён больш даступны. 

Цэнавыя планы Divi

цэны на дзіві

ElegantThemes прапануе два планы цэнаўтварэння: 

дзіва (Тэма і канструктар Divi, 300+ пакетаў вэб-сайтаў)

  • Гадавы доступ: $89/год — неабмежаваная колькасць вэб-сайтаў на працягу аднаго года. 
  • Пажыццёвы доступ: аднаразовая купля за 249 долараў — неабмежаваная колькасць вэб-сайтаў назаўжды. 

Divi Pro (Тэма і канструктар Divi, больш за 300 пакетаў вэб-сайтаў, неабмежаваная генерацыя тэксту, малюнкаў і кода Divi AI, неабмежаванае сховішча Divi Cloud, кругласутачная прэміум-падтрымка Divi VIP)

  • Гадавы доступ: $287/год — неабмежаваная колькасць вэб-сайтаў на працягу аднаго года.
  • Пажыццёвы доступ: аднаразовая купля за 365 долараў — неабмежаваная колькасць вэб-сайтаў назаўжды.

У адрозненне ад Elementor, Divi не прапануе неабмежаваную бясплатную версію. Тым не менш, вы можаце праверыць бясплатная дэма-версія builder і азнаёмцеся з асаблівасцямі Divi, перш чым плаціць за адзін з яго планаў. 

Цэнавыя планы Divi ВЕЛЬМІ даступныя. За аднаразовы плацёж 249 долараў, вы можаце выкарыстоўваць убудову колькі заўгодна і ствараць колькі заўгодна вэб-сайтаў і старонак. 

Наведайце Divi зараз (азнаёмцеся з усімі функцыямі + жывыя дэманстрацыі)

Больш за тое, вы можаце выкарыстоўваць убудову для 30 дзён і папрасіце вярнуць грошы калі вы не лічыце, што гэта вам падыходзіць. Паколькі існуе гарантыя вяртання грошай, вам не трэба турбавацца, вернуць вам грошы ці не. Успрымайце гэты варыянт як бясплатны пробны перыяд. 

Вы атрымліваеце аднолькавыя функцыі і паслугі з любым цэнавым планам — адзіная розніца ў тым, што з планам пажыццёвага доступу вы можаце выкарыстоўваць Divi на працягу ўсяго жыцця, як вынікае з назвы. 

Давайце паглядзім асноўныя функцыі і паслугі, якія прапануе Divi:

  • Доступ да чатырох убудоў: Манарх, красаванне, і экстра 
  • Больш за 2000 пакетаў макетаў 
  • Абнаўленні прадуктаў 
  • Першакласная падтрымка кліентаў 
  • Карыстанне сайтам без абмежаванняў 
  • Глабальныя стылі і элементы 
  • Спагадны рэдактар 
  • Прыстасаваныя CSS 
  • Больш за 200 элементаў сайта Divi 
  • Больш за 250 шаблонаў Divi 
  • Пашыраныя налады фрагментаў кода 
  • Кантроль і налады канструктара 

З абодвума цэнавымі планамі, прапанаванымі Divi, вы можаце выкарыстоўваць абодва плагіны для стварэння старонак і тэма Divi для неабмежаванай колькасці вэб-сайтаў. 

Заключэнне плана цэнаўтварэння Divi

Калі ў вас ёсць папярэднія веды ў кадзіраванні, асабліва шорткоды, або вы матываваны пачатковец, які толькі ўваходзіць у свет вэб-дызайну, вы, несумненна, павінны выбраць Divi.

Заключэнне плана цэнаўтварэння Divi

Давайце будзем шчырымі. Divi прапануе выдатныя магчымасці па вельмі даступнай цане, і самае лепшае ў гэтым вы можаце выкарыстоўваць іх неабмежавана WordPressвэб-сайты

Аднак, калі вам не хочацца вучыцца праграмаваць, вы не зможаце асвоіць Divi або правільна выкарыстоўваць убудову, і вам варта прытрымлівацца Elementor як больш даступнага варыянту для пачаткоўцаў у вэб-дызайне.

Шаблоны і дызайны

Абодва WordPress канструктары старонак маюць значную перавагу ў прадастаўленні шырокіх бібліятэк шаблонаў, якія дазваляюць карыстальнікам пачынаць распрацоўку, не пачынаючы з нуля.

З дапамогай усяго некалькіх пстрычак мышы вы можаце імпартаваць шаблон па вашаму выбару, змяніць яго ў адпаведнасці са сваімі патрэбамі і ў самыя кароткія тэрміны стварыць і запусціць прафесійна распрацаваны вэб-сайт.

Хаця абодва канструктары старонак прапануюць значную колькасць шаблонаў, элементы тэмы Divi вылучаюцца з пункту гледжання колькасці і арганізацыі шаблонаў.

Наведайце Elementor зараз (азнаёмцеся з усімі функцыямі + жывыя дэманстрацыі)

факір шаблоны

Што тычыцца стварэння вэб-сайтаў з дапамогай Elementor, у вас ёсць доступ да мноства шаблонаў розных тыпаў. Ёсць два асноўныя тыпы шаблонаў:

  • старонкі: Гэтыя шаблоны ахопліваюць усю старонку, і карыстальнікі канструктара тэм Elementor могуць выбіраць з больш чым 200 шаблонаў.
  • Блокі: Гэта шаблоны раздзелаў, якія вы можаце змешваць і спалучаць, каб стварыць поўную старонку.

Бібліятэка шаблонаў Elementor таксама змяшчае наборы шаблонаў, якія ўяўляюць сабой загадзя распрацаваныя шаблоны, арыентаваныя на стварэнне поўнага вэб-сайта, падобнага на Divi. 

У Elementor ёсць больш за 100 адаптыўных набораў вэб-сайтаў, з якіх вы можаце выбраць, і яны выпускаюць новыя наборы кожны месяц.

Вось дэманстрацыя гатовых шаблонаў, якія можна выкарыстоўваць, каб пачаць свой вэб-сайт з Elementor.

Акрамя гэтых варыянтаў шаблонаў, Elementor таксама прапануе шаблоны для стварэння ўсплывальных вокнаў і тэм. Вы нават можаце захаваць свае ўласныя шаблоны для выкарыстання ў будучыні.

Divi шаблоны

Divi пастаўляецца з больш чым 300+ пакетамі вэб-сайтаў і 2,000+ загадзя распрацаваных пакетаў макетаў. Пакет макетаў - гэта ў асноўным тэматычная калекцыя шаблонаў, усе пабудаваныя вакол пэўнага дызайну, нішы або галіны.

Наведайце Divi зараз (азнаёмцеся з усімі функцыямі + жывыя дэманстрацыі)

Вось дэманстрацыя гатовых шаблонаў, якія можна выкарыстоўваць, каб пачаць свой вэб-сайт з Divi.

Напрыклад, вы можаце выкарыстоўваць адзін «пакет макетаў» канструктара старонак Divi для сваёй галоўнай старонкі, іншы для старонкі з інфармацыяй і гэтак далей.

Карыстацкі інтэрфейс

Абодва канструктары старонак візуальныя перацягнуць WordPress інструменты для стварэння сайта (з дапамогай рэдагавання «Што бачыш, тое і атрымліваеш» або WYSIWYG), што азначае, што вы проста націскаеце на патрэбны элемент, затым перацягваеце яго ў патрэбнае месца на вашай вэб-старонцы і кідаеце на месца. Гэта так проста.

Візуальны рэдактар ​​Elementor

Відэа, якое паказвае, як працуе візуальны рэдактар ​​сайта Elementor

З Інтэрфейс Elementor, вашы элементы, па большай частцы, прадстаўлены ў левай калонцы, што дае вам макет, які выглядае пустым палатном. Затым вы выбіраеце патрэбны элемент і размяшчаеце яго так, як вы хочаце, каб ён адлюстроўваўся на вашай старонцы.

Як і ў выпадку дзіва, вы таксама можаце выбраць дадатковыя элементы для дадання з дадатковых модуляў, уключаных у ваш пакет, Basic або Pro (версія Pro дае вам значна больш элементаў на выбар).

Візуальны рэдактар ​​Divi

Відэа, якое паказвае, як працуе візуальны рэдактар ​​сайта Divi

дзіва яго элементы адлюстроўваюцца прама на самой макеце старонкі.

У асноўным вы выбіраеце патрэбны элемент і перастаўляеце яго ў парадку, у якім вы хочаце, каб ён з'явіўся на старонцы.

Вы нават можаце дадаць элементы з дадатковых модуляў, якія ўваходзяць у пакет.

Модулі кантэнту і дызайну, элементы і віджэты

Абодва канструктары старонак прадастаўляюць вам дадатковыя модулі, якія вы можаце выкарыстоўваць для паляпшэння выгляду вашых вэб-старонак і дадання дадатковых функцый вашаму вэб-сайту.

Элементы, модулі і віджэты Elementor

Elementor пастаўляецца з велізарным выбарам модуляў, элементаў і віджэтаў для дызайну, макета, маркетынгу і электроннай камерцыі, прызначаных для задавальнення любых вашых патрэбаў у стварэнні вэб-сайтаў.

Віджэты elementor pro

Унутраны раздзел

Загаловак

малюнак

тэкставы рэдактар

Відэа

Кнопка

дзельнік

Значок

Image Box

Скрынка значкоў

Image Carousel

хадзіць

Tabs

Акардэон

Перамыкаць

Прагрэс-бар

Гукавое воблака

скарочаны

HTML

Апавяшчэнне

Sidebar

Шлях тэксту

Tracker прагрэсу

Гузік у палоску 

Спецыяльныя дадаць у кошык

паведамленне Загаловак

пасля Урывак

паведамленне Змест

папулярныя малюнкі

Аўтар скрынкі

Паведамленне каментарыяў

Паведамленне навігацыі

Інфармацыя пра паведамленне

лагатып сайта

Назва сайта

Назва старонкі

Пяцельная сетка

Назва прадукту

выявы прадуктаў

Прадукт Кошт

Дадаць у кошык

Рэйтынг прадукту

Запас прадукту

Прадукт Мета

Змест прадукту

Кароткае апісанне

Укладкі дадзеных пра прадукт

Звязаны з прадуктам

Перадавыя

прадукты

катэгорыі прадуктаў

Старонкі WooCommerce

Старонкі архіваў

Меню кошыка

Кошык

кантроль

Мой рахунак

купля Рэзюмэ

Апавяшчэнні WooCommerce

Дапаўненні ад іншых распрацоўшчыкаў

Стварыце ўласныя віджэты

Элементы, модулі і віджэты Divi

ElegantThemes Divi пастаўляецца з сотнямі элементаў дызайну і кантэнту, якія вы можаце выкарыстоўваць для стварэння практычна любога тыпу вэб-сайта (або паўторна выкарыстоўваць для іншых сайтаў у Воблака Дзіві).

элементы кантэнту divi

Акардэон

аўдыё

барная стойка

Блог

рэклама

Кнопка

Заклік да дзеяння

Лічыльнік кругоў

код

каментары

Звязацца з намі

Таймер зваротнага адліку

дзельнік

Далучэнне да электроннай пошты

Партфель, які можна адфільтраваць

Галерэя

Герой

Значок

малюнак

увайсці Форма

карта

меню

Лічыльнік лікаў

Чалавек

Партфолiё

Партфельная карусель

Паведамленне навігацыі

паведамленне Slider

паведамленне Загаловак

Цэны Табліцы

пошук

Sidebar

паўзунок

Сацыяльны Follow

Tabs

сведкавыя

Тэкст

Перамыкаць

Відэа

Відэа слайдэр

3d малюнак

Пашыраны дзельнік

Апавяшчэнне

Выява да і пасля

Гадзіны працы

Формы Кальдэра

карта

Кантактны фармуляр 7

Падвойная кнопка

Ўстаўляць Google Карты

Facebook Каментарыі

facebook паток

перакідная скрынка

Градыентны тэкст

Скрынка значкоў

Спіс значкоў

Малюнак Акардэон

Image Carousel

Інфармацыйная скрынка

Карусель з лагатыпам

Сетка лагатыпа

Лоці анімацыя

News Ticker

Нумар

Паведамленне Карусель

Прайс-ліст

водгукі

Формы

Планкі навыкаў

Вышэйшае меню

каманда

Тэкставыя значкі

Раздзяляльнік тэксту

Выкладчык LMS

Twitter Carousel

Храналогія Twitter

Эфект набору тэксту

Усплывальнае акно відэа

Слайдэр 3d Cube

Пашыраная рэклама

Прасунуты чалавек

Пашыраныя ўкладкі

Фільтр Ajax

Пошук Ajax

Дыяграма плошчаў

Паветраны шар

Гістаграма

Відарыс у форме кроплі

Заблакаваць відарыс

Слайдэр блога

Храналогія блога

Паніровачныя сухары

кантроль

Эфект круглай выявы

Слупковая дыяграма

Звязацца з Pro

Карусель кантэнту

Пераключэнне змесціва

Табліца дадзеных

Колькавая дыяграма

Двайны загаловак

Эластычная галерэя

Каляндар падзей

Пашырэнне CTA

Убудаваць у Facebook

facebook Як

facebook паведамленне

Відэа на Facebook

Мудрагелісты тэкст

Часта задаваныя пытанні

Схема старонкі FAQ

Спіс функцый

Тыпы паведамленняў, якія можна фільтраваць

Плывучыя элементы

Выявы, якія плаваюць

Плаваюць меню

Стайлер формы

Поўнастаронкавы паўзунок

Датчык дыяграмы

Глюк Тэкст

гравітацыйныя формы

Сеткавая сістэма

Hover Box

Схема інструкцый

Раздзяляльнік значкоў

Выява кропка доступу

Выява пры навядзенні курсора

Эфект значка выявы

Лупа

Маска выявы

Вітрына малюнкаў

Адкрыццё тэксту выявы

Інфармацыйнае кола

Карусель Instagram

Instagram паток

Выпраўленая галерэя малюнкаў

Дыяграма лініі

Тэкст маскі

Матэрыяльная форма

Медыяменю

Мега эфект выявы

Мінімальны эфект выявы

абазначэнне

Галерэя малюнкаў Packery

панорама

Пірог Чар

Палярная карта

Нечакана Паўстаць

Сетка партфоліо

Табліца тыпаў паведамленняў

Кошт паслуг

Прадукт Акардэон

Карусель прадукту

Катэгорыя прадукту Акардэон

Катэгорыя прадукту Карусель

Сетка катэгорый прадукту

Катэгорыя прадукту Мур

Фільтр прадукту

Сетка прадукту

Прома-скрынка

Радарная дыяграма

Радыяльная дыяграма

Індыкатар прагрэсу чытання

стужка

Выява пракруткі

Ператасаваць літары

Сацыяльныя сеткі

Рэйтынг зоркі

Крок патоку

SVG аніматар

табліца

Змест

TablePress Styler

Стваральнік укладак

Накладка члена каманды

Картка каманды

Каманда слайдэр

Каманда Сацыяльнае выяўленне

Сетка водгукаў

Водгук паўзунок

Каляровы рух тэксту

Вылучэнне тэксту

Вылучэнне тэксту пры навядзенні курсора

Тэкст на шляху

Паварот тэксту

Рух абводкі тэксту

Пліткавы скрутак

Нахіленая выява

Timeline

Таймер Pro

Праўнік Twitter

Вертыкальныя ўкладкі

WP Формы

Прыклады сайтаў

Elementor Pro і ElegantThemes Divi выкарыстоўваюцца тысячамі вядомых сайтаў у Інтэрнэце, і вось некалькі прыкладаў рэальных вэб-сайтаў, якія выкарыстоўваюць Divi і Elementor.

Каб атрымаць больш жывых прыкладаў вэб-сайтаў, ідзі сюды і тут.

Асноўныя адрозненні

Асноўныя адрозненні паміж Elementor і Divi заключаюцца ў розныя цэнавыя планы і той факт, што Elementor значна прасцей у выкарыстанні, чым Divi. 

Праверце табліцу Divi супраць Elementor ніжэй, каб даведацца больш пра асноўныя адрозненні паміж абодвума плагінамі канструктара старонак. 

Elementor Page BuilderDivi Builder (на базе Elegant Themes)
тарыфныя планы Цэны пачынаюцца ад 59 долараў у годЦэны пачынаюцца ад 89 долараў у год
Бясплатна 100% бясплатная неабмежаваная версіяДэма-версія і 30-дзённая гарантыя вяртання пасля аплаты любога цэнавага плана
шаблоны Больш за 300 XNUMX шаблонаўБольш за 200 пакетаў вэб-сайтаў і 2000 загадзя распрацаваных пакетаў макетаў
WordPress Тэмы Вы можаце выкарыстоўваць любога WordPress тэма з Elementor, але лепш за ўсё яна працуе з «Hello Theme»Вы можаце выкарыстоўваць любога WordPress тэма, але яна лепш за ўсё працуе з «Divi Theme Builder», якая пастаўляецца з любым цэнавым планам
Падтрымка кліентаў і супольнасць Мае масіўнасць супольнасць і служба падтрымкі кліентаў па электроннай пошцеМае шырокія форумная супольнасць, электронная пошта і падтрымка кліентаў у жывым чаце
Наладзьце і наладзьце асобнае паведамленне, архівы і верхні/ніжні калонтытул дыняма
Перацягванне і перацягванне дыды
Даступнасць Мае вельмі зручны інтэрфейс. Яго могуць выкарыстоўваць як пачаткоўцы, так і прасунутыя вэб-дызайнерыПатрабуецца веданне бэкэнд-кадавання. Ідэальна падыходзіць для вэб-дызайнераў, якія маюць вопыт кадавання

Пытанні і адказы

Наш вердыкт ⭐

Асаблівасціфакірдзіва
elementor супраць dividivi супраць elementor
Elementor і Divi з'яўляюцца найбольш папулярнымі WordPress канструктары старонак, якія працуюць на мільёнах сайтаў. Elementor - гэта убудова канструктара старонак для Wordpress. Divi адначасова з'яўляецца а WordPress тэма і а WordPress убудова. Абодва з'яўляюцца візуальнымі канструктарамі старонак з функцыяй перацягвання і падзення, якія дазваляюць карыстальнікам ствараць прыгожыя вэб-сайты без неабходнасці ведаць бэкэнд-код.
вэб-сайтwww.elementor.comwww.elegantthemes.com
цанаБясплатная версія. Pro версія $59/год у год для аднаго сайта (або $399/год у год для 1000 вэб-сайтаў)89 долараў у год за неабмежаваную колькасць сайтаў (або 249 долараў за пажыццёвы доступ)
Прастата ў выкарыстанні⭐⭐⭐⭐⭐ 🥇⭐⭐⭐⭐⭐ 🥇
Візуальны канструктар старонак з перацягваннем⭐⭐⭐⭐⭐ 🥇⭐⭐⭐⭐⭐ 🥇
Папярэдне зробленыя шаблоны200+ шаблонаў сайтаў. 50+ WordPress Блокі1500+ пакетаў шаблонаў. 200+ пакетаў макетаў
Наладзьце верхнія і ніжнія калонтытулы, асобныя паведамленні і старонкі архівадыды
Супольнасць і падтрымкаМоцнае супольнасць карыстальнікаў і распрацоўшчыкаў ElementorPro. Актыўная група ў Facebook. Падтрымка па электроннай пошце.Моцная супольнасць карыстальнікаў і распрацоўшчыкаў Divi. Актыўная група ў Facebook. Жывы чат і падтрымка па электроннай пошце.
Падтрымка тэмыПрацуе з любой тэмай (лепш за ўсё з пачатковай тэмай Elementor Hello)Пастаўляецца ў камплекце з тэмай Divi, але працуе з любой тэмай
Асаблівасці, якія нам падабаюццаУбудаваныя карыстальніцкія ўсплывальныя вокны, страта старонніх адонаў і інтэграцыйУбудаванае тэставанне A/B і ўмоўная логіка на формах. Divi - гэта і убудова, і тэма
вэб-сайтфакірдзіва

Такім чынам, што лепш Divi або Elementor?

Падводзячы вынік, Без сумневу, і Elementor, і Divi - выдатны выбар. У рэшце рэшт, яны першакласныя WordPress дадаткі канструктара старонак па ўсім свеце. 

Аднак, як мы ўжо згадвалі, іх некалькі адрозненні ў іх асаблівасцях, а таксама ў цэнах

Акрамя таго, Elementor адносна просты ў засваенні, таму ён больш падыходзіць для пачаткоўцаў вэб-дызайну, якія ніколі не бачылі і не змянялі фрагмент кода.

У адрозненне ад Elementor, Divi крыху больш складана вывучыць, паколькі гэта больш складаны плагін, які часта выкарыстоўваюць вопытныя вэб-дызайнеры, знаёмыя з кадаваннем. 

Акрамя таго, у Elementor няма ўласнай тэмы, у адрозненне ад Divi. На шчасце, абодва плагіна падтрымліваюць любую тэму by WordPress. 

Памятаеце, што некаторыя прэміум WordPress тэмы бесперашкодна працуюць з абодвума ўбудовамі — некаторыя з Elementor, некаторыя з Divi. Усё залежыць ад таго, ці інтэграваны тэмы ў Elementor, Divi або, у некаторых выпадках, у абодва ўбудовы.

Яшчэ адна рэч, якую вы павінны ўлічваць, перш чым спыніцца на адным з убудоў, - гэта ваш бюджэт. Калі вы не знаёмыя з кадаваннем і вэб-дызайнам і не маеце сродкаў, каб аплаціць Divi, вы можаце паспрабаваць выкарыстоўваць бясплатны плагін ад Elementor. 

З іншага боку, калі ў вас ёсць пачатковыя або сярэднія веды па вэб-дызайне і вы можаце выдаткаваць некалькі долараў на a WordPress убудова, Divi - ідэальны выбар для вас.

Дык які з іх WordPress канструктары старонак вы атрымаеце?

Што вы думаеце аб гэтых двух папулярных WordPress канструктары старонак? Вы аддаеце перавагу аднаму, чым другому, які канструктар старонак з'яўляецца правільным для вас? Які з іх, на вашу думку, лепшы канструктар старонак? Вы праверылі гэтыя Альтэрнатывы Elementor? Як вы думаеце, я прапусціў важную асаблівасць? Дайце мне ведаць у каментарах ніжэй!

Як мы разглядаем канструктары вэб-сайтаў: наша метадалогія

Калі мы разглядаем канструктары сайтаў, мы разглядаем некалькі ключавых аспектаў. Мы ацэньваем інтуітыўнасць інструмента, яго набор функцый, хуткасць стварэння сайта і іншыя фактары. Асноўнае меркаванне - прастата выкарыстання для людзей, якія толькі пачынаюць наладжваць вэб-сайт. У нашым тэсціраванні наша ацэнка грунтуецца на наступных крытэрах:

  1. Настройка: Ці дазваляе канструктар змяняць дызайн шаблонаў або ўключаць свой уласны код?
  2. Зручнасць для карыстальнікаў: Ці простыя ў выкарыстанні навігацыя і інструменты, такія як рэдактар ​​перацягвання?
  3. Суадносіны кошту і якасці: Ці ёсць варыянт бясплатнага плана або пробнай версіі? Ці прапануюць платныя планы функцыі, якія апраўдваюць кошт?
  4. бяспекі: Як канструктар абараняе ваш сайт і даныя пра вас і вашых кліентаў?
  5. шаблоны: Ці шаблоны высокай якасці, сучасныя і разнастайныя?
  6. падтрымка: Ці лёгкадаступная дапамога праз узаемадзеянне людзей, чат-ботаў штучнага інтэлекту або інфармацыйныя рэсурсы?

Даведайцеся больш пра наш агляд метадалогіі тут.

пра аўтара

Мэт Альгрэн

Маціяс Альгрэн з'яўляецца генеральным дырэктарам і заснавальнікам Website Rating, кіруе глабальнай камандай рэдактараў і аўтараў. Ён мае ступень магістра ў галіне інфарматыкі і кіравання. Яго кар'ера павярнулася да SEO пасля ранняга вопыту вэб-распрацоўкі ва ўніверсітэце. Больш за 15 гадоў у SEO, лічбавым маркетынгу і вэб-распрацоўцы. У яго ўвагу таксама ўваходзіць бяспека вэб-сайтаў, пра што сведчыць сертыфікат па кібербяспецы. Гэты разнастайны вопыт ляжыць у аснове яго лідэрства ў Website Rating.

Каманда WSR

"Каманда WSR" - гэта калектыўная група экспертаў-рэдактараў і пісьменнікаў, якія спецыялізуюцца на тэхналогіях, інтэрнэт-бяспецы, лічбавым маркетынгу і вэб-распрацоўцы. Захапляючыся лічбавай сферай, яны ствараюць добра вывучаны, праніклівы і даступны кантэнт. Іх імкненне да дакладнасці і яснасці робіць Website Rating надзейны рэсурс для таго, каб заставацца ў курсе дынамічнага лічбавага свету.

Мохіт Ганград

Мохіт з'яўляецца галоўным рэдактарам Website Rating, дзе ён выкарыстоўвае свой вопыт у лічбавых платформах і альтэрнатыўным стылі жыцця працы. Яго праца ў асноўным круціцца вакол такіх тэм, як стварэнне сайтаў, WordPress, і лічбавы лад жыцця качэўнікаў, даючы чытачам праніклівыя і практычныя рэкамендацыі ў гэтых галінах.

Будзьце ў курсе! Далучайцеся да нашай рассылкі
Падпішыцеся зараз і атрымайце бясплатны доступ да кіраўніцтваў, інструментаў і рэсурсаў толькі для падпісчыкаў.
Вы можаце адмовіцца ад падпіскі ў любы час. Вашы даныя ў бяспецы.
Будзьце ў курсе! Далучайцеся да нашай рассылкі
Падпішыцеся зараз і атрымайце бясплатны доступ да кіраўніцтваў, інструментаў і рэсурсаў толькі для падпісчыкаў.
Вы можаце адмовіцца ад падпіскі ў любы час. Вашы даныя ў бяспецы.
Падзяліцца ў...