Обзор Squarespace: сервис для создания сайтов

Squarespace — SaaS-платформа, позволяющая создавать сайты без знания CSS, HTML, PHP и других языков программирования — от классического блога с донатами до красивых и сложных по дизайну лендингов.

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

Начало работы

Чтобы приступить к созданию сайта, нажмите на главной странице кнопку «Get Started».

Откроется страница, где нужно выбрать, какой теме будет посвящен сайт — моде, фотографии, играм, дизайну, искусству, технологиям и так далее. Если вы затрудняетесь ответить, можно детально описать концепцию ресурса в отдельном поле или пропустить этот шаг.

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

При выборе готовых шаблонов у вас будет более 100 вариантов (по сравнению с другими онлайн-конструкторами это небольшое количество, но разработчики регулярно добавляют новые шаблоны). Также есть возможность создать дизайн сайта с помощью искусственного интеллекта. В обзоре мы рассмотрим оба варианта.

Шаблоны

Squarespace предлагает готовые шаблоны для создания сайта. Наиболее популярные из них находятся на главной странице.

Для теста функций выберем шаблон Reseda (предварительно можно выбрать понравившуюся цветовую палитру).

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

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

Интерфейс

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

Website

В этом разделе вы можете добавлять, удалять страницы и управлять ими по своему усмотрению. Есть возможность дополнительно настроить веб-сайт: интегрировать CSS, всплывающие окна (с файлами cookie) и многое другое.

Selling

Панель продаж позволяет настраивать функции электронной коммерции.

Products. Squarespace предлагает несколько типов продуктов:

• Физический. Продукт, который вы отправляете клиентам.
• Услуга. Платная консультация.
• Download. Цифровой файл, который пользователи могут скачать (например, электронную книгу, шаблон PDF или аудиофайл).
• Подарочная карта. Клиенты могут использовать ее для приобретения любого продукта или услуги.
• Видео по запросу. Продажа доступа к полной библиотеке видеоконтента.
• Курс. Серия образовательных материалов, посвященных определенной теме.
• Блог. Монетизация своего блога и превращение обычных читателей в платежеспособных подписчиков.

У каждого типа продукта есть свои уникальные опции. Необходимо внимательно настроить этот раздел.

Payments. Покупатели смогут расплачиваться в магазине после подключения платежных систем (доступны Stripe, PayPal и Square).

Subscription. Выбор плана подписки. Подробнее об этом рассказано в главе «Тарифы».

Marketing

Здесь пользователь управляет маркетинговыми кампаниями по электронной почте и запускает рекламные материалы. Сервис предлагает три способа для расширения своей аудитории:

• предоставить посетителям сайта возможность подписаться;
• если есть список адресов электронной почты, их можно импортировать на сайт и «превратить» в подписчиков;
• добавить всплывающее рекламное окно на сайт, чтобы читатели сами подписались на электронные письма.

Contacts

В разделе «Контакты» отображаются все пользователи сайта (клиенты, читатели и подписчики). Добавить фолловеров на веб-ресурс можно двумя способами: загрузить список из файла CSV или ввести информацию о каждом подписчике вручную. Потребуется указать адрес электронной почты, имя и фамилию.

Analytics

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

Здесь можно узнать следующую информацию:

• Посещения. Общее количество посещений за выбранное время. Squarespace отслеживает этот показатель с помощью cookies браузера.
• Отказы. Процент посещений, содержащих только один просмотр страницы.
• Уникальные посетители. Количество пользователей, которые впервые зашли на сайт.
• Общее количество просмотров страниц.

В разделе «Источники трафика» отображается другая статистика:

• общий доход со всех заказов, полученных в результате посещений за выбранный период времени;
• общее количество выполненных заказов;
• процент посещений, в результате которых был оформлен хотя бы один заказ;
• средний доход, полученный с одного заказа (рассчитывается по формуле: выручка / заказы).

