Наші оцінки постачальників послуг засновані на результатах ретельних тестувань та досліджень, але ми беремо до уваги також і ваші відгуки та комерційні угоди, укладені з окремими постачальниками послуг. Ця сторінка містить партнерські посилання.Розкриття інформації про рекламодавців

Топ-10 Конструкторів сайтів для Бізнесу (Огляд 2024)

Порівняння конструкторів веб-сайтів шляхом створення реальних сайтів.

Featured-Image-B-850x435

Конструктор сайтів є чудовим інструментом для швидкого створення та розміщення сайту в Інтернеті, проте не всі з них пропонують потрібну вам якість. Я дослідив основні конструктори сайтів, які присутні на ринку, і з’ясував, які з них надають кращі шаблони, функції та інструменти та забезпечують найкращі враження від використання свого сервісу.

Вам не потрібно роз’яснювати мені про важливість ефективного веб-сайту або про зручність використання конструктора сайтів. Проте,все виглядає так, наче кожен конструктор сайтів, згаданий тут, має потенціал бути найкращим: найпростішим, найбільш швидкодійним та спроможним забезпечити вам майже професійний результат. Тож, який з них обрати?

Я вирішив знайти відповідь на це питання шляхом оформлення підписки на платний тариф кожного з конструкторів і створити за їх допомогою повнофункціональний сайт. Я уважно вивчив відгуки користувачів, доступні функції та інструменти, фінальний продукт і все, що з цим пов’язано.

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

  • Wix homepage
    • Кращий безкоштовний тарифний план з найбільшим набором функцій
    • Понад 900 шаблонів для сайтів будь-яких типів
    • Зручний редактор з підтримкою функції «drag-and-drop» українською мовою

    Wix є одним із небагатьох конструкторів, який дозволяє вам створити саме такий сайт, який ви бачили у своїх мріях. Завдяки зручному редактору з підтримкою функції «drag-and-drop» (переміщення об’єктів «мишкою») ви зможете змінювати схему розміщення елементів, кольори та шрифти, додавати посилання і кнопки, та робити ще багато іншого. Якщо у вас є дійсно виняткова ідея щодо створення свого сайту, вам не доведеться починати роботу «з чистого аркуша». Wix пропонує понад 900 шаблонів, поділених на 19 різних категорій та понад 70 підкатегорій.

    Якщо коротко, то це означає, що Wix has має шаблони буквально для будь-яких типів сайтів, про які ви тільки могли подумати. Проте, вам навіть не доведеться використовувати шаблони, створені для вашої галузі. Свобода, яку надає Wix, щодо персоналізації та налаштування дизайну сайту означає, що я можу обрати дизайн, який мені сподобався та персоналізувати його під свої потреби.

    Якщо вам знадобиться додати ще більше функціональності вашому сайту, Wix пропонує багатий магазин застосунків, який містить понад 250 власних застосунків, та продуктів сторонніх компаній. Багато з цих застосунків є безкоштовними, і ви можете використати їх для додавання таких елементів та інструментів, від простих :контактних форм чи інтеграцій з соціальними мережами, до більш складних: повнофункціональні інструменти електронної комерції чи інтеграції для каналів подкастів чи «живих» трансляцій.

    Враховуючи вищезазначене, може скластися враження, що Wix призначений лише для технічно-освічених користувачів, проте це далеко від правди. Незалежно від того, що ви збираєтесь створити: сайт електронної комерції, сторінку для прийому замовлення онлайн, портфоліо чи блог, чи сайт для прийому замовлень у вашому ресторані — Wix є і лишається неймовірно простим у вивченні та використанні. Крім того, він має свої інструменти керування бізнесом, які будуть доступні вам. А завдяки наявності безкоштовного тарифного плану, ви можете випробувати конструктор і, навіть, опублікувати свій сайт не витративши жодної копійчини.

    Єдиним недоліком є те, що у всіх цих функціях та інструментах можна легко загубитись. Я витратив довгі години на створення свого сайту не тому, що це було необхідно, а тому, що в конструкторі було забагато чого дізнаватись, але цей процес мені дуже сподобався. Чи є на ринку більш прості конструктори? Звичайно є, але жоден з них не надасть вам того, що дає Wix.

  • best-website-builders-site123-2
    • Приємно простий та зручний в користуванні
    • Найшвидший спосіб розмістити свій сайт в Інтернеті
    • Понад 180 шаблонів на вибір

    SITE123 однозначно є одним із найбільш простих конструкторів на ринку (звідси й назва – ви повинні мати можливість створити сайт швидко, як порахувати «один…два…три», ідея зрозуміла). Завдяки своїй прості, цей конструктор можна вважати найкращим варіантом, особливо якщо ви тільки починаєте створювати сайти. Цей конструктор пропонує більш ніж 180 шаблонів, адаптованих для перегляду на мобільних пристроях, та широкий асортимент додатків, які розширять функціональність вашого сайту.

    Редактор SITE123 належить до категорії «наведи-й-натисни» – тобто, вам доведеться просто натискати серію кнопок та спливаючих вікон, щоб створити сайт в межах попередньо обраної категорії. Замість того, щоб налаштовувати кожен елемент з точністю до пікселя, ви будете додавати та налаштовувати розділи для таких елементів, як текст, галерея медіа-файлів та контактна інформація. Цей тип редактора забезпечить відмінне розміщення елементів вашого дизайну.

    Хоча вам і доведеться докласти зусилля для вивчення (особливо, якщо ви звикли до конструкторів з функцією «drag-and-drop»), після того, як я розібрався з кількома «хитрощами», мені вдалося створити сайт ще швидше, ніж за допомогою Wix. Конструктор пропонує «крутих» автоматичних функцій, таких як ієрархічна навігація, автоматичне розміщення товарів в категоріях онлайн-магазину, супер-зручний редактор контактних форм – все це робить процес створення сайту більш простим та приємним.

  • best-website-builders-squarespace-2
    • Професійний дизайн шаблонів
    • Найбільш популярний серед митців та рекламних агенцій
    • Чудові інструменти для електронної комерції

    Squarespace є дійсно чудовим конструктором сайтів, і це стосується і веб-сайтів, які він допомагає створити, і власного інтерфейсу (який, на жаль, не має україномовної версії). Він дуже схожий на WordPress.com, і за редактором блоків, із за подібною схемою навігації між сторінками та іншими дизайнерськими рішеннями. Однак, як на мене, то створення сайту за допомогою Squarespace є набагато простішим, подібно до Wix, оскільки все більш поєднано з інтерфейсом.

    В той час, як більшість конструкторів сайтів роблять основний наголос або на контенті, або на електронній комерції, то Squarespace вдалося продемонструвати відмінні результати роботи в обох галузях, що робить компанію чудовим вибором для онлайн-магазинів, які бажають мати ще й яскравий та помітний блог. (На інших конструкторах це також можна зробити, проте Squarespace має потужні інструменти для обох категорій, і в більших масштабах ніж у, наприклад, Wix.)

    Squarespace не має безкоштовного плану (хоча пропонує 14-денну безкоштовну пробну версію), проте ви отримуєте доступ до більшості необхідних функцій і в межах їх планів нижчого порядку, які є більш дорогими, порівняно з іншими конструкторами з цього списку.

  • website-builders-new-category-page-content-1.png
    • Блискавично швидкодійний редактор з підтримкою функції «drag-and-drop»
    • Зручні інструменти для ведення блогів та електронної комерції
    • Широкий асортимент високоякісних віджетів

    Не всі бажають створити черговий універсальний сайт, який стане ознакою покоління. Іноді, вам необхідно створити щось просте для розширення свого бізнесу без спустошливих витрат чи зниження якості продукту. Саме для цього і призначений Webador.

    Webador є неймовірно простим в користуванні.  Це не перший конструктор, який обіцяє створити вам повноцінний сайт за лічені хвилини, проте завдяки його адаптованому інтерфейсу користувача, інструментам налаштування всіх елементів сайту, та добре поділеним по категоріям віджетам, які можна переміщувати, це один з небагатьох, який дотримується своїх обіцянок.

    Проте Webador пропонує не просто швидкісну роботу. Якщо ви початківець, я не вважаю, що ви зможете знайти більш просту панель управління для керування невеликим онлайн-магазином чи блогом. Крім того, Webador надає безліч високоякісних віджетів, таких як унікальні форми, кнопки оцінки товарів/послуг та цифрові мапи, для залучення ваших відвідувачів.

    Як один із найбільш привабливих конструкторів на ринку, Webador є чудовим вибором для тих, хто бажає створити простий і красивий сайт за невеликі гроші.

  • ionos-featured-image
    • Зручний та простий в користуванні редактор, який ідеально підходить для швидкого створення сайтів
    • Шаблони з гарним дизайном, які мають дуже професійний вигляд
    • Дуже привабливий тарифний план для електронної комерції

    Конструктор MyWebsite Now від IONOS наразі вважається одним із найпростіших на ринку. Замість того, щоб перевантажувати вас великою кількістю функцій та інструментів, IONOS засередились на забезпеченні вам повного контролю над ключовими аспектами дизайну вашого сайту.

    Це не означає, щоб сайт, створений за допомогою IONOS, буде виглядати «примітивним» чи йому не буде вистачати функціональності. IONOS приділяє достатню увагу більш комплексним аспектам створення сайтів, тому вам забезпечать найбільш оптимізовані можливості. Створення мого тестового сайту за допомогою конструктора від IONOS можна вважати одним із найшвидших з усіх випробуваних платформ, не згадуючи той факт, що коштувало воно мені найдешевше.

    І хоча конструктор не має такої кількості інструментів, функцій чи шаблонів, як інші конструктори сайтів, дизайн сайту був дуже стильним. Можливості щодо персоналізації та налаштування є відносно обмеженими, проте це не можна вважати проблемою, коли навіть початкові налаштування забезпечують дуже професійний вигляд. Не буду брехати, це не Squarespace, однак за допомогою IONOS ви можете створити сайт з відмінним дизайном.

    Замість створення окремого тарифного плану електронної комерції, IONOS пропонує пакет онлайн-магазину, який ви можете додати до будь-якого обраного тарифного плану. Завдяки цьому, IONOS є одним із найдешевших сервісів для організації електронної комерції на ринку. Цей сервіс є ідеальним для створення простого онлайн-магазину з усіма необхідними функціями.

  • shopify homepage - best website builders
    • Все необхідне для здійснення продажів в Інтернеті
    • На вибір пропонуються понад 160 тем оформлення сайтів
    • Багато професійно створених тем оформлення для електронної комерції

    Shopify стане чудовим вибором, якщо ви шукаєте централізовану панель керування, з якої зможете управляти всіма своїми продажами. Сервіс пропонує безліч інтеграцій з конструкторами сайтів, такими як Wix чи WordPress, та, навіть, з соціальними мережами, такими як Facebook чи Instagram. Це означає, що ви зможете продавати товари через безліч різних каналів, і, одночасно, відстежувати всі свої товари. Це також означає, що ви зможете переміщувати їх туди, куди вам потрібно, і тоді, коли це вам потрібно.

    Якщо вам потрібен спеціалізований сайт суто для вашого магазину, то Shopify надасть вам повноцінний конструктор з безліччю інструментів та функцій для персоналізації та магазин застосунків, який містить тисячі опцій для розширення функціональності вашого сайту. Більш того, інструменти електронної комерції Shopify є майже незрівнянними.

    Shopify має занадто багато інструментів для електронної комерції, щоб їх перелічувати. Проте, щоб натякнути вам, чого слід очікувати, зазначу, що тут є все: від нагадування про не придбані товари у кошику та автоматичного розрахунку вартості доставки, до облікових записів користувачів та розширених аналітичних інструментів для відстеження динаміки продажів (це додатково до самих основних інструментів для комерції в Інтернеті, звичайно ж).

    Хоча додавання товарів в мій магазин було досить простим, загальний процес створення магазину не можна назвати найпростішим. Редактор головної сторінки відрізняється від редактора решти сторінок, через що я часто був спантеличеним. Тим не менш, я зміг створити свій сайт відносно швидко, і був приємно здивований тим, що платформа дозволила мені робити.

  • website-builders-new-category-page-content-2.png
    • Дизайни, створені професіоналами, доступні за окрему плату
    • Інтуїтивно-зрозумілий редактор з достатньою кількістю налаштувань
    • Сотні шаблонів на вибір

    Web.com це інтуїтивно-зрозумілий, універсальний та всебічно-розвинений конструктор. Редактор містить інструменти для редагування кожного аспекту вашого сайту з різними рівнями деталізації. Це робить конструктор несподівано універсальним і придатним для користувачів з різним рівнем досвіду. Якщо ви початківець, то зможете створити простий сайт за лічені хвилини або витратити більше часу на налаштування всіх елементів відповідно до вашого бачення.

    Він містить корисні інструменти для створення сайтів будь-якого типу. Web.com пропонує прості в користуванні, проте потужні, інструменти для SEO-оптимізації, маркетингу, електронної комерції, ведення блогів та багато іншого. Якщо ви не бажаєте особисто перейматися розробкою дизайну, то можете за невелику плату найняти експерта веб-дизайнера, який створить ідеальний сайт для вас. Після отримання дизайну, ви зможете використовувати класичний редактор для подальшої роботи з ним. Таким чином, ви отримаєте всі переваги професійного дизайну, і одночасно будете мати вирішальне слово щодо зовнішнього вигляду вашого сайту.

    Це не ідеальний редактор. Та сама універсальність, яка робить його таким вражаючим, не дозволяє йому виділятися в якійсь конкретній галузі.

    Наприклад, редактор є досить простим в користуванні, проте він не розроблявся для абсолютних початківців. І хоча він пропонує досить широкий асортимент інструментів для електронної комерції, він не може змагатися зі спеціалізованими конструкторами електронних магазинів. Тим не менш, якщо ви користувач із середнім рівнем досвіду, який шукає гнучкий конструктор, то Web.com  є серйозним кандидатом.

  • wordpress homepage - best website builders
    • Безпроблемний спосіб використання WordPress
    • Найкраща платформа для блогів
    • Тисячі плагінів для розширення функціональності.

    WordPress.com яскравий представник «старої школи», гігант галузі створення сайтів та управління контентом. «Стара школа» не означає застарілий – близько третини всіх сайтів в Інтернеті наразі працюють на технологіях WordPress. На щастя для користувачів, WordPress.com зробили використання WordPress доступним для всіх прибравши необхідність самостійно вирішувати проблему з хостингом сайту чи необхідність мати змістовні знання та доствід у веб-розробці.

    WordPress.com версією конструктора сайтів від WordPress, який пропонує більш інтуїтивно-зрозумілий доступ до більшості функцій WordPress. Варто зазначити, що навіть ця «спрощена версія конструктора сайтів» вимагає значних зусиль з вивчення. Крім того, більшість найбільш цікавих функцій та інструментів, таких як плагіни та шаблони преміум-класу, доступні лише в тарифному плані Pro.

    Тим не менш, WordPress.com має одну чудову характеристику, заради якої слід звернути увагу на цей конструктор: вони пропонують майже необмежені можливості щодо розширення. Варто зазначити, що це далеко не найпростіший та не найдешевший конструктор сайтів на ринку.

    Редактор блоків WordPress.com є відносно новим інструментом. Все виглядає так, що цей редактор є (найбільш ефективною) спробою зробити WordPress більш інтуїтивно-зрозумілим та візуальним, ніж класична версія редагування бекенду. Новий редактор використовує блоки як для додавання нового контенту, так і для зміни схеми сторінки. Він достатньо простий, проте іноді я вважав його дещо вимогливим до користувача. Мені доводилось переробляти блоки мого сайту кілька разів, що може здатися набридливим та складним.

  • website-builders-new-category-page-content-3.png
    • Високоточне редагування в режимі Flex
    • Функції для брендінгу та простого редагування для клієнтів
    • Редагування з контрольними точками та чіткого налаштування адаптованості для мобільних пристроїв

    Duda це візуалізований конструктор призначений для компаній та незалежних професіоналів. Саме тому ви отримуєте повний доступ до розширеного набору інструментів для дизайну (таких як безпосереднє редагування файлів CSS та редагування з контрольними точками) навіть в межах найдешевшого тарифного пакету. Фактично ж, Duda має величезну кількість інструментів для клієнтської роботи, таких як персоналізоване створення брендінгу на бекенді та можливість внесення простих змін в структуру сайту, не порушуючи її.

    Чи означає це, що звичайні користувачі не можуть ним користуватись? Звичайно, що ні! Хоча цей конструктор і вимагає значних зусиль по вивченню порядку роботи з ним, Duda пропонує доступний редактор для всіх, хто цікавиться веб-дизайном – за умови, що користувачі готові витратити час на навчання, щоб робити все правильно.

    Режим роботи «Flex» від Duda є досить примітним. Він дозволяє налаштувати ваш сайт шляхом переміщення та розташування в потрібному місці попередньо створених секцій, і навіть дозволяє редагувати CSS-файли самостійно.

    Варто зазначити, що крива навчання є досить значною, тому я не рекомендую цей конструктор для тих, хто не готовий приділяти час та зусилля для навчання. І хоча сервіс пропонує гарне співвідношення ціни та якості, конструктор Duda не можна назвати дешевшим за конкурентів, і він не пропонує безкоштовного тарифного пакету.

  • website-builders-new-category-page-content-4.png
    • Інструменти з технологією штучного інтелекту для безпроблемного створення сайтів
    • Потужні інструменти електронної комерції
    • Понад 140 шаблонів, створених професійними дизайнерами

    Конструктор Hostinger Website Builder забезпечує неймовірну свободу творчості, і одночасно лишається дуже простим в користуванні. Окрім всього іншого, Hostinger Website Builder є неймовірно швидкодійним. Його найкращою характеристикою є його інтуїтивно-зрозумілий редактор, який підтримує функцію «drag-and-drop», має інтерфейс українською мовою та широкий асортимент готових шаблонів. Це означає, що шлях від ідеї до готового сайту займатиме менше години. А завдяки серверам Hostinger, ви будете впевнені в чудових швидкостях завантаження свого сайту.

    Hostinger намагається допомогти вам всюди, де це можливо. Конструктор сайтів має потужні інструменти, які допоможуть вам на кожному етапі процесу створення сайту: від створених штучним інтелектом шаблонів та генератору текстів, який також використовує технологію штучного інтелекту, і допоможе вам наповнити сайт оригінальним контентом.

    Якщо вам потрібен сайт для електронної комерції, то Hostinger запропонує віджети, поділені на категорії, форми бронювань, користувацькі знижки та, навіть, маркетинг з самого початку процесу. Оскільки він пропонує лише один — відносно привабливий — тарифний пакет, Hostinger Website Builder є одним із найдешевших варіантів створення сайту для електронної комерції.

    На жаль, у вас не буде достатньо можливостей для розширення функціональності сайту, створеного за допомогою Hostinger, оскільки він не пропонує магазину застосунків, а інтеграції з продуктами від інших розробників дуже обмежені. Варто зазначити, що це чудовий сервіс, який допоможе вам за невелику ціну створити захищений і привабливий сайт за короткий проміжок часу.

