Обзор конструктора сайтов Squarespace

Squarespace — это крупная облачная платформа для создания сайтов разного типа. Работает с 2004 года. Основной упор сделан на коммерцию и бизнес-сегмент (прямой конкурент Shopify), для обслуживания e-commerce-клиентов предлагается масса дополнительных инструментов и сервисов. Но Squarespace будет актуален преимущественно для зарубежных проектов – с аудиторией в Европе, США, Канаде.

Предприниматели из России не смогут воспользоваться всеми преимуществами из-за отсутствия интеграций с региональными платёжными системами и с другими популярными сервисами для обслуживания продаж.

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

Плюсы и минусы

Squarespace – одна из самых популярных платформ для создания сайтов в Европе и США. Она гибкая, удобная и подходит для использования разными клиентами.

Но, как и у любого конструктора сайтов, у Squarespace есть свои достоинства и недостатки.

Плюсы:

Минусы:

✔ Огромный выбор готовых тематических шаблонов. Все адаптивные. Поддержка AMP. ✔ Удобный онлайн-редактор с интуитивно понятным интерфейсом. ✔ Продвинутые возможности для профессиональных дизайнеров и web-разработчиков. ✔ Крутой модуль интернет-магазина (с загрузкой и выгрузкой каталога, с интеграцией служб доставки и т.п.). ✔ Возможность быстрого переезда в Squarespace с других платформ (WordPress, Shopify, Blogger, Tumblr, Etsy, Big Cartel). ✔ Готовые мобильные приложения для управления магазином и сайтом. ✔ Встроенная система email-маркетинга (конструктор шаблонов, сбор подписчиков и рассылка). ✔ Отдельный сервис для планирования встреч – с системой бронирования. ✔ Приложение для создания контента под социальные сети (Unfold) и готовые интеграции. ✔ Приложение для работы с видеороликами (Squarespace Video Studio app). ✔ Встроенная система аналитики. ✔ Всё для качественного SEO-продвижения. ✔ Возможность кастомизации CSS-кода и добавления Google/TypeKit шрифтов. ✔ Встроенная система комментирования записей (для построения блогов). ✔ Интеграция с бесплатным фотостоком и встроенный редактор изображений. ✔ Готовое API. ✔ Каталог расширений и вспомогательных сервисов. ✔ Бесплатный конструктор логотипов. ✔ Подробная документация, блог, вебинары, обучающие видео, форум и профессиональная техподдержка. ✔ Возможность работать командой (например, с соавторами).

✘ Не подходит для коммерции в РФ (нет интеграции российских платёжных систем, служб доставки, популярных CRM-систем и т.п.). ✘ Могут возникнуть проблемы с оплатой (не принимаются карты российских банков). ✘ Слабая поддержка русского языка (панель управления и документации без перевода). Хотя можно перевести на русский интерфейс сайта. ✘ Ряд расширений и многие интегрированные сервисы требуют оплаты отдельных подписок. ✘ Почту для домена можно подключить только от Google. ✘ Устанавливаются ограничения по объёму хранимых видеофайлов (для изображений и другого контента – безлимит). ✘ Набор функций, интеграций и доступных блоков конструктора зависит от типа подписки. ✘ Цены заметно выше средних по рынку. ✘ Бесплатное тестирование возможно только по модели триала (первые 14 дней).

Из таблицы понятно, что плюсов у Squarespace больше, чем минусов. Но минусы достаточно серьёзные для того, чтобы не использовать платформу в РФ. Это качественная и реально удобная платформа в формате «всё-в-одном», но для западного рынка. Естественно, за исчерпывающие возможности придётся платить, и платить немало.

Для кого предназначен

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

Сейчас конструктор отлично справляется с запуском блогов, портфолио, сайтов ресторанов, фотографов и других специалистов, с работой малых и крупных интернет-магазинов.

Причём для электронной коммерции предоставляется больше всего функций: маркетинговые сервисы, интеграции, email-рассылки, приём оплаты, доставка, аналитика и т.п.

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

Но при этом степень свободы действий такова, что Squarespace понравится и профессиональным web-мастерам, и разработчикам, и дизайнерам, и маркетологам, и другим специалистам.