Если подтвердить сайт с помощью Google Search Console, то можно узнать, какие ключевые слова привлекают трафик на веб-ресурс и как его оптимизировать в поисковых результатах.

Scheduling

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

Invoicing

Раздел, в котором можно посмотреть доход и активности по счетам.

Создание сайта через ИИ

Если вы не планируете пользоваться готовыми шаблонами и хотите создать сайт с помощью нейросети, то в этом поможет инструмент Blueprint AI. На первом этапе необходимо придумать название веб-ресурса (можно написать черновой вариант и затем изменить его).

Homepage. Создайте домашнюю страницу. Добавьте любое количество разделов на сайт. Для примера выберем Intro section, Digital Products Section и Social section.

Pages. Добавьте страницы на сайт. Специалисты Squarespace рекомендуют начать со страниц About, Contact, Shop, Services, Appointments и Course, но вы можете в любой момент удалить их или добавить новые.

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

Colors. Выберите палитру цветов, разработанную дизайнерами Squarespace. Изменить цвет можно позже в любой момент.

Fonts. Выберите шрифт, которые также подбирались дизайнерами сервиса.

Для применения настроек нажмите кнопку Finish в правом нижнем углу.

Сервис создал шаблон сайта за 5 секунд. Нажмем Continue (платформа предупреждает, что выбрав «продолжить», мы будем нести ответственность за любой контент, созданный с помощью Squarespace AI).

Description. Дайте описание сайту (можно больше рассказать о бренде, рекламируемых продуктах или экспертах). Пример: «Я коммерческий фотограф, живу в Нью-Йорке. Моя фотостудия Reseda Photography занимается портретной съемкой для семей и пар».

Writing style. Выберите стиль написания (нейтральный, профессиональный, информативный, дружелюбный, игривый, причудливый).

Для завершения настройки нажмите кнопку Finish в правом нижнем углу.

Теперь мы можем посмотреть сайт, сгенерированный искусственным интеллектом. Выглядит он так:

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

Редактор

Squarespace использует редактор под названием Fluid Engine. С помощью него вы получаете функции редактирования в реальном времени. Это означает, что любые внесенные изменения будут сразу отображаться в шаблоне.

При редактировании шаблона можно напрямую перетаскивать в него элементы: текст, кнопки, формы, изображения, видео, аудио, бизнес-продукты и многое другое. Есть возможность работать с разными разделами (такими как введение, контакты, продукты, о компании, меню и так далее).

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

По сравнению с некоторыми конкурентами, редактор загружается дольше. Однако есть способы ускорить загрузку: уменьшить размер изображений, избежать добавления слишком большого количества плагинов.

Интеграции

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

Все интеграции делятся на несколько категорий:

• фулфилмент: Shippo, ShipBob, Order Desk, Ship Station;
• финансы: TaxJar, Dext, FreshBooks;
• маркетинг: Mailchimp, SmartSEO, Judge.me, Channable, Outfy.

Чаще всего владельцы веб-ресурсов используют Mailchimp (для электронного маркетинга), Google Analytics (для отслеживания статистики веб-сайта) и Stripe (для платежей).

SEO-инструменты

Squarespace предлагает встроенные инструменты SEO. С их помощью можно оптимизировать сайт для поисковых систем и посетителей. Основные преимущества для пользователей сервиса:

• Карта сайта. Ваш сайт, созданный на Squarespace, поставляется с картой сайта в формате .xml, поэтому не нужно создавать ее вручную.
• URL. Все страницы на сайте имеют статические URL-адреса, которые легко индексируются и читаются поисковыми системами.
• Автоматическая разметка. Содержимое сайта (например, товары) по умолчанию правильно размечено — это помогает улучшить индексацию поисковиками.

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

Создание логотипа

На сайте Squarespace есть инструмент — создание логотипа. Для этого необходимо ввести название компании и нажать на стрелочку. Протестируем функцию — введем слово «Ninjas».

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

Для сохранения логотипа нажмите «Save logo» в левом нижнем углу.

Бесплатная пробная версия