На що я звертав увагу при оцінці Кращих Конструкторів Сайтів

Для порівняння сервісів, я зосередився на трьох основних критеріях: простоті та зручності користування, гнучкості дизайну та цінових пропозиціях. Я брав до уваги і додаткові критерії, які допомогли розподілити місця в рейтингу для конструкторів, які мають однакові оцінки за основними критеріями. Нижче наведено основні характеристики, за якими я оцінював різні конструктори сайтів:

Простота користування

Якісний конструктор сайтів має бути інтуїтивно зрозумілим, простим та навіть приємним в користуванні. Майже всі згадані в цій статті конструктори мають ознайомчі презентації в стилі «як почати використовувати». Після закінчення фази ознайомлення, ви повинні мати змогу легко знайти всі потрібні інструменти, і у вас не повинно виникати потреби додатково вивчати, що можна зробити з їх допомогою, а що -ні.

Редагування найбільш важливих елементів сайту повинно бути легким. Це означає, що опції персоналізації не повинні бути сховані за кількома шарами різноманітних меню. Крім того, сервіс має надавати чітку та надійну технічну підтримку, яка забезпечить своєчасні відповіді на всі питання.

Додаткові бали нараховувались, якщо конструктор автоматично зберігає вашу роботу та постійно надає підказки по важливих кроках, таких як публікація вашого сайту чи підключення домену.

Гнучкість дизайну

Якщо ви бажаєте, щоб ваш сайт виділявся, він не повинен виглядати наче ще одна версія шаблону, який відвідувачі вже бачили сотні разів. Існує висока вірогідність, що свою роботу вам доведеться починати з шаблону, проте найкращі конструктори сайтів не лише нададуть вам широкий асортимент шаблонів на вибір (Wix, наприклад, надасть вам їх понад 900), вони також нададуть вам інструменти персоналізації для перетворення шаблона на щось таке, що буде мати відмінний дизайн та неповторну унікальність. Зокрема, конструктор має забезпечувати:
  • Достатню кількість початкових шаблонів на вибір
  • Повне управління доступними палітрами кольорів
  • Широкий асортимент шрифтів
  • Достатню кількість ескізів сторінок та/або блоків
Під час проведення тестів, я помітив, що редактори сайтів «drag-and-drop» зазвичай надають найбільшу гнучкість дизайну. Ви можете побачити це з результатів моїх тестів, проте інші типи редакторів також можуть забезпечити великий об’єм свободи для творчості.

Ціни

Цей критерій оцінює не стільки абсолютну вартість, скільки те, що ви отримуєте за ці кошти. Конструктор сайтів може мати досить дешеві тарифні плани, проте, якщо його преміум-плани містять лише половину інструментів, які входять до базових тарифних планів іншого провайдера, то вартість тут вже не є перевагою.

Якісний конструктор сайтів запропонує вам більшість інструментів за низькими цінами. Він може мати чимало тарифних планів на вибір, що дозволить вам обрати саме той, який максимально відповідає вашим потребам. Squarespace, наприклад, не є самим дешевим конструктором на ринку, проте, оскільки він пропонує досить багато інструментів та інших послуг, то співвідношення «ціна-якість» в нього є одним із кращих в галузі. Тут ви можете побачити найновішу інформацію про його тарифні плани.

Дуже часто (але не завжди), плани більш високої цінової категорії пропонують одну з двох основних переваг: або необмежений об’єм дискового сховища та перепускну здатність, або розширений доступ до інструментів електронної комерції. Розуміння потреб і призначення вашого сайт допоможе вам краще оцінити ефективність цих планів, оскільки ви будете розуміти, яких результатів слід очікувати.

Додаткові критерії

В той час, як зазначені вище критерії мають визначальне значення для порівняння конструкторів сайтів, є ще декілька додаткових характеристик, які, на мою думку, вигідно відрізняють конструктор сайтів на фоні конкурентів. Жоден з цих додаткових критеріїв не може забезпечити конструктору високе місце в рейтингу, проте в поєднанні з іншими характеристиками, вони роблять конструктор сайтів більш потужним та привабливим.

Крім того, вони мають бути справді корисними, а не просто гучною рекламою. Ось на які критерії я ще звертав увагу:
  • Спроможності щодо SEO: Більшість конструкторів сайтів допоможуть вам оптимізувати ваші заголовки та мета-описи, проте конструктори з додатковими функціями, такими як автоматичне створення файлів robots.txt або мапи сайту, є справді дуже корисними.
  • Асортимент додатків та інтеграцій: Це критерій більше стосується функціональності сайту, а не його дизайну. Якісний конструктор сайтів має забезпечити вам отримання всіх необхідних спроможностей, в ідеалі – шляхом інтеграції з іншими інструментами або програмним забезпеченням, яке ви вже використовуєте, таким як MailChimp для проведення рекламних акцій електронною поштою.
  • Дійсно унікальні функції: Деякі конструктори сайтів мають унікальні функції та інструменти, які відсутні у конкурентів, і які не можна порівняти з іншими. Я згадаю про них в результатах оцінки кожного конструктора.

Конструктор платформ електронної комерції чи звичайний конструктор з інструментами для електронної комерції?

Конструктори платформ електронної комерції, такі, як три останні позиції нашого списку, головну увагу приділяють виключно наданню широких спроможностей онлайн-магазинам. Їх функції та інструменти для створення онлайн-магазинів є більш потужними і більш досконалими, ніж у звичайних конструкторів сайтів, проте ви побачите, що майже всі інші аспекти створення веб-сайтів кинуто напризволяще. (Наприклад, за допомогою конструктора Volusion майже неможливо створити контактну форму.)