Итого, Squarespace будет интересен практически любым категориям пользователей: предпринимателям и малому бизнесу, блогерам, фотографам, инфлюенсерам и медийным личностям, профессиональным web-разработчикам и web-агентствам, владельцам ресторанов и т.п. Здесь можно в несколько кликов создать интернет-магазин, блог, лендинг или портфолио.

Простота использования

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

Ключевой функционал любой облачной платформы для создания сайтов – это онлайн-редактор. В Squarespace страницы сайта всегда перед глазами, а чтобы перейти в режим редактирования, достаточно нажать кнопку «Edit», расположенную в верхней панели.

Чтобы ускорить запуск типовых проектов, в каталоге платформы предоставляется большой выбор готовых шаблонов и макетов.

Домен можно приобрести прямо в панели управления, а можно привязать к Squarespace уже имеющиеся доменные имена.

Настройки и тематические функции разбиты по категориям:

• страницы (для управления списком страниц),
• дизайн (для централизованного управления стилями, шрифтами, анимациями и другими параметрами внешнего вида),
• коммерция (тут сконцентрировано всё, что связано с работой интернет-магазинов и продажами),
• маркетинг (все маркетинговые инструменты, например, email-рассылки, управление базой подписчиков и т.п.),
• планирование (специальный сервис для автоматизации бизнеса),
• аналитика (работает без необходимости подключения внешних сервисов),
• профили пользователей,
• настройки сайта,
• раздел помощи.

С чего начать

Чтобы начать пользоваться платформой, достаточно создать здесь аккаунт.

1. Шаг 1. Перед регистрацией система предложит выбрать один из тематических шаблонов. Чтобы сузить круг поиска, будет задано несколько наводящих вопросов. Их можно пропустить.
2. Шаг 2. Регистрация. Вы можете создать аккаунт с привязкой к имеющимся профилям в социальных сетях Google, Apple ID, Facebook. А можете просто указать свой email-адрес и пароль. Система даже не будет ждать подтверждения (хотя позже адрес электронной почты нужно будет подтвердить).
3. Шаг 3. Базовые настройки. Специальный интерактивный мастер попросит ввести название сайта и проведёт по наиболее важным настройкам: как создавать и редактировать страницы, как настраивать внешний вид. Либо вы можете оставить всё как есть.

Принудительно публиковать сайт в Squarespace не нужно. Это произойдёт автоматически. Все сайты работают на защищённом HTTPS-протоколе, поэтому отдельно добавлять свой SSL-сертификат не придётся.

Всё, сайт готов к работе и редактированию.

Редактирование сайта

Все разделы панели управления мы описали выше. В них вы можете настроить те или иные параметры сайта, перейти к профильным инструментам, например, создать бесплатный логотип или запустить email-рассылку.

Для работы непосредственно со страницами сайта понадобятся три инструмента:

1. Раздел «Страницы» (Pages). Здесь можно добавить новые страницы и настроить параметры уже имеющихся – тайтл, написание названия в меню, ЧПУ (свой вариант адреса страницы), SEO-атрибуты, изображения для социальных сетей, а также вставить кастомный HTML/JS-код (премиум-опция). Страницы можно удалять и дублировать, закрывать от индексирования, распределять по папкам (категориям). При создании новой страницы вы можете воспользоваться чистыми бланками (будет только шапка и футер), макетами (шаблоны страниц разного типа – политика конфиденциальности, FAQ-раздел, отзывы/обзоры, «О компании», личный кабинет пользователя, бронирование и т.п.), а также коллекциями (это полноценные разделы сайта со своим типом/набором страниц – блог, магазин, портфолио, события и видео). У коллекций предусмотрены особые настройки. Например, добавление категорий и тегов для страниц блога, наполнение каталога для магазина и т.д.
2. Раздел «Дизайн» (Design). В эти настройки можно попасть из панели управления или из онлайн-редактора страниц. О настройках дизайна расскажем ниже. Squarespace обеспечивает оперативную правку стилей, шрифтов, отступов, кнопок, анимаций и других параметров. Можно настроить внешний вид системных страниц и добавить свой CSS-код, поменять иконку сайта, добавить экран блокировки (если доступ к странице блокируется паролем) и т.п.
3. Онлайн-конструктор. Squarespace подразумевает сборку страниц из секций – они могут быть готовыми (то есть сразу с тематическим наполнением и заданным функционалом) или пустыми (своего рода аналог свободной секции в Tilda или в mottor). Если секция была добавлена готовая, то в зависимости от типа её контента, будут предоставлены специфические настройки. Это касается блоков с товарами, галереями и др. В пустые и в некоторые другие секции (с контактами, текстом и т.п.) можно добавлять произвольный набор блоков. В качестве блоков у конструктора Squarespace используются не только текст, кнопки, разделители, изображения и другие примитивы, но и более сложные элементы, например, онлайн-карты, формы ввода, поисковые формы, облака тегов, таблицы, а также внешние интеграции (контент из социальных сетей, формы для сбора донатов, запись на события и т.п.).