Squarespace предоставляет бесплатную пробную версию на 14 дней. В течение этого времени можно пользоваться всеми функциями платформы без ограничений. По истечении срока действия пробной версии необходимо приобрести платный тариф — Personal, Business, Commerce (Basic) или Commerce (Advanced).

Тарифы

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

Сравнение тарифов

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

Основное

Маркетинг

Коммерция

Приложение

Программисты разработали мобильное приложение Squarespace для операционных систем iOS и Android. При этом разработчики предупреждают, что из-за маленького экрана редактировать текст и добавлять изображения со смартфона неудобно.

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

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

Squarespace предназначен для широкого круга пользователей:

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

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

Плюсы Squarespace

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

Инструменты маркетинга и SEO. Множество возможностей SEO и маркетинга помогают платформе выделиться на фоне конкурентов.

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

Интеграции. Squarespace предлагает множество расширений, которые помогут вести свой бизнес (например, Mailchimp и Google Analytics).

Стоковые изображения. При использовании Squarespace вы получаете доступ к библиотеке изображений Unsplash — в каталоге доступно множество вариантов на выбор. Squarespace также сотрудничает с Getty. Площадка платная, стоимость подписки составляет $10. Пользователи отмечают, что на этой платформе представлено больше качественных изображений.

Шрифты. Сервис предлагает огромное количество шрифтов (1 000 из них принадлежат Adobe, более 600 — Google). Ни один другой конструктор не может похвастаться настолько широким разнообразием.

Интеграции с социальными сетями. Пользователь может добавить учетные записи Twitter, Instagram*, Facebook*, YouTube и еще более 10 других платформ. Также есть возможность интегрировать Dropbox для доступа к фотографиям или разместить подкаст на сайте и добавить его в Spotify.

Домен. Вы можете купить домен у Squarespace или подключить свой. При оформлении годового тарифного плана сервис дарит бесплатный домен на год.

Резервное копирование и восстановление. В редакторе Squarespace нет функции автосохранения (из-за этого пользователям приходится сохранять свои проекты). Зато есть возможность восстановить любые удаленные страницы или сообщения в блоге в течение 30 дней. Squarespace также создает резервные копии веб-сайта и хранит их на своих серверах.

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

Недостатки Squarespace

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

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

Переход со старой версии. Если пользователь обновляет сайт со старой версии (Squarespace 7), то придется перестраивать веб-ресурс с нуля. Это не проблема для новичков, однако действующие клиенты могут столкнуться с большими трудностями и потеряют много времени.

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

Нет поддержки на русском языке. Специалисты принимают запросы только на английском. Выход из ситуации — писать обращение на русском в Google Translate или DeepL и пересылать переведенный вариант сотрудникам.

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

После окончания пробной версии или отмены тарифа сайт со всем содержимым будет удален через 30 дней. Squarespace дает слишком маленький срок (особенно, если пользователь случайно забыл продлить подписку).

Лимит. Сервис устанавливает ограничения по объему хранимых видеофайлов (для изображений и другого контента — безлимит).

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

На Squarespace представлено огромное количество обучающих и справочных материалов по платформе. Есть видео, вебинары, форумы, большой раздел «База знаний» с ответами на самые популярные вопросы пользователей.

Если вам необходимо связаться со специалистами, напишите на электронную почту support@squarespace.com (обращение возможно в любое время) или в онлайн-чат (только на английском языке по будням в рабочее время с 11:00 до 03:00 по московскому времени).

Отзывы

Squarespace — популярная онлайн-платформа для создания сайтов (ее даже рекламировал актер Киану Ривз). У сервиса много положительных отзывов в интернете. Пользователям нравится то, что веб-сайт легко настроить и редактировать. Представлено много привлекательных шаблонов с точки зрения дизайна.

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

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

Техническая поддержка — сильная сторона платформы. Это также подтверждает отзыв пользователя Андреа — специалисты помогли быстро настроить домен.

Вывод

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

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

*запрещенная в РФ организация