Звичайні конструктори сайтів з інструментами для електронної комерції надають ці інструменти в якості додатків до основних послуг – проте, деякі «звичайні» конструктори, такі, як Squarespace, почали пропонувати дуже вражаючі функції для електронної комерції. Завдяки ним, стало набагато простіше створити надійний блог, серію сторінок-візиток та високоякісні фото та відео.

Я порівнював звичайні конструктори сайтів і конструктори сайтів електронної комерції, і можу стверджувати, що не існує єдиної відповіді для всіх користувачів. Тип конструктора, який ви маєте обрати, залежить від основного призначення вашого веб-сайту.

Якщо вашою головною метою є продаж товарів, то конструктор платформ електронної комерції забезпечить вам додаткові варіанти оплати товарів, більш просте завантаження товарів та їх розподіл по категоріям, а іноді навіть знижки на доставку товарів. Вам не потрібно бути власником великої фірми роздрібної торгівлі, щоб скористатися перевагами таких конструкторів – продавці на Etsy та місцеві магазини чи бутіки також можуть знайти в одному з цих конструкторів багато корисного для себе.

Проте, якщо вам потрібен блог чи персональний сайт, такий як портфоліо, з метою продажу кількох книг чи онлайн-курсів, то звичайний конструктор сайтів з інструментами для електронної комерції надасть вам все необхідне, до того ж забезпечить нормальне функціонування вашого онлайн-магазину.

Багато конструкторів платформ електронної комерції пропонують певну інтеграцію з іншими платформами та конструкторами сайтів, тому ваш сайт може отримати кращі риси обох галузей. Якщо основним вашим заняттям є роздрібна торгівля, проте ви бажаєте додати до свого сайту ще й блог, або інший контент, то така комбінація може бути для вас виграшною.

Процес тестування

Для тестування всіх цих конструкторів, я вирішив використати конструкцію простого сайту, в якому мають бути характеристики та елементи, що вважаються необхідними для більшості сайтів. Кожен створений мною сайт мав містити:
  • Статичну текстову сторінку (Головна)
  • Блог
  • Фотогалерею
  • Календар або сторінку з подіями
  • Контактну сторінку
  • Онлайн-магазин
Крім того, я бажав оцінити наступні функції:
  • Зміна палітр кольорів та шрифтів
  • Додавання зображень
  • Вставка відео
  • Створення контактної форми
  • Додавання кнопок
  • Редагування меню
  • Оновлення альтернативного тексту
  • Оцінка SEO-інструментів
Це дозволило мені адекватно оцінити найбільш поширені інструменти конструкторів сайтів, і в той же час дозволило приділити кожному конструктору достатньо часу для прискіпливої оцінки всіх його спроможностей.

Перед тим, як створити будь-який сайт, я зібрав всі необхідні ресурси, і чітко вирішив, що буде містити кожна сторінка – таким чином я зміг створити абсолютно однакові сайти за допомогою кожного з конструкторів. Це дозволило заощадити час, який міг бути витраченим на розмірковування про контент, пошук потрібних зображень та інших елементів.

Я не читав жодних інструкцій і не переглядав відео-уроки перед початком створення сайтів, хоча з різними конструкторами мій рівень обізнаності був різним. Раніше я користувався Wix та WordPress.com, хоча і не дуже активно, і провів невелике дослідження функцій Squarespace, Weebly та SITE123.

Якщо протягом створення сайту в мене виникали проблеми, рішення яких я не міг знайти в інтерфейсі конструктора, то спочатку я звертався до бази знань, а потім звертався до служби підтримки через «живий» чат або електронну пошту.

Повне порівняння конструкторів сайтів: Як поводив себе кожен з конструкторів

А тепер прийшов час для найцікавішого: реальні результати тестів, які я проводив з кожним конструктором сайтів. Нижче я навожу детальний аналіз і свої враження від використання кожного конструктору сайтів, та його оцінку на підставі зазначених вище критеріїв. Проте спочатку вашій увазі пропонується узагальнена таблиця, в якій наведено порівняння самих важливих характеристик.

Я використав інструмент PageSpeed Insights від Google, щоб з’ясувати, які конструктори роблять просто красиві сайти, а які ще й оптимізують їх для пришвидшення завантаження. Я тестував версії сайтів для персональних комп’ютерів, і для мобільних пристроїв. Бали нараховувались від 1 до 100, 100 – це вища оцінка в категорії.
Безкоштовний тарифний план: Шаблони Адаптованість для мобільних Доступність застосунків Час, витрачений на створення сайту Оцінка за показниками Google Page Insights (ПК/мобільний) Наявність безкоштовного імені домену в платних планах Безкоштовний SSL
Wix 900+ 300+ 90 хв 65/23
SITE123 180+ 80+ 60 хв 94/48
Squarespace Понад 140 30+ 50 хв 95/43
Webador 50+ Ні 10 хв 97/69
IONOS 18 Ні 30 хв 91/88
Shopify 160+ 8000+ 45 хв 99/63
Web.com 200+ Ні 80 хв 87/58
WordPress.com Більш 140 власних

Тисячі шаблонів від сторонніх розробників
тисячі 75 хв 99/88
Duda 120+ 30+ 90 хв 97/63
Hostinger Website Builder 140+ Ні 30 хв 50/29 Лише у 3 вищих планах

#1 Wix – Кращий конструктор сайтів за загальним результатом

best-website-builders-wix-2
Домашня сторінка мого сайту Wix (Шаблон: Блог мандрівника/Traveler Blog)
Критерій Бали/Оцінка
Простота користування 10/10
Гнучкість дизайну 10/10
Ціни 9/10
Асортимент шаблонів 900+
Доступність додатків 26 безкоштовних/ 300 всього
Доступність українською Так

Простота користування

Конструктор сайтів є насправді самим простим і найбільш інтуїтивно-зрозумілим редактором сайтів, який мені довелось випробовувати. Все, що мені було потрібно, я знайшов на першій же сторінці, і не було жодного моменту під час роботи, щоб я розгубився чи був змушений звернутися до служби підтримки. Я зміг виконати половину роботи усього за 30 хвилин, а побудова мого повноцінного сайту Wix зайняла в мене усього 75 хвилин.

Щоб спростити процес ще більше, Wix пропонує цілий набір інструментів, які використовують технологію штучного інтелекту, які допоможуть вам створити сайт з нуля. Вам зададуть кілька питань про сайт, який ви бажаєте створити, і це все – Wix за лічені хвилини створить вам унікальний сайт. В той час, він містить певні обмеження щодо дизайну, у вас буде можливість редагувати сайт у відповідності до вашого бачення. Штучний інтелект навіть здатен імпортувати контент з ваших облікових записів в соціальних мережах для забезпечення послідовності створення бренду.

Потім ви зможете використовувати й інші інструменти зі штучним інтелектом, які допоможуть вам написати статті для вашого сайту, створити зворушливі зображення та проаналізують стан та успішність роботи сайту. І у вас завжди буде можливість в будь-який момент повернутися до більш ранньої версії сайту, оскільки Wix зберігає всі результати вашої роботи.

В першу чергу, всі сайти Wix розроблялись з врахуванням передового досвіду, щоб гарантувати потужне підґрунтя для успішного SEO. Ви побачите, що ваш сайт має мета-теги, які можна налаштовувати, миттєву індексацію в Google, XML-мапи сайту, позначки структурованих даних та багато іншого. Всі ці інструменти допомагають користувачам швидко знайти ваш сайт в пошукових системах. Ви також зможете підключити свою панель управління сайтом до Google Ads та Analytics, які дозволять вам відстежувати всі необхідні дані.

А якщо ви взагалі не знаєте, з чого почати, сервіс пропонує вам «SEO Setup Checklist» (Перевірочний Список Налаштування SEO) який допоможе вам виконати всі етапи процесу – навіть, якщо у вас немає досвіду в галузі SEO. Мені сподобалось, що Wix спрямовує вас до цієї функції підказкою “SEO і оптимізація сайту у Google” – це робить її дійсно доступною для всіх.
A screenshot of Wix's SEO Setup Checklist
Мій Перевірочний Список налаштувань SEO від Wix
Єдиним недоліком є те, що шаблони не оптимізовані для перегляду на мобільних пристроїв, тобто вони не будуть автоматично адаптуватися для якісного відображення на мобільних телефонах та планшетах. Базові версії шаблонів оптимізовані під мобільні пристрої, але якщо ви внесли чимало змін в схему для ПК, то вам доведеться окремо редагувати мобільну версію сайту, щоб забезпечити її правильне відображення на мобільних пристроях.

Багато інших конструкторів сайтів в цьому списку мають цілком адаптовані шаблони, і вам не доведеться проводити подвійне редагування. Мій сайт Wix також завантажувався на мобільні пристрої дещо повільно під час проведення тестів на вимірювання швидкості завантаження.

Гнучкість дизайну

Wix однозначно дотримується своєї обіцянки та дозволяє вам редагувати будь-який елемент вашого сайту, щоб персоналізувати його саме так, як ви бажаєте. Вам пропонують широкий асортимент кольорів, шрифтів, блоків та схем, а ви можете зберігати кольорові палітри та комбінацію шрифтів для використання по всьому сайті.
Wix Layout Options
Wix має десятки елементів та схем для додавання до вашого сайту
Вбудовані інструкції допоможуть вам переконатися в тому, що ваші заголовки, зображення та інші елементи правильно розташовані та вирівняні відносно сусідніх елементів. Іноді в мене виникали труднощі з внесенням висоти сторінки та інших даних в редакторі, що підтримує переміщення об’єктів «мишкою», проте це були налаштування з точністю до окремого пікселя, і вони не становили проблеми при розробці дизайну всього сайту в цілому.

Велика кількість шаблонів допоможе вам отримати гнучкість дизайну і менший об’єм робіт в подальшому. Існує висока вірогідність того, що ви знайдете шаблон, який максимально наближений до вашого бачення, саме на Wix, а не у іншого конструктора сайтів. На відміну від інших конструкторів, більшість шаблонів Wix є досить примітними, тому у вас з’являється можливість обирати шаблони не тільки по їх примітності й виразності, а ще й звертати увагу на їх функціональність. У вас також є можливість обрати абсолютно пустий шаблон, і створити весь сайт з «чистого аркуша».

Після того, як ви розпочали редагувати шаблон, ви не зможете перейти до іншого шаблона без втрати виконаної роботи і початку з «нуля», тому переконайтеся, що зробили остаточний вибір до того, як ваш прогрес стане помітним. Проте, варто зазначити, що оскільки редактор надає вам чималу гнучкість та свободу творчості, ви маєте бути спроможні створити будь-що в межах обраного шаблону, або навіть відтворити схему з іншого шаблона, який потрапить вам на очі пізніше.

Ціни

Безкоштовний план від Wix надає вам багато інструментів для персоналізації, доступ до всіх 900+ шаблонів та широкий вибір додатків. Ви можете підключити власний домен в межах будь-якого тарифного плану, проте, якщо ви бажаєте приймати платежі онлайн або налаштувати інтеграцію з Google Analytics, вам доведеться оновити передплату до тарифного пакету категорії «Бізнес».

Хоча компанія і пропонує різні тарифні пакети, поділених на категорії «Особисті» та «Бізнес&Електронна комерція», між більшістю з них немає значних відмінностей. Плани вищих категорій передбачають значний стрибок в ціні, спричинений виділенням трохи більшого простору на дисковому сховищі та тим, що компанія називає «VIP-підтримкою».

Інші характеристики