Шапка и подвал являются сквозными блоками. Для любого блока можно настроить параметры внешнего вида (фон, в том числе анимированные арт-обои), отступы, высоту, анимацию и другие параметры. Что примечательно, смена оформления осуществляется на основе предложенных шаблонов (макетов расположения ключевых элементов) и цветовых схем. Достаточно пару раз щёлкнуть мышкой.

В остальном всё максимально просто – вы добавляете на страницу нужные вам блоки и редактируете их контент. Новые страницы могут быть пустыми или с готовым типовым наполнением (под одну из стандартных задач).

Публикация

Чтобы внесённые вами изменения вступили в силу, достаточно нажать кнопку «Done» («Готово»).

Каких-либо сложных манипуляций с резервным копированием или с версионированием страниц здесь нет.

Если вы не хотите, чтобы изменения сохранялись, в выпадающем списке выберите пункт «Discard Changes» (отменить изменения).

Отменять изменения можно по шагам, как в любом текстовом редакторе – для этого воспользуйтесь стрелками «назад» и «вперёд».

Если вы хотите, чтобы сайт был намного привлекательнее для клиентов – добавьте имеющийся или зарегистрируйте новый домен второго уровня.

Функциональные возможности

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

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

Создание магазина на Squarespace

У сервиса есть свой встроенный магазинный модуль, и он весьма неплох даже для крупных торговых площадок.

Все основные настройки, связанные с работой интернет-магазинов, вынесены в разделы «Коммерция» (Commerce) и «Маркетинг» (Marketing). Чтобы добавить к любому сайту модуль магазина, достаточно в качестве новой страницы выбрать коллекцию «Store». Магазинов у одного и того же сайта может быть несколько (как несколько вариантов витрин).

Какие возможности для интернет-торговли обеспечивает Squarespace:

• Каталог любой сложности и объёма. Категории могут иметь любой уровень вложенности.
• Поддерживается массовый импорт и экспорт. Загрузка каталога возможна из существующих торговых площадок Etsy, Shopify или Big Cartel. Для всех остальных есть поддержка формата CSV.
• Возможна продажа физически и цифровых товаров, услуг, подписок и подарочных карт.
• Отдельный сервис для бронирования отелей и продажи услуг консультаций (с привязкой ко времени в графике).
• Имеется встроенная CRM-система для отслеживания статусов заявок/заказов и хранения контактных данных клиентов.
• Карточки товаров можно собирать из блоков (в перечне доступных — все блоки, присутствующие в онлайн-конструкторе для пустых/свободных секций).
• У товаров могут быть варианты и опции (цвет, размер и т.п.).
• К товарам можно добавить список рекомендаций.
• Реализована готовая система отзывов и оценок.
• Клиентов можно конвертировать в подписчиков прямо на странице с чек-аутом.
• Имеется мощная встроенная система email-рассылок (с сегментированием аудитории, готовыми шаблонами писем и т.п.).
• Предоставляется специальный конструктор поп-апов (всплывающих окон с маркетинговыми предложениями) и панель анонсов (ещё один вариант окна для привлечения внимания).
• Готовая система промокодов (умеет работать по расписанию) и закрытых распродаж.
• Синхронизация каталога с магазинами в социальны сетях (Facebook и Instagram).
• Готовая POS-система для организации точек продаж (работает только в США).
• Списки ожидания с автоматическими рассылками о появлении товара.
• Возможность управления шаблонами email-уведомлений.
• Быстрое и простое подключение платёжных систем (Stripe, PayPal, Square).
• Тонкие настройки страницы чек-аута.
• Готовые личные кабинеты покупателей.
• Интеграции с сервисами доставки и сетями пунктов выдачи, с сетями рекламы (Facebook, Google).
• E-Commerce-аналитика.
• Коммерческое API (для автоматизации процессов и нестандартных интеграций).
• Конструктор URL (для создания шаблонов человекопонятных URL-адресов).
• Групповая работа.
• Мобильное приложение для удобного управления и получения оперативных уведомлений.
• Специальный инструмент для организации работы ресторанов и локального бизнеса – TOCK.

