Огляд конструктора сайтів Squarespace

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

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

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

Що таке Squarespace?

Squarespace – це популярна платформа, що надає послуги вебхостингу і зручний конструктор сайтів на основі шаблонів. Компанія була заснована в 2003 році в Нью-Йорку і на даний момент налічує понад 900 співробітників по всьому світу.

Основна аудиторія сервісу – люди без належного досвіду у створенні сайтів, яким потрібен простий і зручний сервіс, максимально легкий в освоєнні. Платформа дає змогу з нуля зробити повноцінний сайт, інтернет-магазин або лендінг, при цьому знання в HTML, CSS або PHP не потрібні.

Огляд платформи Squarespace буде актуальним для онлайн-бізнесу практично в будь-якій можливій ніші, адже цей сервіс підходить для створення:

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

Переваги конструктора Squarespace

1. Інтуїтивно зрозумілий інтерфейс. Навіть користувач без досвіду у веб-розробці може створити повноцінний сайт, вибравши відповідний шаблон оформлення. При чому для цього не потрібне знання HTML, CSS або мов програмування.
2. Можливості для запуску проекту в електронній комерції. Конструктор сайтів Squarespace має все необхідне для створення інтернет-магазину – Ви можете налаштувати кошик для оформлення замовлень, параметри доставки та оплати, інтеграцію зі службами аналітики.
3. Адаптивний дизайн. Усі шаблони оптимізовані для відображення на різних пристроях – ПК, ноутбуках, планшетах і смартфонах. Сайт буде коректно працювати на екранах з будь-якою роздільною здатністю.
4. Великі можливості з персоналізації. Можна змінювати шрифти, кольори, фон, розташування і розмір блоків контенту. Є також інструменти для додавання власних CSS стилів. Це дає змогу зробити унікальний сайт, адаптований під брендбук компанії.
5. Служба підтримки. У платформи є розвинена база знань із відповідями на поширені запитання. Можна також звернутися до служби підтримки електронною поштою – час відповіді становить близько 24 годин. Підтримка працює цілодобово без вихідних. Досвідчені фахівці допоможуть вирішити будь-яке технічне питання щодо роботи з системою.
6. Безпека. Весь трафік шифрується за протоколом HTTPS, а SSL-сертифікат і домен надаються безкоштовно при підключенні тарифу. Також ресурс захищений від DDoS атак, шкідливого коду і спаму.
7. Власний додаток для роботи з сайтом. Він доступний для смартфонів і планшетів на Android та iOS. Додаток надає можливість відстежувати замовлення, редагувати контент, додавати нові продукти, змінювати ціни та наявність товарів. Все це можна робити прямо зі свого мобільного пристрою, без прямого доступу до комп’ютера.
8. Можливість створювати великі сайти. На відміну від конкурентів, тут можна створити сайт з унікальним контентом до 1000 сторінок. Для порівняння, на популярному движку Wix можна додати максимум 100 унікальних URL. Завдяки цьому Squarespace чудово підійде не тільки для сайтів-візиток і лендінгів, а й для досить великих онлайн-магазинів, а також інформаційних блогів.
9. Можна швидко перенести сайт з інших платформ. Передбачено імпорт даних з багатьох популярних CMS, серед яких WordPress, Shopify, Tumblr, Blogger, Etsy і Big Cartel. Весь процес міграції інтуїтивно-зрозумілий. Його можна виконати як самостійно, так і за допомогою служби техпідтримки.

Недоліки платформи Squarespace

• Не підійде для складних проєктів. Для сайтів з нестандартною логікою і безліччю розділів цей конструктор найімовірніше не підійде. Наприклад, це не дуже вдалий вибір для онлайн-магазинів зі складною системою фільтрації товарів і безліччю категорій.
• Немає повного контролю над кодом. У досвідчених веб-розробників часто виникає потреба в доступі до вихідного коду сайту, щоб реалізувати нестандартні рішення. Тут такої можливості немає – можна лише частково змінити HTML-структуру і таблиці стилів CSS.
• Залежність від платформи Squarespace. У разі відмови від платної підписки сайт перестане працювати, а перенести його в повноцінному вигляді на іншу CMS не вийде через технічні обмеження.
• Документація і техпідтримка тільки англійською. Якщо Ви не володієте цією мовою, розв’язати деякі завдання за проектом може бути вельми проблематично.
• Повільна швидкість завантаження. Більшість шаблонів, особливо тих, що містять багато графічних елементів і анімацій, завантажуються довше 3 секунд. Якщо використовувати занадто “важкі” шаблони, під час перевірки в сервісі Google Pagespeed Insights можна побачити невисокі оцінки, пов’язані з низькою швидкістю завантаження сторінок.