Під час дослідження Wix я виявив ще декілька цікавих речей, які мені сподобались:
  • Онлайн-магазин: Інтерфейс магазину від Wix є дуже зручним та зрозумілим, і допоможе вам на кожному кроці додавання інформації про продукт, доставки товарів, методів оплати та багато іншого. Ви також можете встановити додатки, які розширять функціональність вашого магазину, такі як Laybuy для гнучких платежів, Gifted для продажу подарункових карт, та Shippo чи ShipStation для друку етикеток для відправлень, і, відповідно, зниження вартості доставки товарів.
  • Розширені інструменти SEO: Окрім SEO-помічника від Wix, розширені SEO-налаштування включають інструменти для структурованих даних, канонічних URL-адрес та персоналізованих мета-тегів. Вони допоможуть Google краще зрозуміти ваш сайт на технічному рівні без необхідності проведення складних технічних робіт. Ти також зможете налаштувати AMP-сторінки для пришвидшення їх обробки на мобільних пристроях.
  • Центр надання підтримки: Wix надає підтримку за телефоном та через «Живий» чат , а також через власні канали у соціальних мережах: просто введіть “@WixHelp” в пошуку на Twitter та Reddit. Проте, ви можете отримати VIP-підтримку і уникнути будь-які можливі черги, якщо оновите передплату до тарифного плану вищої цінової категорії. І хоча мені жодного разу не довелось звертатися до центру надання підтримки, наявна інформація та якість підтримки — це ті характеристики, якими Wix вигідно відрізняється від конкурентів. Центр надання підтримки має безліч корисних довідників, відео-інструкцій та статей на популярні теми.
  • Неймовірна надійність, захист та безпека: Коли йдеться про забезпечення безпеки вашого сайту, то Wix робить все можливе, і ще трохи більше. Компанія захищає ваш сайт від спроб викрасти важливі дані за допомогою найсучаснішого протоколу безпеки HTTPS та SSL-сертифікату. А ще вона має вбудовані рішення щодо запобігання ушкодження вашого сайту внаслідок кібератак (в тому числі й DDoS-атак), та спеціальну команду реагування на інциденти, яка, у випадку реалізації найгіршого сценарію, швидко відновить ваш сайт.

#2 SITE123 – Кращий конструктор сайтів для Початківців

best-website-builders-site123-2
Головна сторінка мого тестового сайту на SITE123
Критерій Бали/Оцінка
Простота користування 8/10
Гнучкість дизайну 7/10
Ціни 8/10
Кількість шаблонів 180+
Кількість додатків 80+
Доступність українською Так

Простота користування

Редактор SITE123 є дуже простим у використанні і значно спрощує налаштування ваших сторінок…якщо ви вмієте ним користуватися. За замовчуванням, мій сайт складався з однієї сторінки і я витратив добрих 20 хвилин, щоб зрозуміти, що якщо ви додаєте новий блок, то маєте налаштувати його таким чином, щоб він не з’являвся на домашній сторінці, а лишався в меню навігації. Після того, як я усвідомив основні принципи, створення мого демо-сайту за допомогою SITE123 пішло набагато швидше. Я створив цілий сайт менш, ніж за годину (приблизно 20 хвилин з якої я витратив на з’ясування питань).
SITE123’s interface for adding and reordering pages or sections
Інтерфейс SITE123 для додавання або перебудови сторінок чи розділів
Загалом, інтерфейс не можна назвати абсолютно інтуїтивно-зрозумілим: вам доведеться натискати різні кнопки, щоб знайте саме те, що ви шукаєте. Проте, якщо у вас виникли проблеми, то «живий» чат є дуже корисним та швидкодійним – вони відповіли на моє питання менш ніж за 20 хвилин.

Інтерфейси для кожного розділу, такого як блог чи онлайн-магазин, є досить прямолінійними та простими. Вони не виглядають так сучасно, як інтерфейси Wix або Squarespace, проте це не є відображенням вигляду сайту, який створюється за допомогою цього конструктора.

Гнучкість дизайну

На SITE123 ви не зможете так вільно персоналізувати свій сайт, як на Wix, проте він дозволяє вносити чимало змін в дизайн. Для початку роботи вам надається понад 180 шаблонів на вибір, а ще 14 категорій макетів сторінок, серед яких текст, фотогалереї, події та навіть резервація столиків в ресторані.

В подальшому, ці типи сторінок можна персоналізувати шляхом додавання блоків, проте, залежно від обраного макету, у вас будуть певні обмеження. Наприклад, я обрав макет сторінки «Про нас», проте не зміг прикріпити до нього відео, як було задумано спочатку. Я задав питання через чат служби підтримки і отримав відповідь, що вставка відео підтримується лише у певних типах сторінок:
SITE123’s live chat support feature
«Живий» чат служби підтримки SITE123
Щоб вирішити цю проблему, мені довелося переробити цю сторінку на звичайну текстову, замість використання макету сторінки «Про нас».

Але те, що SITE123 втрачає за рахунок недостатньої гнучкості дизайну, він надолужує за рахунок кількох інших значних переваг. Попередньо налаштовані схеми побудови сторінок забезпечать естетичність вашої сторінки – ви не зможете зіпсувати зовнішній вигляд вашого сайту через те, що десь не вирівняли блок, або не налаштували розмір до десятої долі міліметра.
SITE123 offers dozens of page layouts to help build your site
SITE123 пропонує десятки схем побудови сторінок, які допоможуть вам створити ваш сайт
Крім того, менші можливості по зміні кольорів та шрифтів означають, що ви більше часу будете приділяти саме вмісту вашого сайту, і менше – роздумам на тему: який з цих двох відтінків найбільше відповідає вашій стилістиці. Таке спрощення також призводить і до збільшення швидкості завантаження сторінок, як на мобільних пристроях, так і на персональних комп’ютерах, що є критично необхідним для позитивного враження від відвідання сайту.

Ціни

SITE123 також, як і попередня компанія, має досить пристойний безкоштовний план, а платний план найнижчого рівня надасть вам більше простору на дисковому сховищі, безкоштовне ім’я домену та інструменти для електронної комерції. Якщо вам потрібна свобода творчості, то в платних планах підписки ви також знайдете її набагато більше. Це відмінне співвідношення «ціна-якість» для багатьох блогів та малого бізнесу.

Інші характеристики

SITE123 не пропонує великої кількості додаткових функцій, проте, те що компанія надає, забезпечує основні з них, що пропонуються іншими конструкторами, і в набагато простішому варіанті, ніж у інших. Нижче наведено деякі з додаткових функцій:
  • SEO: Ви можете додавати свої теги заголовків, мета-описи та альтернативний текст до зображень, проте це і все. Ви також знайдете поле мета-тега для ключових слів, проте це вже давно не використовується в SEO. Тому це слід вважати непотрібним додатком, а не реальною функцією.
  • Онлайн-магазин: Онлайн-магазин є дуже досконалий в питаннях додавання інформації про товари, і користуватися ним дуже просто навіть особам, які ніколи раніше не створювали сайти електронної комерції. Він пропонується, як сторінка вбудованого типу, що автоматично надається за умовами плану «Преміум» або більш дорогого тарифного плану, тому вам не потрібно робити нічого додаткового, щоб почати роботу над магазином.
  • Веб-сайт з однієї сторінки: Хоча ця функція з самого початку створила мені найбільше проблем, SITE123 однозначно є найпростішим конструктором для створення односторінкових веб-сайтів з чіткими розділами та автоматичними посиланнями для навігації по всій сторінці. Це чудовий вибір для портфоліо та резюме, або просто сайтів, які складаються лише з однієї сторінки.

#3 Squarespace – Кращий конструктор сайтів для витонченого дизайну

best-website-builders-squarespace-2
Домашня сторінка мого тестового сайту Squarespace (Шаблон: Fillmore)
Критерій Бали/Оцінка
Простота користування 8/10
Гнучкість дизайну 8/10
Ціни 6/10
Кількість шаблонів ~140+
Кількість додатків 30+
Доступність українською Ні

Простота користування

Squarespace є одним із найпростіших редакторів блоків, через що він схожий на гібрид Wix та WordPress.com. Проте, переміщення між різними елементами редактора блоків здається більш плавним та природнім, ніж у WordPress.com, а знаходити потрібні елементи набагато простіше.
The Squarespace block editor has tons of options for your page layout
Редактор блоків Squarespace пропонує сотні варіантів макетів для вашої сторінки
На самому початку роботи, функція екранного Помічника надасть вам перелік всього того, що потрібно для початку функціонування вашого сайту і може застосовуватись, або приховуватись, відповідно до ваших потреб. Помічник проведе вас через основні етапи налаштування сайту та надасть посилання на відповідні інструкції для отримання більш детальної інформації. Більшість конструкторів сайтів надають певні інструкції, проте Squarespace однозначно має найбільш корисну систему підтримки.

Однією за невеликих, проте дуже корисних функцій є можливість перемикатися між попереднім переглядом «живої» версії сайту та редактором в одному вікні, на відміну від SITE123 та інших редакторів, які вимагають відкривати все нові й нові вкладинки браузеру.

Гнучкість дизайну

Squarespace має одні із найкраще шаблонів в галузі, і вони не відстають від середньої теми оформлення WordPress.com щодо можливості внесення змін та свободи творчості. Ви не зможете змінювати колір кожного елементу, як у Wix, і у вас будуть певні цілком природні обмеження редактора блоків, проте загалом ви отримуєте цілу купу можливостей для персоналізації. Крім того, редактор забезпечить видовищний вигляд всього, що ви створите.

Одним із моїх найбільш улюблених дизайнерських інструментів є палітра кольорів, яка дозволяє вам обрати три базових кольори, а Squarespace створить на їх підставі більш широкі кольорові теми для використання на вашому сайті. Ось палітра кольорів для мого тестового сайту Squarespace:
Choose your base colors with Squarespace’s color palette designer
Обирайте свої базові кольори за допомогою дизайнера палітри від Squarespace
А ось кольорова тема, створена конструктором:
Squarespace generates color combinations for you to use throughout your site
Squarespace створить комбінації кольорів, які ви зможете використовувати у всіх елементах вашого сайту
Ви можете вносити кардинальні зміни в ці теми, проте якщо все-таки використаєте запропоноване, то можете бути впевнені, що над вашої палітрою попрацював дизайнер, навіть якщо у вас самих немає дизайнерського досвіду. Вам не доведеться вагатися з приводу того, як шрифт обраного кольору буде виглядати на фоні іншого кольору, оскільки Squarespace зробить підказку: ось ця комбінація бцуде мати чудовий вигляд.

Ціна

Squarespace не має безкоштовного плану, проте ви отримаєте чималдо корисних функцій навіть в планах нижчої цінової категорії. Перед тим, як оформити платну підписку, ви зможете протестувати сервіс завдяки 14-денній безкоштовній пробній версії. Якщо ви переходите на плани вищої цінової категорії, то отримаєте більш розширені інструменти для електронної комерції, тому невеликі блоги та онлайн-магазини також знайдуть у Squarespace багато корисного. Розширені пакети послуг електронної комерції зазвичай більш привабливі ніж у спеціалізованих конструкторів платформ електронної комерції.

Загалом, здається, що Squarespace прагне надати вам можливість створити найкращий сайт, і компанія усвідомлює, що безкоштовний план просто не забезпечить вам належних інструментів та зіпсує враження від користування і фінальний продукт.

Інші характеристики

Головною перевагою Squarespace є дизайн, проте компанія має ще й декілька інших характеристик, про які слід згадати:
  • Онлайн-магазин: Додавання товарів менш інтуїтивно-зрозуміле, ніж налаштування магазину у деяких інших звичайних конструкторів сайтів, проте не поступається аналогічній функції спеціалізованих конструкторів платформ електронної комерції. Після проведення випробувань всіх цих конструкторів та вивчення значної кількості матеріалів про онлайн-магазини, я помітив, що найбільш розширені та ефективні інструменти електронної комерції вимагають кропіткого вивчення. Це стосується і Squarespace.
  • Вбудовані імейл-кампанії: Під час публікації матеріалів чи блогу, ви можете одночасно почати рекламну кампанію електронною поштою за допомогою вбудованих інструментів безпосередньо зі сторінки з публікацією. Іншими словами, це найбільш інтегрована спроможність електронного маркетингу серед усіх конструкторів сайтів – для доступу до неї вам не потрібно жодних додаткових інтеграцій чи розширень.
  • Інші маркетингові інструменти: SEO-інструменти є досить стандартними для конструктора сайтів, проте Squarespace має й кілька виняткових маркетингових функцій. Є прямі інтеграції з Instagram, Facebook та Pinterest, і навіть конструктор універсальних вказівників ресурсів, який допоможу вам відстежувати перебіг платних пошукових кампаній.

#4 Webador – Найбільш швидкодійний конструктор для початківців

Webador Do Dah Man Homepage
Домашня сторінка мого сайту, створеного з допомогою Webador
Критерій Бали/Оцінка
Простота користування 10/10
Гнучкість дизайну 6/10
Ціни 10/10
Асортимент шаблонів 50+
Доступність додатків Відсутні