Стоит учесть, что Squarespace разделяет функции торговли по разным тарифным планам. Чем больше возможностей, тем дороже стоит подписка. Среди интеграций и платёжных сервисов нет востребованных в России вариантов. Поэтому для бизнеса на территории РФ Squarespace не подходит.

Сама процедура запуска магазина на Squarespace выглядит так:

• Вы добавляете новую коллекцию «Store» и заполняете основные параметры магазина (название, URL страницы, валюта и т.п.).
• Выбираете нужную подписку (в соответствии с необходимыми вам функциями).
• Создаёте структуру каталога (категории и подкатегории).
• Наполняете каталог товарами (вручную или с помощью инструментов импорта).
• Добавляете и настраиваете способы оплаты.
• Добавляете способы доставки.
• Публикуете магазин.
• Принимаете заказы и проводите дальнейшие работы по раскрутке (запуск рекламы, SEO-оптимизация и т.п.).

Создание блога на Squarespace

За работу блога в конструкторе Squarespace отвечает специальная коллекция «Blog». Для этого выберите соответствующий пункт в меню создания нового материала. Платформа предоставляет сразу 4 варианта макетов для расположения ленты материалов.

Далее контент можно импортировать из WordPress или из других платформ, а также просто создать с нуля.

Какие возможности предоставляет модуль блогинга Squarespace:

• Готовые тематические шаблоны.
• Все необходимые атрибуты для качественного SEO (тайтл, дескрипшн, ЧПУ, микроразметка).
• Специальные поля для Apple News, Apple Podcasts и аналогичных сервисов.
• Вставка кастомных HTML и JS-кодов для страниц категорий и отдельных записей.
• Работа соавторов и различные статусы материалов.
• Публикация по расписанию.
• Система тегов, категорий и комментирования (без задействования внешних сервисов).
• Автопубликация постов в социальные медиа (пушинг).
• Встроенные инструменты email-рассылок.
• Большой выбор блоков редактора для удобного создания материалов блога (сопоставим с набором блоков для свободной секции).
• Система поиска отсутствующих изображений записей (thumbnails).
• Закрепление отдельных записей сверху (featured post).
• Приложение для создания сторис (специальный контент под социальные сети) – Unfold.
• Video Studio App – приложение для создания красивых видеороликов.
• Интеграции с социальными сетями.

При желании блог даже можно монетизировать. Но доступ к вставке HTML-кода и блокам доната открывается только на бизнес-тарифе и выше.

Создание лендинга на Squarespace

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

Однако, если одна из ваших задач – показать примеры работ, можно воспользоваться коллекцией «Portfolio». Это особый тип страниц, которые упрощают создание презентаций с быстрым переключением между ними. Хотя классический лендинг – это одна продающая страница, такой формат тоже может подойти.

Какие возможности Squarespace предоставляет для работы с лендингами:

• Огромный выбор готовых секций для разных задач (заголовки, списки, галереи, цитаты, видео, формы, онлайн-карты и т.д.).
• Тематические шаблоны.
• Несколько вариантов прайс-листов и возможность вставки карточек товаров из модуля интернет-магазина.
• Приём онлайн-оплаты.
• Готовые формы для сбора подписчиков и элементы для привлечения внимания (поп-апы и панель анонсов).
• Встроенная система аналитики (при желании можно подключить сторонний код).
• Мощные маркетинговые инструменты (рассылки, встроенная CRM-система, правка шаблонов уведомлений и т.п.).

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

Это максимально простой и удобный сервис. Работает самостоятельно – без регистрации и необходимости оплаты для скачивания лого.

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