Огляд тарифів сервісу Squarespace

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

Система пропонує 4 пакети послуг:

1. Personal ($23 на місяць). Це базовий пакет, який підійде для невеликого сайту або блогу. Сюди не включений функціонал для електронної торгівлі і не вийде підключити прийом оплат на сайті. При цьому, Ви можете створити до 6 посадкових сторінок, скориставшись можливостями вбудованого конструктора Landing Page.
2. Business ($33 на місяць). Тут додано можливості для створення і підтримки повноцінного інтернет-магазину. Також включено підтримку просунутої аналітики для відстеження продажів, є можливість пропонувати покупцям купони на знижку, а також підключити інтеграцію з CRM-системою або email-розсилку.
3. Basic Commerce ($36 на місяць). Тариф вирізняється можливістю синхронізувати продажі та залишки з офлайн-точками, а також нульовою комісією за транзакцію. Крім того, Ви можете підключити до сайту наявний магазин у Facebook або Instagram.
4. Advanced Commerce ($65 на місяць). План дає змогу продавати продукцію зі щомісячною підпискою, використовувати API, надавати знижки або безоплатну доставку на окремі товари або за великої суми замовлення. Також користувач може налаштувати поштову розсилку для тих клієнтів, хто додав товари в кошик, але не завершив замовлення.

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

Як працює конструктор сайтів Squarespace?

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

Конструктор шаблонів на базі штучного інтелекту

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

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

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

За бажання Ви можете легко налаштувати створені блоки на свій смак, щоб надати дизайну індивідуальності. Але навіть без додаткових налаштувань результат на основі такого шаблону матиме цілісний і гармонійний вигляд.

Візуальний редактор

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

За допомогою вбудованого редактора Ви зможете не тільки додати і видозмінити текстові блоки і заголовки. Він дає змогу в один клік форматувати контент – виділяти жирним або курсивом, вставляти списки, посилання або зображення. Адміністратор може вставляти відео з YouTube або Vimeo, також є панель для швидкого редагування HTML коду.

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

Вбудований фоторедактор

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

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

Вбудована бібліотека зображень

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

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

Частина зображень доступна для безкоштовного використання. Але за невелику плату можна також отримати доступ до платного фотобанку, створеного провідними фотографами та ілюстраторами з усього світу.

Конструктор логотипів

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

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

Після завершення роботи Ви можете відразу ж розмістити отриманий результат на своєму сайті. Крім того, створене лого доступне для скачування у вигляді файлу PNG, який можна використовувати і з іншою метою – наприклад, додати на візитівки або поліграфію.

Незважаючи на зручність, конструктор логотипів має і деякі обмеження:

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

Можливість вставки стороннього коду

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

1. Markdown. Це спрощена мова розмітки, через яку можна легко форматувати текст, використовуючи прості символи. З нею можна створювати заголовки, марковані та нумеровані списки, цитати, посилання тощо просто в тексті, не відволікаючись на кнопки форматування.
2. HTML. Інтеграція коду у форматі HTML дає ще більше функціоналу, що допомагає форматувати та структурувати контент. З HTML-тегами вдасться створювати складні елементи оформлення, додавати таблиці, медіаконтент, форматувати текст тощо.

Для передплатників тарифів “Бізнес” і вище доступні додаткові опції роботи зі стороннім кодом, розраховані на більш просунутих користувачів і розробників. Перш за все, це вбудовування блоків iframe і JavaScript-коду.

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

Приймання оплат і комісія

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

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

Сама платформа не стягує комісію на транзакції починаючи з тарифного плану Basic Commerce. Оплачується тільки щомісячна підписка за використання сервісу. При цьому, самі платіжні шлюзи зазвичай беруть за свої послуги 2-3% від суми платежу. Ці витрати необхідно закласти в ціноутворення.

Вбудований функціонал для створення інтернет-магазину

Починаючи з тарифного плану Business, Squarespace можна використовувати для створення онлайн-магазину. Ви зможете додати до 1000 товарів, які можна структурувати завдяки категоріям (передбачено кілька рівнів вкладеності). Також є можливість прописати унікальні теги.

Для легкого наповнення онлайн-платформи, передбачений масовий імпорт товарів. Ви можете завантажити свій каталог безпосередньо з Etsy, Шопіфай, Big Cartel або файлу CSV. Експорт товарів у CSV також підтримується.

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

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

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

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

Вбудована аналітика

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

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

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

Служба підтримки