Простота користування

Створення сайту за допомогою Webador є досить простим та прямолінійним процесом. Навіть якщо раніше вам не доводилось користуватись конструкторами сайтів, вам знадобиться не більше 10 хвилин, щоб розібратись що й до чого. Якщо ж у вас є досвід роботи з конструкторами сайтів, то короткого огляду буде достатньо.

Інтерфейс користувача (UI) є інтуїтивно-зрозумілим і має чіткі позначення, щоб допомогти вам швидко редагувати різні аспекти вашого сайту. Вкладинки Settings (Налаштування), Webshop (Веб-магазин), Pages (Сторінки), Design (Дизайн) та Editor (Редактор) призначені саме для того, що ви від них очікуєте. Зокрема, вкладинка Дизайн чудово допомагає вносити загальні зміни до стилю вашого сайту. На цій вкладинці ви можете змінити кольорову схему та шрифти таким чином, щоб вони відповідали тональності вашого сайту.
Webador Design Tab
Для повної зміни стилю вашого сайту достатньо зробити пару кліків «мишкою»
І це не все: редактор Webador, налаштований для мобільної адаптації та внесення змін до базової структури, дозволяє вам створити повноцінний сайт майже миттєво. Загалом, Webador не лише дуже простий в користуванні, а й неймовірно швидкодійний. Завдяки простоті та інтуїтивно-зрозумілим інструментам, цей конструктор сайтів може стати в нагоді будь-кому (незалежно від досвіду) і допомогти створити простий сайт менш, ніж за 20 хвилин.

Гнучкість дизайну

Хоча конструктор може допомогти вам створити простий сайт за лічені хвилини, Webador  може бути не ідеальним варіантом для тих, кому потрібне щось більш складне за кілька статичних сторінок та блог. Це обумовлено тим, що окрім пари цікавих інструментів для поширення медіа, редактор більш не надає інструментів для налаштування.

Це не означає, що він не пропонує нічого вартого уваги.. Webador дозволяє вам додавати заголовки, текст, зображення, кнопки та всі інші елементи, необхідні для створення працездатного сайту. Проте, ви не знайдете нічого примітного, такого як варіанти анімації чи багатошарові інструменти редагування. Якщо ви бажаєте додати на сторінку нові елементи, Webador  автоматично розмістить їх відповідно до простої координатної сітки, завдяки чому ваш сайт ніколи не буде мати неорганізований чи «битий» вигляд, проте, одночасно, це виглядає дещо застаріло.
Webador drag and drop editor
Webador пропонує лише самі базові варіанти налаштування вашого сайту
Однак, не все так погано. Хоч у вас і не буде яскравих додаткових функцій та інструментів, Webador  забезпечить вам все необхідне для створення гарного простого сайту. До того ж, він надає кілька цікавих віджетів, на які я зовсім не очікував, таких як варіанти пошиерння файлів та користувацькі форми для відвідувачів.

Інструменти для електронної комерції

Як для конструктора, головним пріоритетом якого є простота, Webador пропонує неочікувано самодостатній набір інструментів електронної комерції, які допоможуть вам продавати товари та послуги безпосередньо з вашого сайту. Webador пропонує багато варіантів різних ярликів, знижок, SEO-інструментів та багато іншого. Крім того, це один з небагатьох конструкторів сайтів, який не вимагає жодних комісій за транзакції. Це означає, що після початку роботи вашого онлайн-магазину, ви зможете отримувати все, що заробили.

Найбільш ймовірно, Webador  не допоможе вам створити наступну міжнародну «цифрову» торговельну імперію. Проте, якщо вам потрібно швидко створити якісний онлайн-магазин, то це чудовий вибір.

Ціни

Webador є одним із найдешевших конструкторів сайтів на ринку. Фактично ж, незалежно від обраного тарифного плану, перші три місяці користування сервісом ви отримаєте за ціною 1 $ на місяць. Навіть після початку дії ціни за продовження користування, Webador лишається привабливим.

Безкоштовний тарифний план є відмінною можливістю особисто спробувати редактор, і відмовитися від продовження користування, якщо він вас не задовольнить. Однак, якщо ви готові оформити передплату, вам слід звернути увагу на тариф «Pro», оскільки він забезпечить вам доступ до всього набору функцій та інструментів Webador і видалить рекламу з вашого сайту..

В межах тарифного плану «Pro» ви зможете продавати на вашому сайті до 10 товарів. Якщо вам потрібно більше, то тарифний план «Business» надасть вам все те, що й «Pro», проте дозволить продавати необмежену кількість товарів та послуг.

Інші характеристики

Webador пропонує не самий великий набір функцій та інструментів на ринку, проте він зміг здивувати кількома сюрпризами, що містяться в його відносно обмеженій пропозиції, такими як:
  • Унікальні віджети для поширення файлів: Webador пропонує інструменти, які дозволять перетворити ваш сайт у файлообмінник з однокнопковим завантажувачем, програвачем аудіофайлів та переглядачем документів.
  • Налаштовувані форми: Ви зможете створювати та модифікувати налаштовувані форми для опитування відвідувачів про їх думку з різних приводів. Webador буде автоматично організовувати отримані результати для їх зручного відображення.
  • Система оцінки з підтримкою «Drag-and-drop»: Якщо ви бажаєте дізнатися думку відвідувачів з певного приводу ще швидше, ви можете додати адаптовану п’ятизіркову систему оцінки, і розмістити її будь-де на вашому сайті.
  • Прості інструменти SEO: Webador дозволяє вам легко налаштувати SEO-оптимізацію вашого сайту, щоб отримати більший об’єм трафіку.

#5 IONOS – Найкращий Конструктор сайтів для Нового Бізнесу

ionos-featured-image
Головна сторінка мого тестового сайту, створеного за допомогою IONOS (шаблон: business)
Критерій Бали/Оцінка
Простота користування 9/10
Гнучкість дизайну 8/10
Ціни 8/10
Кількість шаблонів 18
Доступність додатків 0

Простота користування

IONOS має два різні конструктори сайтів: MyWebsite Now та MyWebsite Creator. Оскільки останній призначений більше для досвідчених розробників та дизайнерів, я більше зосередився на MyWebsite Now, як на версії для початківців. Як виявилось, MyWebsite Now дійсно дуже і дуже простий в користуванні.

Налаштування також неймовірно просте. Вам необхідно лише обрати шаблон, а далі все робиться «мишкою». Щоб розібратися, як працює MyWebsite Now, не знадобиться багато часу, особливо, якщо раніше вам доводилось працювати з конструктором сайтів.

Однак, я випадково заплутався в принципах роботи IONOS. Наприклад, існує різниця між додаванням нових елементів і їх редагуванням. Вам необхідно увійти в “Section editor” (Редактор розділів) щоб додати щось в розділ (наприклад, кнопку), а потім повернутися назад, щоб відредагувати її. Після того, як ви розберетесь із структурою редактора, все стане простішим, однак це не інтуїтивно-зрозуміло.
ionos-section-options
Принцип роботи та інструменти для роботи з розділами змусили мене розгубитися, але коли ви звикнете, все буде досить просто.
Загалом, цей редактор має не криву навчання, а швидше імпульс навчання. MyWebsite Now дозволяє вам створювати сайт за допомогою попередньо розроблених блоків контенту. Ви додаєте розділи, такі як галерея, сітка або контактна форма, обираєте бажаний ескіз сторінки, а потім редагуєте текст та зображення.

Тут немає місця нескінченним доопрацюванням, щоб все виглядало саме так, як ви його уявляли. Мені сподобалась те, наскільки швидко я зміг створити сайт в такий спосіб. Це було швидко та просто.

Якщо у вас, раптом, виникли проблеми, то сервіс пропонує величезну базу знань, яка містить багато інструкцій, порад та підказок. Крім того, сервіс надає клієнтську підтримку за телефоном.

Гнучкість дизайну

Конструктор MyWebsite Now builder має асортимент шаблонів з гарним дизайном, які відрізняються елегантністю, модерновістю та мають оптимізацію для мобільних пристроїв – але їх не дуже багато. Наразі доступно лише 18 дизайнів сторінок, практично один на кожну з найпоширеніших галузей. Насправді, це не дуже багатий вибір, проте ви можете створити власний дизайн сторінки.

Як для досить простого конструктора сайтів, IONOS забезпечує вам досить широкий асортимент опцій для персоналізації. Ви можете обирати кольори та шрифти, які будуть застосовуватись на всьому вашому сайті – до того ж ви зможете створити власну унікальну палітру кольорів, а також налаштувати кожний елемент окремо щодо кольорів, шрифтів та розмірів, які будуть на ньому використовуватись.
ionos-customization-options
Можливість налаштувати власні палітри в простому конструкторі сайтів для мене була приємним бонусом.
Єдине, чого мені не вистачало, то це можливості переміщення елементів «мишкою» (drag and drop) туди, де я бажав їх розмістити. Ви не зможете, наприклад, перетягнути кнопку «мишкою» в центр попередньо створеного блоку контенту. Ви можете лише вставити елемент – іноді (!) – і лише туди, де, на думку IONOS, він має розміщуватись. Це не критично, проте означає, що я не зможу надати своєму сайту саме того вигляду, який би хотів.

Варіантів налаштування та персоналізації більше в конструкторі MyWebsite Creator, але він менше підходить для початківців.

Інструменти для електронної комерції

IONOS надає можливість оновити підписку і отримати інструменти електронної комерції – і це один із найдешевших тарифних планів електронної комерції на ринку. Якщо ви бажаєте створити простий електронний магазин, то цей сервіс забезпечує найкраще співвідношення ціни та якості.

Як ви могли очікувати від ціни, інструменти електронної комерції не будуть такими гнучкими та досконалими, як у спеціалізованих конструкторів сайтів електронної комерції, таких як Shopify чи BigCommerce. Проте, ви отримуєте просту систему управління запасами, варіанти товарів, налаштування податків та доставки продукції, і блок контенту для додавання аналогічних товарів на сторінку з товарами. Ви зможете продавати як фізичні, так і «цифрові» продукти.

IONOS дозволяє вам створювати знижки та купони, налаштовувати дії для електронних адрес щодо непридбаних товарів у кошиках та налаштовувати інтеграції, щоб продавати товари безпосередньо з вашого сайту через Facebook, Instagram, Google Shopping, eBay та Amazon. Деякі конструктори, згадані в цій статті, зарезервували подібний функціонал лише для тарифних планів електронної комерції преміум-класу, однак IONOS надає його в якості стандартного.

Ціни

Якщо ви вирішили обрати MyWebsite Now (що я рекомендую початківцям), то вам запропонують два тарифні плани: Starter та Online Store Starter. Який вам підійде залежить від того, чи збираєтесь ви продавати товари через Інтернет.

Starter передбачає доступ до всіх шаблонів, опцій дизайну, кольорових палітр, безкоштовний домен на один рік та професійну адресу електронної пошти. Тарифний план Online Store Starter відрізняється наявністю інструментів електронної комерції, таких як список товарів, варіанти оплати, способи доставки та отримання, маркетингові інструменти та інтеграції для продажу ваших товарів через соціальні мережі.

Компанія надає вам безкоштовну пробну версію для випробування конструктора – ну, як мінімум, щось на неї схоже. Мене дещо дратує той факт, що IONOS надає безкоштовну пробну версію лише тим користувачам, які оформили місячну підписку. Якщо ж ви обрали річну підписку (яка в місячному перерахунку коштує дешевше), то ви не отримаєте безкоштовного місяця користування, проте отримаєте знижку на перші 12 місяців.

Однак, ви отримуєте 30-денну гарантію повернення коштів, тому, в будь-якому разі, ви зможете скасувати підписку в межах цих 30 днів і вам повернуть гроші в повному обсязі. Проте, було б непогано уникати введення даних вашої платіжної картки під час реєстрації. Це просто моя думка.

Інші характеристики