Из недостатков:

• Можно добавить только одну иконку.
• Объекты на холсте нельзя поворачивать (чтобы поменять угол наклона).
• Не все шрифты адекватно работают с кириллицей.
• Экспортируется лого только в формате PNG (нет доступа к векторным форматам).
• После выгрузки потребуется доработка (изменение разрешения и/или обрезка).

Встроенный редактор изображений

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

Во встроенном редакторе есть большой выбор предустановленных фильтров, ножницы (обрезка, поворот, отражение, изменение соотношения сторон и т.п.), а также возможность регулирования других параметров (яркость, контраст, сатурация, размытие и др.).

Редактором можно пользоваться совершенно бесплатно.

Сами изображения можно загружать с ПК или с интегрированных фотостоков – есть бесплатная библиотека и поиск по платному стоку Getty.

Картинки могут открываться по нажатию во всплывающем окне (Lightbox) и обрезаться по сложным контурам (в соответствии с выбранными фигурами).

Фоновые изображения можно заменить видео или анимированным арт-фоном из специального набора (браузер должен поддерживать WebGL).

Squarespace Video Studio App

Это специальное мобильное приложение, которое представляет собой продвинутый видеоредактор, предназначенный для быстрого и удобного создания промо-роликов. Использование будет бесплатным, если у вас премиум-подписка к конструктору.

Работа по созданию роликов ускоряется за счёт встроенных шаблонов и накладываемых эффектов.

На текущий момент скачать можно только в App Store (для iOS).

Расширения Squarespace

Возможности платформы можно расширить за счёт готовых интеграций и API. Интеграции собраны в отдельном каталоге, доступ к которому можно получить из раздела общих настроек сайта.

В каталоге представлены расширения из следующих категорий:

• Финансовые инструменты (бухгалтерская отчётность, проверка налогов, синхронизация данных и т.п.).
• Инструменты для работы с каталогом товаров (учёт складских запасов, оптовые продажи, улучшенные формы заказа фотопродукции и т.д.).
• Расширение продаж и маркетинг (автоматически опросы после покупок, сервисы рассылок и информирования, управление фидами, SEO-инструменты и др.).
• Расширения доставки и фулфилмента.

Тут стоит учесть, что в наборе расширений полностью отсутствуют сервисы, востребованные в России. А ещё многие расширения предполагают отдельные подписки на свои услуги, что может повлиять на итоговые расходы по обслуживанию сайта.

Маркетинговые инструменты Squarespace

Ключевой инструмент автоматизации маркетинга – email-рассылки. Они позволяют решать массу важных задач, таких как информирование, реклама, возвращение покупателей, допродажи и др.

Squarespace реализовал собственную систему рассылок. Она интегрирована со встроенной CRM-системой и умеет собирать подписчиков из форм на страницах чек-аута. Плюс, контакты можно собирать через специальные всплывающие окна (поп-апы) и из встроенных форм на сайте.

Контакты (аудиторию) можно сегментировать по разным критериям – как в любых других профильных сервисах рассылок.

Помимо email-рассылок, у Squarespace есть и другие маркетинговые инструменты:

• Приложение Unfold.
• Редактор для создания видеороликов (Video Studio App).
• Готовая система профилей пользователей с листами желаний и с отслеживанием статусов заказов, с просмотром истории покупок и т.п.
• Качественные SEO-инструменты с возможностью генерации тайтлов по шаблонам.
• Интеграции с социальными сетями.
• Встроенная система аналитики (при таком комплексном подходе её легко можно назвать сквозной).

Управление доменами

Собственный домен можно зарегистрировать прямо из панели управления Squarespace. Поддерживается большое количество доменных зон. Правда RU/РФ или SU-зон в списке доступных нет.

Но вы можете перенаправить на серверы уже имеющиеся (зарегистрированные у других провайдеров) доменные имена или осуществить трансфер (передачу на обслуживание в Squarespace).

При оплате подписки конструктора на год домен можно получить в подарок (дальнейшее продление – по стандартной цене).

Все сайты, вне зависимости от того, как и где их регистрировали, получают бесплатные SSL-сертификаты и работают на защищённом протоколе HTTPS.

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

Инструменты аналитики