Компанія Squarespace приділяє велику увагу організації багаторівневої підтримки, щоб клієнти могли швидко розв’язувати питання, що виникають, і проблеми.

На сайті платформи представлено велику базу знань з докладними інструкціями та відповідями щодо всіх аспектів використання конструктора сайтів Squarespace. Тут зібрані сотні статей, які допоможуть розібратися з налаштуваннями.

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

POS

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

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

При цьому, додаток POS (Point of Sale) інтегрується з платіжними терміналами, принтерами етикеток і чеків, сканерами штрих-кодів, що позбавляє від необхідності купувати додаткове ПЗ.

Плагіни та додатки

У магазині додатків Squarespace можна знайти безліч сторонніх плагінів і модулів від партнерів платформи. Вони дають змогу впровадити:

• Інтеграцію з CRM і маркетинговими інструментами. Є плагіни для підключення MailChimp, Campaign Monitor, Acuity Scheduling та інших популярних систем. Таким чином можна налаштувати email-розсилку або вести облік нових лідів.
• Додаткові способи оплати. Є окремі модулі для підключення Apple Pay, PayPal, Google Wallet, щоб клієнт міг внести платіж зручним йому способом.
• Поліпшення юзабіліті. Є корисні додатки для додавання чату з підтримкою, віджетів зворотного зв’язку, пошуку по сайту, голосового пошуку.
• Зв’язку з соціальними мережами. Передбачено рішення для інтеграції профілів компанії у Facebook, Instagram, Twitter, Pinterest і демонстрації соціальної активності на сайті.

Можливості з просування сайтів на платформі Squarespace

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

SEO-оптимізація

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

1. Налаштування мета-тегів. Для кожної сторінки сайту можна задати індивідуальний тайтл і мета-опис, які потім відображатимуться в результатах пошуку. Це підвищує клікабельність сніпета, а також безпосередньо впливає на ранжування сайту за заданими ключовими словами.
2. Можливість задати підзаголовки H1, H2, H3. Конструктор дає змогу виділяти важливі підзаголовки на сторінці за допомогою тегів різних рівнів. Це допомагає поліпшити структурування контенту і передавати смислову ієрархію в пошуковик.
3. Створення sitemap у форматі XML. Squarespace автоматично генерує і регулярно оновлює XML карту сайту з усіма сторінками. Це полегшує пошуковим роботам індексацію нового контенту.
4. Автоматична оптимізація зображень. Усі завантажувані картинки автоматично стискаються без втрати якості, що впливає на вагу сторінки і прискорює її завантаження.
5. Налаштування редиректів. Якщо якусь сторінку було видалено, можна налаштувати її перенаправлення на наявну сторінку. Це дає змогу зберегти вплив посилальної маси на рейтинг ресурсу.
6. Додавання регіональних версій сайту різними мовами. Для локальних ринків можна зробити окремі версії сайту з унікальним контентом і налаштуваннями. Це дає можливість краще ранжуватися в локальному пошуку.

Ведення блогу

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

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

Користувачі можуть вставляти в статті та на сторінки категорій кастомний HTML і JS-код. Це відкриває широкі можливості для кастомізації та розширення функціональності блогу. Також платформа підтримує інтеграцію з поширеними сервісами, серед яких Apple News і Apple Podcasts

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

Статті можна одразу публікувати в провідних соцмережах буквально в кілька кліків. А спеціальний додаток Unfold допомагає створювати професійні stories для сервісів Meta (Instagram і Facebook) на основі готових шаблонів. Ще одне корисне розширення – Video Studio App. Воно призначене для редагування та інтеграції відео в статті блогу.

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

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

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

Інші інструменти інтернет-маркетингу

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

• Email-розсилки. За допомогою переліку готових шаблонів та індивідуального налаштування дизайну можна створювати унікалізовані розсилки, що відображають стиль та імідж компанії. Це чудовий спосіб підтримання зв’язку з аудиторією та стимулювання продажів.
• Синхронізація з Instagram. Ви зможете додавати товари з інтернет-магазину в публікації в Інстаграмі. Це чудова можливість продемонструвати продукти цільовій аудиторії та стимулювати продажі за допомогою однієї з найпопулярніших соцмереж.
• Поповнення балансу Google Ads. Squarespace має партнерські відносини з найбільшою платформою для розміщення контекстної реклами, що дає змогу отримати гроші на баланс, які Ви надалі можете витратити на рекламу через цей майданчик.
• Promotional Pop-Up. Інструмент дає змогу створювати спливаючі вікна для привернення уваги відвідувачів до акцій, знижок або інших важливих оголошень. Це хороший спосіб збільшити конверсію інтернет-ресурсу.