IONOS не відрізняється винятковим набором додаткових функцій та характеристик. Платформа не містить магазину застосунків для додаткової функціональності, це для прикладу. Однак, вона містить більшість необхідних інструментів, серед яких і:
  • Інструменти SEO: MyWebsite Now має базові інструменти SEO, серед яких налаштування назви сторінок, мета-описи та зображення для поширення в соціальних мережах.
  • Аналітика: Ви можете відстежувати кількість відвідувачів вашого сайту за допомогою простих вбудованих аналітичних інструментів IONOS.
  • Загальні Положення про Захист персональних Даних: Попередньо створений банер файлів-cookie є найпростішим способом пересвідчитись, що ваш сайт відповідає вимогам Загальних Положень про Захист персональних Даних.
  • Бібліотека зображень: Ви отримаєте доступ до бібліотеки, яка налічує понад 17000 зображень, які не вимагають комісій авторам, і допоможуть вам зробити ваш сайт візуально привабливим, навіть якщо ви не маєте супер-навичок фотографа.

#6 Shopify [Е-комерція] – Кращий за вкладені кошти конструктор сайтів для великих магазинів

My Shopify website homepage
Головна сторінка мого тестового сайту Shopify
Критерій Бали/Оцінка
Простота користування 7/10
Гнучкість дизайну 7/10
Ціни 7/10
Кількість шаблонів 12 безкоштовних/155 платних
Кількість додатків 8000+
Доступність українською Ні

Простота користування

Shopify має багато зручних інструментів, проте стиль редактора змінюється залежно від того, над чим ви працюєте, що не дуже зручно. Редактор домашньої сторінки – це редактор блокового типу, як на SITE123 або Jimdo, проте кожна інша сторінка редагується в текстовому форматі, через що він нагадує редактор WordPress, який використовувався до появи Gutenberg.
Shopify page editor
Редактор сторінок Shopify
Менеджер товарів має подібний до редактора вигляд, тому не виглядає таким сучасним, як інструменти електронної комерції інших конструкторів. Додаток, який я використовував для створення фотогалереї на моєму тестовому сайті Shopify має ще більш застарілий вигляд. Проте, як це буває з більшістю зовнішніх додатків, це могла бути випадковість.

Незважаючи на застарілий зовнішній вигляд деяких інструментів редагування, редактор все рівно лишається простим для навігації та пошуку необхідних елементів. Всі блоки та додатки якісно поділені по категоріям та чітко позначені, тому ви зможете фільтрувати та сортувати свої товари за багатьма критеріями.

Shopify також має надійну службу підтримки, тому все, що вимагає більше зусиль для виконання, має відповідні допоміжні матеріали в центрі надання допомоги.

Гнучкість дизайну

Shopify пропонує багато варіантів кольорів та шрифтів для персоналізації вашої теми оформлення, а також широкий асортимент блоків, які ви можете використати для створення своєї домашньої сторінки. Однак, свобода та гнучкість вибору дизайнерських рішень не розповсюджується на інші сторінки. На щастя, у вас буде доступ до чималого вибору додатків, які по суті є конструкторами веб-сторінок і нададуть вам свободу творчості під час створення сторінок магазину. (Проте, якщо вам потрібні спроможності для розміщення великого об’єму контенту та додаткові потужності для онлайн-магазину, то, вірогідно, вам доведеться пошукати інший конструктор.)

Інструменти для електронної комерції

Інструменти для електронної комерції від Shopify значною мірою орієнтовані на традиційних роздрібних продавців, і тому містять деякі корисні функції щодо позначення місця розташування та відстеження запасів в кожному з магазинів, а також переміщення до й від певного місця.
Shopify’s inventory tracking layout
Макет сторінки відстеження запасів від Shopify
Окрім цього, вони пропонують способи відстеження товарів, запасів, та певні функції, подібні до Square Online та BigCommerce. Узагальнюючи, зазначу, що Shopify пропонує повнофункціональний набір інструментів та функцій для створення сайтів електронної комерції.

Ціни

Майже всі конструктори платформ електронної комерції використовують схожі між собою структури ціноутворення, проте Shopify надає трохи більше послуг за ваші гроші (тут ви знайдете й безкоштовну пробну версію). Ви отримаєте значні знижки на доставку товарів, можливість додавати місця розташування магазинів та багато інших додаткових корисних послуг за цінами, аналогічними цінам на Volusion.

#7 Web.com – Всебічно розвинений варіант для користувачів з певним досвідом

Web.com Do Dah Man
Домашня сторінка мого сайту, створеного за допомогою Web.com
Критерій Бали/Оцінка
Простота користування 6/10
Гнучкість дизайну 8/10
Ціни 8/10
Асортимент шаблонів 200+
Доступність додатків Відсутні

Простота користування

Щоб користуватися Web.com, вам не потрібно бути професійним дизайнером. Однак, я не можу назвати цей конструктор найбільш зручним для початківців чи простим інструментом для створення сайту за кілька хвилин. І це обумовлено, навіть, не крутою кривою навчання. Теоретично, ви можете створити дуже простий сайт за кілька кроків, проте функції та інструменти, які роблять Web.com вартим уваги, вимагають більш глибоких технічних знань.

Web.com приділив багато уваги інструментам для правильного визначення відступів, створення іерархічного дизайну та мобільній адаптації сайтів. Всі ці інструменти можуть зробити величезний внесок в створення правильного дизайну для вашого сайту, проте здаються непотрібними та технічно занадто складними, якщо ви не зацікавлені у відпрацюванні деталей дизайну.

Це ставить Web.com в дещо незручне положення: він трохи заскладний для абсолютних початківців, проте йому не вистачає необхідних розширених інструментів для професійних дизайнерів та компаній. Тим не менш, компанія організує інструменти доступним та інтуїтивно-зрозумілим способом, завдяки чому цей конструктор є чудовим для початку роботи з основами дизайну.
Web.com spacing tools
Web.com спрощує точне налаштування відступів та деталей схеми сайту
Редактор іноді може «глючити», а його інтерфейс не такий інтуїтивний, як у Wix чи Squarespace, проте Web.com пропонує розширений і доступний редактор для тих, хто має певний досвід у веб-дизайні.

Гнучкість дизайну

Якщо ви готові приділити розробці вашого сайту достатньо часу, Web.com може допомогти вам створити будь-який дизайн, який ви тільки собі уявляли. Завдяки добре структурованому редактору, ви можете розпочати роботу із загальної картини, а потім зосередитись на деталях.

Для початківців, Web.com пропонує широкий асортимент з понад 200 шаблонів, створених професійними дизайнерами, які задовольнять будь-які потреби.

Після обрання ідеальної початкової точки, ви зможете змінити всі загальні аспекти зовнішнього вигляду вашого сайту, скориставшись інструментами, розташованими на вкладинці Theme (Теми оформлення). Її спроможності простягаються набагато ширше за звичайний вибір кольорів та шрифтів. Web.com дозволяє робити точне налаштування стилю кнопок, заголовків, розмежувачів і, навіть, блоків прогресу та зворотного відліку часу вашого сайту.

Якщо ви бажаєте переконатися, що стилі сайту точно відповідають вашому бренду, то Web.com пропонує для цього помічника з налаштування кольорів. Все, що вам потрібно зробити, то це завантажити ваш логотип до помічника, і він автоматично оновить всі кольори вашого сайту у відповідність до кольорової палітри вашого логотипу.

Web.com починає особливо виділятися на фоні конкурентів, коли мова заходить за окремі віджети та блоки контенту.  І тут йдеться не лише про значно ширший асортимент віджетів (таких як стрічки прогресу, зворотний відлік часу, інтерактивні карти та інші), а про те, що ви отримуєте неймовірні можливості щодо управління та налаштування дизайну кожного з цих елементів.
Web.com customization features
Web.com допомагає вам пересвідчитись, що кожен елемент вашого сайту виглядає саме так, як треба
Нестача інтеграцій з будь-якими магазинами застосунків дещо засмучує, і хоча наявність доступу до великої кількості інструментів з розробки дизайну загалом є позитивною характеристикою, іноді ця кількість може спантеличити. Тим не менш, особисто я надаю перевагу конструктору, який забезпечить мені вищий рівень контролю, а не тому, який надасть мені обмежені можливості налаштування.

Інструменти для електронної комерції

Хоча продажі не є головним фокусом роботи конструктору, Web.com, тим не менш, пропонує цілком самодостатній набір спроможностей для ведення електронної комерції. Його панель управління електронною комерцією є досить зручною і функціональною, а оскільки вона відокремлена від панелі управління дизайном, то дозволяє зосередитись на управлінні повноцінним онлайн-магазином.

Для кожного нового товару ви можете додати стільки описів та характеристик, скільки вважатимете за потрібне, щоб відповісти на всі питання покупців та відстежувати успішність продажів товарів. На панель управління ви також можете додати інформацію про замовлення, доставку та, навіть, про порядок оподаткування. За наявності всіх цих даних, ви можете використовувати готові розроблені звіти Web.com для відстеження успішності та проблемних питань вашого бізнесу.

Вибір методів оплати дещо обмежений, і вони не передбачають персоналізованих фінансових звітів. Навіть за цих умов, пропозиція Web.com для ведення бізнесу онлайн є вражаючою.

Ціни

Якщо все, чого ви бажаєте, це створити сайт з врахуванням вашого бачення, то пакет Website Essentials від Web.com запропонує вам набагато більше функцій та засобів налаштування й персоналізації, ніж будь-який інший стартовий пакет на ринку. Якщо ви не зацікавлені в отриманні спроможностей для електронної комерції, то Website Essentials надасть вам все необхідне – і за привабливою ціною.

Окрім цього пакету, всі інші присвячені електронній комерції та зростанню. Тарифний пакет Business Essentials надасть вам потужні маркетингові та SEO-інструменти, які допоможуть вам стати впізнаваємим в Інтернеті. Пакети eCommerce Essentials та eCommerce Premium дозволять вам продавати товари онлайн через різні канали і забезпечать вам доступ до інструментів з брендінгу/

І хоча це, загалом, досить вражаюча пропозиція, слід пам’ятати, що кожен тарифний пакет має досить високу ціну за продовження користування послугами. Особливо з врахуванням того факту, що тарифні пакети Web.com надають безкоштовний домен та SSL-сертифікат лише на перший рік користування. Коли ви продовжуєте користування послугами, вам доведеться сплачувати три окремі рахунки. Кінцеву ціну не можна назвати жахливою, проте слід розглянути всі додаткові витрати і комісії перш, ніж оформити довготермінову передплату на послуги Web.com.

Інші характеристики

Web.com.пропонує приємно неочікуваний набір інструментів, який містить багато цікавого для веб-розробки. Всі додаткові функції та інструменти доступні поза межами стандартного тарифного плану, і лише додають йому вартості. Ось які інструменти та функції сподобались мені найбільше:
  • Quickstart (Швидкий старт): Якщо ви бажаєте лишити все найважче професіоналам, то у вас є така можливість. Завдяки сервісу Quickstart  від Web.com, професійні дизайнери створять ваш веб-сайт на підставі вашого бачення.. Після того, як вони виконають роботу, ви зможете скористатись класичним редактором для внесення змін.
  • Template generation wizard (Помічник зі створення шаблонів): Якщо ви не любите витрачати час на пошуки ідеального шаблону, ви можете відповісти на кілька питань про свій сайт і дозволити помічнику зі створення шаблонів згенерувати унікальний стартовий продукт.
  • Готові блоки: Коли ви редагуєте свій сайт, то вам не потрібно додавати кожен елемент окремо, щоб отримати ідеальний результат. Web.com пропонує широкий вибір попередньо створених блоків контенту для таких елементів, як контактні форми, відгуки клієнтів та галереї зображень.
  • Конструктор логотипів: В якості додаткового сервісу, Web.com пропонує простий в користуванні конструктор логотипів, який ви можете використати для створення унікальної ідентичності для вашого бренду.

#8 WordPress.com – Найкращий Конструктор Сайтів для Блогів

My WordPress.com Test Website Homepage
Домашня сторінка мого тестового сайту WordPress.com (Тема: Twenty Twenty)
Критерій Бали/Оцінка
Простота користування 6/10
Гнучкість дизайну 8/10
Ціни 9/10
Кількість шаблонів Доступні понад 140 власних шаблонів і тисячі шаблонів від сторонніх розробників
Кількість плагінів Близько 50 тисяч ()від сторонніх компаній)
Доступність українською Ні

Простота користування