Без каких-либо внешних сервисов и вставки кода можно просматривать подробные сведения о работе своего сайта в Squarespace:

• По продажам (в разрезе всего магазина или с привязкой к конкретному товару).
• По трафику (география посетителей, поисковые запросы, по которым они к вам попали, количество переходов с привязкой ко времени и т.п.).
• По воронке продаж и по брошенным корзинам (аналитика конверсий форм и кнопок).
• По журналам активности и показателям вовлечённости.
• По RSS-подпискам.

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

Если встроенной аналитики недостаточно, подключаются внешние инструменты, например, Google Аналитика (но уже через вставку кода).

Набор данных в аналитических отчётах будет зависеть от текущего тарифного плана.

Мобильные приложения Squarespace App

Самое главное приложение Squarespace предназначено для управления сайтом со смартфонов и других мобильных гаджетов.

Оно распространяется для Android и iOS-устройств. Здесь легко просматривать события сайта, управлять интернет-магазином, создавать и редактировать новый контент.

Помимо основного приложения, Squarespace предлагает ещё ряд специфических продуктов:

• Acuity Scheduling (отдельно для клиентов и для владельцев бизнеса) – управление встречами и занятиями, рассылка уведомлений и напоминаний, синхронизация календарей. Распространяется со своими подписками.
• Unfold – приложение для создания сторис на основе профессиональных шаблонов.
• Video Studio App – видеоредактор, пока работает только на iOS.

Дизайн и работа с шаблонами

Конструктор Squarespace имеет более 150 готовых тематических шаблонов и около сотни макетов страниц (для быстрого наполнения контентом). Это, не считая разных тематических секций и блоков визуального редактора.

Можно отфильтровать нужные шаблоны по тематике и сфере применения (коммерция, блогинг, портфолио).

Все шаблоны Squarespace распространяются полностью бесплатно. Они поддерживают адаптивную вёрстку и отлично выглядят на экранах мобильных.

Внутри редактора легко создать страницы для проектов любого типа: для блогов, магазинов, корпоративных сайтов, визиток и т.д.

Сквозные блоки

Секция шапки сайта (хедер) и футера (подвала) – сквозные для всего сайта. Шапку можно закрепить при скроллинге. Она имеет отдельную мобильную версию меню с иконкой сэндвича. Макет оформления и цветовую схему легко сменить в настройках.

Футер позволяет добавлять в него различные дополнительные блоки. Например, онлайн-карту с расположением офиса или форму обратной связи.

Загружать свои шаблоны или редактировать HTML-код секций нельзя.

Но Squarespace имеет специальные блоки для вставки произвольного HTML-кода и позволяет собирать свои варианты секций (из произвольного набора блоков – простых и более сложных элементов).

Часть готовых секций нельзя дополнить вспомогательными элементами. Обычно это сложные по функционалу макеты – галереи, слайдеры, карточки товаров и т.п. Но и для них есть возможность смены варианта макета и цветовой схемы.

Инструменты профессиональных дизайнеров

Если вас не устраивают предложенные цветовые схемы и стандартные наборы шрифтов, можно использовать продвинутый редактор тем (Theme Editor). Он позволяет детально настроить цвета практически для любых элементов страниц: заголовки, ссылки, кнопки, параграфы внутри определённых блоков и т.д. По аналогии настраиваются блоки изображений и кнопки.

Для особо сложных случаев вы можете задействовать кастомные CSS-стили.

Squarespace обеспечивает быстрое переключение между бесплатными web-шрифтами, которые поставляются сервисами Google Fonts и TypeKit.

Но профи могут загрузить свои файлы шрифтов и CSS-таблиц. Сделать это можно в разделе настроек Дизайна – Custom CSS –> Manage custom files.

Все ключевые параметры управления стилями оформления сконцентрированы в панели дизайнеров. Здесь около 1000 разнообразных опций: отступы, анимации и т.п.

Конструктор не умеет устанавливать в качестве фона секций онлайн-карты, но многим пользователям понравятся видео и анимированные фоны (на базе WebGL).

Обратите внимание: для web-разработчиков Squarespace предоставляет отдельную облачную платформу – Developer Platform. Она позволяет работать с npm-пакетами, json-шаблонами и использовать git-хранилище.

