Сервис Squarespace уже много лет позиционирует себя как простое и удобное решение для создания сайта любой сложности без глубоких познаний в области верстки или программирования.
Эта платформа позволяет даже начинающим пользователям с нуля создать полноценный интернет-магазин со всеми необходимыми функциями: товарным каталогом, корзиной, страницей оформления заказа, приемом оплат прямо на сайте и т. д.
В данном обзоре конструктора Squarespace мы сделаем акцент на удобстве интерфейса, легкости освоения данной системы, расскажем о возможностях по интеграции с популярными сервисами, а также дадим рекомендации — для каких типов бизнеса лучше всего подойдет эта платформа.
Что такое Squarespace?
Squarespace — это популярная платформа, предоставляющая услуги вебхостинга и удобный конструктор сайтов на основе шаблонов. Компания была основана в 2003 году в Нью-Йорке и на данный момент насчитывает более 900 сотрудников по всему миру.
Основная аудитория сервиса — люди без должного опыта в создании сайтов, которым нужен простой и удобный сервис, максимально легкий в освоении. Платформа позволяет с нуля сделать полноценный сайт, интернет-магазин или лендинг, при этом знания в HTML, CSS или PHP не требуются.
Обзор платформы Squarespace будет актуален для онлайн-бизнеса практически в любой возможной нише, ведь этот сервис подходит для создания:
Сайтов для ведения малого бизнеса (салоны красоты, магазины, кафе, кофейни).
Интернет-магазинов и платформ электронной коммерции.
Портфолио фотографов, дизайнеров, художников.
Персональных и тематических блогов.
Продающих одностраничников (Landing Page).
Преимущества конструктора Squarespace
Интуитивно понятный интерфейс. Даже пользователь без опыта в веб-разработке может создать полноценный сайт, выбрав подходящий шаблон оформления. При чем для этого не требуется знание HTML, CSS или языков программирования.
Возможности для запуска проекта в электронной коммерции. Конструктор сайтов Squarespace имеет все необходимое для создания интернет-магазина — Вы можете настроить корзину для оформления заказов, параметры доставки и оплаты, интеграцию со службами аналитики.
Адаптивный дизайн. Все шаблоны оптимизированы для отображения на разных устройствах — ПК, ноутбуках, планшетах и смартфонах. Сайт будет корректно работать на экранах с любым разрешением.
Большие возможности по персонализации. Можно менять шрифты, цвета, фон, расположение и размер блоков контента. Есть также инструменты для добавления собственных CSS стилей. Это позволяет сделать уникальный сайт, адаптированный под брендбук компании.
Служба поддержки. У платформы есть развитая база знаний с ответами на часто задаваемые вопросы. Можно также обратиться в службу поддержки по электронной почте — время ответа составляет около 24 часов. Поддержка работает круглосуточно без выходных. Опытные специалисты помогут решить любой технический вопрос по работе с системой.
Безопасность. Весь трафик шифруется по протоколу HTTPS, а SSL-сертификат и домен предоставляются бесплатно при подключении тарифа. Также ресурс защищен от DDoS атак, вредоносного кода и спама.
Собственное приложение для работы с сайтом. Оно доступно для смартфонов и планшетов на Android и iOS. Приложение предоставляет возможность отслеживать заказы, редактировать контент, добавлять новые продукты, менять цены и наличие товаров. Все это можно делать прямо со своего мобильного устройства, без прямого доступа к компьютеру.
Возможность создавать большие сайты. В отличие от конкурентов, здесь можно создать сайт с уникальным контентом до 1000 страниц. Для сравнения, на популярном движке Wix можно добавить максимум 100 уникальных URL. Благодаря этому Squarespace отлично подойдет не только для сайтов-визиток и лендингов, но и для достаточно крупных онлайн-магазинов, а также информационных блогов.
Можно быстро перенести сайт с других платформ. Предусмотрен импорт данных из многих популярных CMS, среди которых WordPress, Shopify, Tumblr, Blogger, Etsy и Big Cartel. Весь процесс миграции интуитивно-понятен. Его можно выполнить как самостоятельно, так и при помощи службы техподдержки.
Недостатки платформы Squarespace
Не подойдет для сложных проектов. Для сайтов с нестандартной логикой и множеством разделов этот конструктор скорее всего не подойдет. Например, это не очень удачный выбор для онлайн-магазинов со сложной системой фильтрации товаров и множеством категорий.
Нет полного контроля над кодом. У опытных веб-разработчиков часто возникает потребность в доступе к исходному коду сайта, чтобы реализовать нестандартные решения. Здесь такой возможности нет — можно лишь частично изменить HTML-структуру и таблицы стилей CSS.
Зависимость от платформы Squarespace. При отказе от платной подписки сайт перестанет работать, а перенести его в полноценном виде на другую CMS не получится из-за технических ограничений.
Документация и техподдержка только на английском. Если Вы не владеете этим языком решить некоторые задачи по проекту может быть весьма проблематично.
Медленная скорость загрузки. Большинство шаблонов, особенно тех, что содержат много графических элементов и анимаций, загружаются дольше 3 секунд. Если использовать слишком «тяжелые» шаблоны, при проверке в сервисе Google Pagespeed Insights можно увидеть невысокие оценки, связанные с низкой скоростью загрузки страниц.
Обзор тарифов сервиса Squarespace
В обзоре сервиса Squarespace очень важно упомянуть тарифы на использование платформы, так как этот пункт нужно учитывать при планировании ежемесячных расходов онлайн-бизнеса.
Система предлагает 4 пакета услуг:
Personal ($23 в месяц). Это базовый пакет, который подойдет для небольшого сайта или блога. Сюда не включен функционал для электронной торговли и не получится подключить прием оплат на сайте. При этом, Вы можете создать до 6 посадочных страниц, воспользовавшись возможностями встроенного конструктора Landing Page.
Business ($33 в месяц). Тут добавлены возможности для создания и поддержки полноценного интернет-магазина. Также включена поддержка продвинутой аналитики для отслеживания продаж, есть возможность предлагать покупателям скидочные купоны, а также подключить интеграцию с CRM-системой или email-рассылку.
Basic Commerce ($36 в месяц). Тариф отличается возможностью синхронизировать продажи и остатки с оффлайн-точками, а также нулевой комиссией за транзакцию. Кроме того, Вы можете подключить к сайту существующий магазин в Facebook или Instagram.
Advanced Commerce ($65 в месяц). План позволяет продавать продукцию с ежемесячной подпиской, использовать API, предоставлять скидки или бесплатную доставку на отдельные товары или при большой сумме заказа. Также пользователь может настроить почтовую рассылку для тех клиентов, кто добавил товары в корзину, но не завершил заказ.
Перед оплатой любого тарифа можно подписаться на пробный период на 14 дней. Также возможна более низкая цена на все тарифные планы для тех, кто платит сразу за год.
Как работает конструктор сайтов Squarespace?
Чтобы потенциальным пользователям платформы стало более понятно, как работает Squarespace, мы сделали небольшой обзор, основных возможностей этого онлайн-конструктора.
Конструктор шаблонов на базе искусственного интеллекта
Встроенный конструктор на базе искусственного интеллекта Blueprint AI помогает быстро сгенерировать уникальный и профессионально выглядящий дизайн всего за несколько кликов. При этом, от пользователя не требуется знание верстки или другие специфические навыки.
Процесс создания шаблона с Blueprint AI очень прост. Система задаст Вам 5 вопросов о желаемой структуре сайта, предпочитаемых шрифтах, цветовых схемах и других параметрах дизайна. Отвечая на эти вопросы, Вы как бы набрасываете концепцию своей будущей веб-страницы.
Затем искусственный интеллект Blueprint AI анализирует Ваши ответы и на их основе генерирует несколько вариантов уникальных дизайнов, полностью отражающих заданную концепцию. Вам остается только выбрать наиболее понравившийся вариант.
При желании Вы можете легко настроить созданные блоки по своему вкусу, чтобы придать дизайну индивидуальность. Но даже без дополнительных настроек результат на основе такого шаблона будет выглядеть целостно и гармонично.
Визуальный редактор
Визуальный редактор позволяет управлять контентом сайта даже новичкам, не обладающим навыками веб-разработки. Это значительно упрощает работу с ресурсом и ускоряет как редактирование существующих страниц, так и создание новых.
С помощью встроенного редактора Вы сможете не только добавить и видоизменить текстовые блоки и заголовки. Он позволяет в один клик форматировать контент — выделять жирным или курсивом, вставлять списки, ссылки или изображения. Администратор может вставлять видео с YouTube или Vimeo, также есть панель для быстрого редактирования HTML кода.
Контент вставляется на страничку целыми блоками. Есть возможность добавлять галерею изображений, слайдер, кнопки соцсетей, форму обратной связи и многое другое. Любой блок можно разместить в удобном положении, просто перетащив его с помощью мыши. Кроме того, функция отслеживания истории правок позволяет вернуться к предыдущей версии, если что-то пошло не так.
Встроенный фоторедактор
Конструктор позволяет обрабатывать изображения перед тем, как вставить их на сайт. Встроенные инструменты позволяют выполнить кадрирование изображения, обрезав лишние участки. Также есть можно повернуть фото на 90 градусов и отразить ее по горизонтали или вертикали. Это избавляет от необходимости использовать сторонние редакторы.
Кроме того, Вы можете легко задать точный размер фотографии в пикселях. При необходимости есть возможность настроить яркость, контраст и четкость снимка. Для придания изображениям нужного стиля можно воспользоваться фильтрами (черно-белый, сепия, размытие и проч.).
Встроенная библиотека изображений
Благодаря партнерству с одним из крупнейших фотобанков мира — Getty Images, пользователям Squarespace доступна впечатляющая встроенная библиотека изображений. Сюда входят миллионы профессиональных фотографий, векторных иллюстраций, иконок и других графических элементов.
Неважно, в какой нише Вы работаете — бизнес, мода, путешествия, еда, архитектура, автомобили и т.д. — Вы гарантированно найдете нужные фото. Причем выбор настолько широк, что подходящие картинки отыщутся даже для очень специфических и узких тематик.
Часть изображений доступна для бесплатного использования. Но за небольшую плату можно также получить доступ к платному фотобанку, созданному ведущими фотографами и иллюстраторами со всего мира.
Конструктор логотипов
Его функционал будет полезен тем, кто хочет разработать базовую эмблему для своего сайта, не прибегая к помощи профессиональных дизайнеров. Работать с конструктором очень легко — все необходимые инструменты доступны прямо в интерфейсе конструктора.
Для создания лого Вы можете использовать различные иконки из встроенной библиотеки. Также в наличии широкий выбор шрифтов и цветовых схем для текстовых элементов. Чтобы скачать готовый логотип, оплачивать услуги дополнительного сервиса или даже регистрироваться в нем не нужно.
После завершения работы Вы можете сразу же разместить получившийся результат на своем сайте. Кроме того, созданное лого доступно для скачивания в виде файла PNG, который можно использовать и в других целях — например, добавить на визитки или полиграфию.
Несмотря на удобство, конструктор логотипов имеет и некоторые ограничения:
Можно использовать только одну иконку из встроенной библиотеки для каждого лого.
Поворот объектов на холсте для изменения угла наклона не предусмотрен.
Некоторые шрифты некорректно отображают кириллические символы.
Логотип можно экспортировать только в формате PNG, векторные форматы не поддерживаются.
Скачанный файл может потребовать доработки — изменения разрешения или обрезки лишних областей.
Возможность вставки стороннего кода
Для всех пользователей, независимо от выбранного тарифного плана, доступна вставка кода через специальные блоки в визуальном редакторе. Поддерживаются такие форматы:
Markdown. Это упрощенный язык разметки, через который можно легко форматировать текст, используя простые символы. С ним можно создавать заголовки, маркированные и нумерованные списки, цитаты, ссылки и т.д. прямо в тексте, не отвлекаясь на кнопки форматирования.
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-оптимизации, чтобы сайты пользователей лучше индексировались и ранжировались в выдаче поисковых систем. Среди основных функций:
Настройка мета-тегов. Для каждой страницы сайта можно задать индивидуальный тайтл и мета-описание, которые затем будут отображаться в результатах поиска. Это повышает кликабельность сниппета, а также напрямую влияет на ранжирование сайта по заданным ключевым словам.
Возможность задать подзаголовки H1, H2, H3. Конструктор позволяет выделять важные подзаголовки на странице при помощи тегов разных уровней. Это помогает улучшить структурирование контента и передавать смысловую иерархию в поисковик.
Создание sitemap в формате XML. Squarespace автоматически генерирует и регулярно обновляет XML карту сайта со всеми страницами. Это облегчает поисковым роботам индексацию нового контента.
Автоматическая оптимизация изображений. Все загружаемые картинки автоматически сжимаются без потери качества, что влияет на вес страницы и ускоряет ее загрузку.
Настройка редиректов. Если какая-то страница была удалена, можно настроить ее перенаправление на существующую страницу. Это позволяет сохранить влияние ссылочной массы на рейтинг ресурса.
Добавление региональных версий сайта на разных языках. Для локальных рынков можно сделать отдельные версии сайта с уникальным контентом и настройками. Это дает возможность лучше ранжироваться в локальном поиске.
Ведение блога
К веб-ресурсу на 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. Инструмент позволяет создавать всплывающие окна для привлечения внимания посетителей к акциям, скидкам или другим важным объявлениям. Это хороший способ увеличить конверсию интернет-ресурса.