Редактор блоків Gutenberg від WordPress.com певною мірою можна назвати простим у використанні, якщо ви розумієте концепцію використання блоків для створення макетів сторінок. Ви можете розпочати створення своєї сторінки з існуючого шаблона макету для спрощення роботи з розробки дизайну,і конструктор надасть вам на вибір десятки різних типів блоків. Вони зручно поділені на категорії за призначенням, тому вам не доведеться витрачати багато часу на пошук саме того, що вам потрібно.
WordPress.com has dozens of blocks to choose from
WordPress.com пропонує на вибір десятки блоків
Проте, я вважаю, що цей редактор блоків здатен вас роздратувати трохи більше, ніж будь-який інший з цього списку. Іноді він розміщує блоки без вирівнювання, і це відбувається без жодних причин, які я зміг би визначити. Через це мені доводилось повністю переробляти частини сторінки або копіювати вже створені блоки, щоб вирівняти їх і надати правильне положення на сторінці. Це не непереборна проблема, проте коли вона трапляється занадто часто, то починає дратувати.

В тарифному плані «Business» і більш планах вищих категорій у вас з’являється можливість встановити плагін Elementor, який надає вашому редактору спроможність переміщувати об’єкти «мишкою» (drag-and-drop).

Хоча все в редакторі має цілком зрозумілі позначення, часто виникає відчуття, наче ви маєте добре побігати навколо, щоб зробити все необхідне для однієї сторінки. Наприклад, для редагування фонового кольору ви маєте перейти з редактора блоків до модуля налаштування, а потім повернутися назад. Створюється відчуття, наче все роз’єднано, особливо порівняно з іншими конструкторами сайтів, які дозволяють вносити зміни та персоналізувати в межах одного інтерфейсу.

Гнучкість дизайну

Варіанти персоналізації мають широкий асортимент і цілком залежать від обраної вами теми оформлення. Перша обрана мною тема не дозволяла мені навіть змінювати кольори та шрифти, проте друга надала мені більше варіантів для налаштування. Загалом, найновіші теми оформлення WordPress надають більше свободи творчості – для свого тестового сайту WordPress я використав тему Twenty Twenty – в той час, як теми оформлення, створені іншими компаніями, зроблені навмання.
WordPress.com’s customizer varies based on your template
Модуль налаштування WordPress.com змінюється в залежності від обраного вами шаблона
Для швидкого початку розробки сайту вам надаються готові шаблони. Проте ви можете почати і з цілковито порожньої сторінки й просто додати блоки в будь-якому порядку. Коли мова заходить про гнучкість дизайну, то конструктор надає вам гарне поєднання свободи творчості та керування: якщо ви створюєте свій перший веб-сайт, то у вас не буде відчуття, наче ви повинні миттєво опанувати науку веб-дизайну, і в той же час – якщо ви досвідчений розробник, то не будете почуватися, наче вас обмежують лише наявними шаблонами.

Гнучкість WordPress.com поширюється і на функціональність конструктора, особливо з урахуванням тисяч плагінів для додавання аналітики, контактних форм, SEO-інструментів та майже всього, про що ви тільки могли подумати. Більшість плагінів є сумісними з редактором блоків та темами оформлення. Проте плагіни, створені сторонніми компаніями, можуть мати обмеження по своїм спроможностям та функціональності. (Пам’ятайте, що для встановлення плагінів ви повинні оформити підписку на план «Business » або план ще вищої категорії.)

Ціни

WordPress.com має один із найширших діапазонів цін (компанія надає і безкоштовний план), і плани мають значні відмінності між собою. Плани нижчої категорії є дуже привабливими та достатніми для блогерів та фрилансерів – всіх тих, кому потрібен дуже функціональний сайт за низькою ціною. Для отримання доступу до плагінів, налаштованих тем оформлення та інших розширених функцій слід оформити підписку на план «Business». Проте, з урахуванням всіх включених функцій та інструментів, він вартий своєї ціни.

Інші характеристики

Плагіни можна віднести до одних із кращих інструментів WordPress.com. Проте платформа пропонує ще декілька невеличких вбудованих функцій, які є дуже корисними, і які я не зустрічав в інших конструкторах сайтів:
  • Автоматичне додавання атрибутів зображенням з Pexels та інших сайтів – колекцій зображень
  • Можливість прямого вивантаження відеозаписів на сайт
  • Більше опцій імпорту та експорту між платформами
  • Вищі швидкості завантаження сайтів на ПК та мобільні пристрої

#9 Duda _ Найкращий сервіс для Дизайнерів та Агенцій

Duda Do Dah Man
Головна сторінка мого сайту, створеного за допомогою Duda
Критерій Бали/Оцінка
Простота користування 5/10
Гнучкість дизайну 9/10
Ціни 7/10
Асортимент шаблонів 120+
Доступність додатків 35+

Простота користування

Буду прямолінійним: Duda не належить до найпростіших в користуванні конструкторів сайтів. Однак, якщо в нашому рейтингу в категорії простити використання конструктор має низькі оцінки, то це обумовлено слабким дизайном, складним інтерфейсом користувача або навігацією, що спантеличує. Duda не має жодних з перелічених проблем. Фактично ж, редактор Duda є адаптованим, чітким і має просту навігацію – просто він не розроблявся з оглядом на звичайного користувача.

Duda з гордістю стверджують, що їх продукція орієнтована на досвідчених дизайнерів. Це означає, що ви можете отримати доступ до (дуже) широкого асортименту інструментів, які, хоч і є корисними, можуть швидко вас спантеличити кількістю і призначенням, якщо у вас немає досвіду роботи у веб-дизайні. Duda надає навчальні матеріали у своєму Університеті Duda — величезній базі посібників та інструкцій для вивчення важливих аспектів роботи конструктору Duda та веб-дизайну. Але, навіть за цієї умови, вчитися доведеться багато.
Duda Flex Design
Duda є досить інтуїтивним конструктором, якщо ви досвідчений дизайнер
Варто зазначити, що в разі наявності у вас необхідного досвіду, Duda буде для вас одним із найпростіших конструкторів сайту на цьому рівні. Інтерфейс використовує поєднання технології «drag-and-drop» та редагування CSS-файлів, завдяки чому забезпечується винятковий результат. Редактор Duda дуже чітко організований і забезпечує вам повний контроль над розробкою дизайну: від загальної концепції сайту до окремих деталей.

Гнучкість дизайну

Редактор Duda поєднує класичний стиль побудови «drag-and-drop» з редагуванням CSS-файлів, щоб забезпечити вам повний контроль над виглядом вашого сайту. Для швидкого створення, ви можете додати до свого сайту понад 60 віджетів і сотні готових розділів, і ви отримуєте практично безмежні можливості щодо налаштування кожного елементу.

Що дійсно виділяє Duda з натовпу, то це його сучасний розширений редактор Flex. Редактор Flex забезпечує вам візуальний інтерфейс для редагування коду CSS-файлів різних елементів. Він також дозволяє дуже точно налаштовувати відступи та розділювачі, завдяки чому покращується (або погіршується, при неправильному налаштуванні) візуальна привабливість сайту.
Duda Flex Sections
Готові до використання розділи та секції від Duda мають відмінний дизайн і дозволяють робити всі потрібні налаштування
Duda також дозволяє адаптувати ваш сайт під екрани будь-яких розмірів. Редактор вже сам по собі передбачає адаптацію для мобільних пристроїв, тому ви можете просто внести потрібні зміни у версію вашого сайту для ПК, для решти пристроїв зміни будуть автоматично. Однак, якщо ви бажаєте, то можете зробити свої налаштування, щоб ваш сайт мав гарний вигляд на будь-якому пристрої.

Врешті-решт, Duda пропонує небачений рівень гнучкості дизайну. Якщо ви шукаєте повний контроль над розробкою вашого сайту, то конструктор Duda може бути саме тим, що вам потрібно.

Інструменти для електронної комерції

Duda надає дуже інтуїтивно-зрозумілий — проте, з іншої сторони, стандартний — набір інструментів для електронної комерції. Ви зможете додавати товари в різні категорії, відстежувати статус доставки, та обирати з понад 110 різних платіжних систем для використання на вашому сайті. І хоча асортимент інструментів електронної комерції не такий широкий, як інструментів дизайну, він цілком достатній для створення та управління онлайн-магазином.

Проте, слід пам’ятати, що функціональність для електронної комерції надається за додаткову плату, тому, якщо ви бажаєте перетворити свій сайт на засіб для бізнесу, доведеться купувати тариф преміум-класу.

Ціни

Duda пропонує досить пристойні ціни. Зокрема, тарифний план «Basic» пропонує відмінні інструменти для дизайну за дуже конкурентною ціною. Ви отримаєте не лише повний доступ до сучасних інструментів дизайну Duda, але й безкоштовний постійний хостинг Amazon AWS (один із найбільш якісних хостингів на ринку), а ще — безкоштовний домен та хостинг електронної пошти на рік.

Більш дорогі тарифні плани не забезпечують великої кількості додаткових інструментів дизайну. Проте, вони передбачають цікаві інструменти для дизайнерських агенцій, такі як облікові записи для членів команди, виставлення рахунків клієнтам та створення брендінгу на стороні бекенду. І хоча кожен платний тарифний план має обґрунтовану ціну, варіант послуг за схемою «White label» має просто захмарну ціну. Проте, я не сильно переймаюся з цього приводу, оскільки надання послуг за цією схемою призначене для дизайнерських агенцій рівня «корпорація».

Duda надає вам достатньо можливостей спробувати сервіс перш, ніж оформити довготермінову передплату. Компанія надає 14-денну безкоштовну пробну версію та 30-денну гарантію повернення коштів.

Інші характеристики

Duda надає багато додаткових сервісів, які дозволять розширити функціональність вашого сайту та збільшити його відвідуваність. Серед моїх улюблених слід згадати:
  • Хостинг та мережу доставки контенту Amazon Web Services: AWS від Amazon використовується деякими найбільшими конструкторами галузі. Завдяки інфраструктурі Amazon, ви можете бути впевнені, що отримаєте найкращу продуктивність та систему захисту.
  • Підтримка багатомовності: Duda має прості, проте дієві, спроможності, які допоможуть вам створити версії вашого сайту іншими мовами.
  • Режим «Simple editor» (Простий редактор): Якщо ви створюєте сайт для клієнта, то можете надати йому виконану роботу разом з «Простим редактором», який забезпечить клієнту зручні інструменти для внесення до сайту незначних змін.
  • Брендінг на бекенді. Ви можете додати власний брендінг до бекенду вашого редактора. Таким чином, клієнти завжди будуть знати, хто допоміг їм створити сайт їхньої мрії.

#10 Конструктор сайтів Hostinger — Найбільш гнучкий простий конструктор сайтів