Вставка своего HTML-кода

Конструктор поддерживает вставку Markdown-разметки и HTML-кода. Эта возможность реализована специальными блоками визуального редактора.

Однако, JavaScript-код и блоки iframe получится вставить на страницы только у подписчиков тарифных планов «Бизнес» и выше. Эти опции рассчитаны на профессионалов.

Настройка мобильной версии сайта

Squarespace предполагает две точки останова – ПК (устройства с большим экраном) и мобильные (смартфоны).

Для более тонкой настройки внешнего вида специально для мобильных устройств нужно переключить редактор в соответствующий режим предпросмотра. Здесь вы можете перемещать границы элементов так, как считаете нужным. На версии для ПК это никак не отразиться.

Отдельные разделы настроек для ПК и мобильных имеет только секция шапки (хедера).

Пользователи тарифов «Бизнес» и выше могут активировать специальную информационную панель для смартфонов. Внутри неё можно отобразить email, номер телефона, адрес офиса и график работы.

Техническая поддержка

Пользователи получают исчерпывающий набор обучающих и справочных материалов по платформе:

• видео,
• вебинары,
• бесплатные форумы сообщества,
• подробная база знаний.

Основные действия в системе сопровождают виртуальный ассистент и интерактивные подсказки.

Если вам мало всего этого и вы никак не можете сориентироваться, можно обратиться в техподдержку или заказать работу экспертам (имеется отдельный маркетплейс для поиска специалистов).

С техподдержкой можно связаться:

• По email (обращение возможно в любое время дня и ночи без выходных).
• В онлайн-чате (только на английском языке по будням в рабочее время с 11-00 до 3-00 по Москве.

Цена: сколько стоит сайт на Squarespace

У данного конструктора нет бесплатного тарифа, только триал-период на 14 дней для все новых сайтов в аккаунте.

После истечения времени бесплатного тестирования нужно выбрать один из возможных тарифов подписки:

• Personal – от 16 USD/месяц. Базовый набор услуг и возможностей (2 дополнительных рабочих места, подарочный домен, безлимитный хостинг, магазин расширений и техподдержка).
• Business – от 23 USD/месяц. Открывает доступ к любому количеству дополнительных рабочих мест, есть премиум-интеграции и блоки, кастомизация с помощью CSS и JavaScript, базовый набор опций для электронной торговли (с продаж взимается комиссия 3%), расширенная аналитика для сайта, промо-баннеры для стимулирования продаж.
• Commerce Basic – от 27 USD/месяц. Личные кабинеты клиентов, расширенная аналитика для магазинного модуля, чек-аут на вашем домене, интеграция с магазином в Instagram.
• Commerce Advanced – от 49 USD/месяц. Напоминания о брошенных корзинах, продажа подписок, расширенные возможности доставки и дискаунтов, коммерческое API.

Регистрация доменов – от 20 USD/год (в зависимости от доменной зоны).

Инструменты планирования (автоматизации) – от 14 до 50 USD/месяц (в зависимости от типа подписки и набора услуг).

Встроенный сервис email-рассылок – от 5 до 68 USD/месяц (зависит от количества кампаний и email-писем, доступных к отправке).

Приложение Unfold – от 2,99 до 12,99 USD/месяц (за PRO или PLUS функционал).

Выводы: стоит ли делать сайты на Squarespace

Как можно увидеть из обзора, Squarespace – это действительно мощный и функциональный конструктор сайтов. Он придерживается идеологии «всё в одном». Так, в режиме одного окна можно получить всё для создания блогов, интернет-магазинов, email-рассылок, планирования встреч и автоматизации бизнес-процессов, CRM-систему, приложения для создания Сторис и другого контента.

Но у такого подхода есть и обратная сторона – цены получаются заметно выше предложений нишевых конкурентов. К основным расходам можно смело добавлять дополнительные (на те же рассылки, приложения, расширения и т.п.).

Какой бы функциональной ни была платформа, её применение для российского рынка будет малоэффективным: нет платёжных инструментов, отсутствуют интеграции с популярными в РФ сервисами, сложности с оплатой подписок.

Для российского рынка мы рекомендуем обратить внимание на конструкторы из топ-10 в нашем рейтинге.