Zyro featured products homepage block
Можливо це занадто простий конструктор сайтів, однак я вважаю свій сайт, створений за допомогою Hostinger, одним із найбільш красивих та привабливих[
Критерій Бали/Оцінка
Простота користування 6/10
Гнучкість дизайну 4/10
Ціни 4/10
Асортимент шаблонів 140+
Доступність додатків Немає

Простота користування

Конструктор сайтів Hostinger дуже і дуже простим в користуванні. Як для абсолютного новачка в користуванні Hostinger, з’ясування основних принципів роботи та вивчення інструментів конструктору зайняло в мене менше 5 хвилин. Одним із потенційних недоліків є те, що Hostinger не надає вам корисної початкової інструкції чи електронного помічника для початку роботи, проте для орієнтації в цьому конструкторі достатньо пари натискань «мишкою» та прокручування сторінки. Все тут досить інтуїтивно-зрозуміле.

Варто зазначити, що оскільки Hostinger організували свій редактор дещо інакше, ніж ніші конструктори сайтів, було пару моментів, де я трохи розгубився. Кнопки, наприклад, були зовсім не там, де я очікував їх побачити…проте це може бути обумовлено моїм попереднім досвідом, і не буде становити проблеми для абсолютних новачків.

Намагаючись ще більше спростити вам життя, Hostinger пропонує найбільш повний набір інструментів штучного інтелекту. Якщо натхнення залишило вас, конструктор надасть вам «розумний» генератор бізнес-назв, генератор девізів, генератор назв блогу та, навіть, генератор статей на основі технології штучного інтелекту, який створить сторінки з SEO-оптимізованим контентом для вас.

Текст, згенерований для мене, однозначно, був занадто ввічливим та м’яким – щоб досягти балансу, я краще буду писати тексти сам, дуже дякую. Однак, він може надати ідею для подальшого розвитку, особливо якщо ви страждаєте синдромом «порожньої сторінки» і не знаєте, з чого почати.
Zyro AI Tools e1618301566760
Я не впевнений, що дозволив би штучному інтелекту створювати весь контент для мого сайту, проте, якщо ви потребуєте допомоги, він є і готовий до застосування!

Загалом, набір функцій та інструментів Hostinger є досить мінімальним, що допомагає підтримати простоту користування, оскільки у вас не буде багато налаштувань, які вимагають втручання. Недоліком є те, що Hostinger не містить певних інструментів, які можуть вам знадобитись.

В моєму випадку, наприклад, я не зміг додати календар на сторінку подій. Я задав питання про це службі технічної підтримки, і отримав відповідь, що календар потрібно створити за допомогою стороннього провайдера, а потім вставити код на свою сторінку. Не ідеальне рішення.

Гнучкість дизайну

Як для простого конструктора сайтів, Hostinger надає достатню свободу творчості. Шаблони добре зібрані, мають непогану схему, проте ви, без жодних варіантів, будете обмежені межами їх дизайну та розташування елементів.

Наприклад, ви можете обрати загальну схему кольорів для вашого сайту, і тим самим, спростити собі життя, проте це не означає, що ви будете обмежені лише цими кольорами. Фактично ж, ви можете редагувати кольорові схеми кожного окремого елемента так, як вважаєте за потрібне.
Zyro setting button color
Тут немає незмінних палітр кольорів! Мені сподобалось, що Hostinger дозволяє вам редагувати окремі елементи
Якщо мова йде про шрифти, то ви отримуєте набір текстових стилів для заголовків та абзаців для всього вашого сайту – проте це усього правила гарного дизайну, а не недолік.

Редагувати розмір, положення та порядок розміщення окремих елементів також дуже просто – вам тут допоможе редактор «drag-and-drop». Hostinger використовує схеми розміщення елементів на основі координатної сітки, тобто, коли ви переміщуєте елемент на сторінці, то він розташовується на місці, визначеному цією сіткою.

До цього треба призвичаїтись – пару разів мої кнопки або блок тексту тікали з того місця, де я їх розташував – однак, загалом, мені сподобалась ця властивість. Ви не можете розмістити елементи саме там, де вважаєте за потрібне (це не Wix), проте це чудовий спосіб пересвідчитись, що ваш сайт буде охайним та мати добру схему.

Інструменти для електронної комерції

Інструменти електронної Hostinger, які доступні в тарифному пакеті eCommerce, є високотехнологічними та простими в користуванні. Вам доведеться вийти з редактора та увійти до «Store Manager» (Керування магазином), щоб створити свій онлайн-магазин, проте перемикання між двома редакторами дуже просте.

Hostinger забезпечить вас покроковим списком завдань, після виконання яких ви отримаєте готовий, працюючий онлайн-магазин. Інструкції розкриють для вас базовий процес додавання товарів, визначення варіантів доставки та налаштування платежів.

Справи стали дещо складнішими, коли дійшло до створення категорій моїх товарів, відстеження запасів товару та створення варіантів товарів (останнє взагалі втопило мене в морі повідомлень про помилки). Звичайно ж, складно не означає неможливо, і я зміг все налаштувати, врешті-решт.

Головним недоліком, який застопорив мене, було те, що Hostinger не має готових блоків контенту для відображення схожих товарів на головній сторінці – а це досить стандартна функція в більшості інших конструкторів сайтів. Замість неї, мені довелося вставити повну копію моєї сторінки з товарами. Це було жахливо.
Zyro featured products homepage block
Я справді не розумію, чому Hostinger не запропонували блок зі схожими товарами!

Ціни

Ціна на єдиний платний тарифний пакет Hostinger є досить низькою – і я зазначу, що ви отримаєте чудовий продукт за цю ціну. При сплаті за рік ви отримаєте значну знижку, і безкоштовне ім’я домену на перший рік користування.

Проте я не вважаю, що буде нечесним зазначити, що умови Hostinger є дещо слизькими. Наприклад, рекламована ціна передбачає оплату наперед чотирирічного контракту на придбання послуг. Це одна із пасток, що містяться в умовах. Якщо основним фактором вибору для вас є небажання переплачувати щомісяця, ви можете пошукати більш вигідних пропозицій в іншому місці – особливо з урахуванням рейтингу PageSpeed Insight Score, який у Hostinger нижче середнього.

Мене також засмутила відсутність безкоштовної пробної версії, яку пропонують більшість конкурентів Hostinger, якщо у них немає безкоштовного тарифного плану. Особисто для мене, є несприйнятливою ситуація, коли потрібно витрачати кошти з кредитної картки без можливості спочатку випробувати цей продукт. Варто зазначити, що Hostinger надає 30-денну гарантію повернення коштів, тому… Можливо краще вже надати безкоштовну пробну версію?

Інші характеристики

Як для відносно простого конструктора сайтів, Hostinger не пропонує багато додаткових функцій та характеристик, проте він надає все необхідне, і ще трошечки зверху. Серед найкращих функцій, які пропонуються, слід згадати:
  • Досить широкий набір SEO та маркетингових інструментів, в тому числі «теплові карти» (для відстеження взаємодії відвідувачів з вашим сайтом), інтеграція з Facebook Pixel, інтеграція з Facebook Live Chat, Google Analytics та Google Tag Manager
  • Спеціалізований мобільний редактор для внесення змін в ескіз сторінки для ПК та мобільних пристроїв окремо.
  • Мобільні застосунки для iOS та Android, щоб керувати вашим магазином будь-де
  • Інструмент Website Importer (Імпорт сайту), який дозволить перенести текст та зображення з вашого існуючого сайту на сайт, створений за допомогою Hostinger

Що я дізнався і що мене здивувало

До участі в цьому проекті, я ніколи не розмірковував над тим, як сильно можуть відрізнятися між собою конструктори сайтів. Дані дослідження продемонстрували мені, наскільки великим може бути діапазон компаній, і наскільки важливо обрати правильний конструктор сайтів для досягнення своєї мети та отримання позитивних вражень як для вас, творця сайту, так і для його відвідувачів.

Найбільше мене здивував той факт, що часто конструктори знижують гнучкість дизайну, але компенсують це за рахунок інших факторів. Наприклад, конструктори, які пропонують більшу свободу дизайнерських рішень, такі як Wix, мають більш довготривалий процес створення сайтів і нижчу швидкість завантаження сторінок. В той же час, конструктори, які обмежують свободу вашої творчості, працюють набагато швидше і створюють кращі дизайни (головним чином тому, що не дозволяють вам зіпсувати наявні шаблони саморобними шаблонами).

Після випробування такої значної кількості конструкторів і створення справжніх сайтів, я можу дати дуже важливу пораду для тих, хто наразі шукає підходящий конструктор:
  • Ви маєте знати наперед головне призначення вашого сайту. Ви збираєтесь продавати товари чи вести блог? І те, і те? Відповідь на такі питання дозволить вам обрати правильний конструктор сайтів, оскільки всі вони мають різні сильні і слабкі сторони. Обирайте найбільш гнучкий конструктор, якщо ви вагаєтесь.
  • Дешевий (або безкоштовний) не завжди є найкращим. Деякі конструктори мають дійсно дуже вигідні тарифні плани, що містять купу корисних інструментів за низькою ціною, проте загальна тенденція свідчить: ви отримуєте саме те, за що сплачуєте. Ви та ваші відвідувачі отримаєте кращі враження, якщо ви придбаєте тарифний план.
  • Використання попередньо створених шаблонів дизайнів є цілком нормальним. Багато конструкторів сайтів надають вам чимало гнучкості в створенні власного дизайну, проте дуже часто створення власного дизайну закінчується незадовільним результатом. Якщо ви знаєте, що у вас немає дизайнерських здібностей, то вибір конструктора, який має потужні вбудовані інструкції, такого як Squarespace, буде розумним рішенням.
Існує чимало особистих вподобань, які вливають на вибір конструктора сайтів. Тому вам слід зважено оцінити, що саме вам від нього потрібно перш, ніж оформити підписку. Якщо вам потрібна допомога в прийнятті рішення, то ми пропонуємо прочитати повні огляди кожного конструктора, щоб отримати більш детальну інформацію.

Найчастіші Запитання

Що краще: створити сайт власноруч чи найняти веб-дизайнера?

Як я дізнався з результатів моїх тестувань конструкторів сайтів, наразі можна дуже легко створити сайт власноруч – навіть, якщо у вас немає дизайнерського досвіду! Коли ви створюєте свій сайт самостійно, то заощаджуєте гроші на дизайнері, і зможете вносити стільки змін, скільки буде потрібно без додаткових звернень до фахівця. Однак, самостійний процес створення сайту може тривати набагато довше, а опції щодо персоналізації сайту – бути обмеженими конструктором, який ви обрали.

Якщо ви вирішили найняти дизайнера, то будете змушені заплатити більше за його досвід та час (хоча ви можете скористатись Fiverr і знайти недорогий варіант), проте ви отримаєте вражаючий професійний дизайн, який буде лише у вас.

Який безкоштовний конструктор сайтів є найкращим?

Не всі безкоштовні плани конструкторів сайтів є однаковими – деякі обмежують кількість сторінок, які ви можете створити, до однієї цифри, інші – обмежують об’єм дискового сховища. Майже всі вони будуть розміщати рекламу на вашому сайті. Прочитайте нашу статтю про кращі безкоштовні конструктори сайтів, щоб дізнатися, який найбільше відповідає вашим потребам.

Скільки коштує план підписки конструктора сайтів?

Платні плани конструкторів сайтів мають широкий діапазон, залежно від категорії плану та кількості функцій й інструментів, що він пропонує. Під час цього дослідження, ціни лежали в діапазоні від 4 $ за план категорії «Персональний» одного конструктора, до 50 $ за бізнес-план категорії «Преміум» іншого конструктора. (А ще є корпоративні плани, які коштують сотні доларів.)

Загалом, середня ціна знаходиться в межах 12 $-25 $ на місяць, при придбанні річної підписки. Сплата на рік вперед допоможе вам заощадити кошти, в загальному підсумку, проте потребує вищих початкових витрат.

Не пропустіть наш повний довідник по цінам Wix.

Коли варто оновлювати підписку на конструктор сайтів до платного плану?

Оновлювати підписку до платного плану слід тоді, коли вам знадобиться власне ім’я домену для створення власного бренду та спроможності щодо SEO. Кожен конструктор сайтів в цьому списку вимагає оформлення підписки на платний план для підключення власного домену. Завдяки підписці на платний план, ви, зазвичай, позбудетесь вбудованої реклами, що також значно покращить імідж вашого бренду.

Проте, якщо підключення власного домену не є життєво необхідною потребою, то перехід на платний план буде залежати від потреб вашого сайту та обраного конструктора. Як тільки ваш сайт виросте з обмежень безкоштовного плану, вам доведеться придбати платний – проте це може статися, якщо вам знадобиться більше п’яти сторінок на Jimdo, або більше 500 МБ сховища на Wix.

Що таке конструктор сайтів з підтримкою переміщення об’єктів «мишкою» (drag-and-drop)?

Підтримка переміщення об’єктів «мишкою» означає, що конструктор сайтів надає вам спроможність додавати чи переміщувати елементи сайту в будь-яку точку веб-сторінки простим натисканням кнопки «мишки» на них і перетягуванням в бажане місце. В цьому полягає головна відмінність від редактора блоків, який має більше параметрів щодо того, що і де ви можете розмістити на вашому сайті.

Як і де я можу отримати власне ім’я домену?

Більшість конструкторів сайтів запропонують вам ім’я домену в разі оформлення річної підписки на платний план, і зазвичай, це найпростіший спосіб отримати власний унікальний домен. Також ви зможете отримати ім’я домену у реєстратора доменних імен або провайдера веб-хостингу. Ознайомтеся з нашим довідником по вибору імені домену якщо вам потрібна допомога.
Оцінити статтю
4.8 Проголосувало 231 користувачів
Це поле є обов'язковим для заповнення Maximal length of comment is equal 80000 chars Мінімальна довжина коментаря повинна містити 10 символів

Ми раді, що вам це сподобалося!

Поділіться з друзями!

Або читайте нас на

Конструктор сайтів №1image

Створюйте власний сайт безкоштовно

Переглядайте 900+ повністю налаштовувані шаблони