Учебник Squarespace: как использовать Squarespace? Пошаговое руководство для начинающих

Ищете учебник Squarespace, который поможет вам создать свой веб-сайт?

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

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

Оглавление:

• Персонализация вашего опыта Squarespace
• Как выбрать дизайн Squarespace для своего сайта
• Регистрация в Squarespace
• Знакомство с приборной панелью и редактором Squarespace
• Редактирование контента вашего сайта
• Внесение изменений в дизайн
• Добавление интернет-магазина
• Предварительный просмотр вашего сайта на мобильных устройствах
• Публикация вашего сайта и цены

Учебник Squarespace: как использовать Squarespace для создания веб-сайта

А пока давайте перейдем на веб-сайт Squarespace и нажмите одну из двух кнопок «Начать»:

Персонализация вашего опыта Squarespace

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

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

Когда вы довольны своим выбором, нажмите «Далее », чтобы двигаться дальше.

Если у вас есть конкретные цели, такие как создание сайта членства или создание сайта электронной коммерции, выберите их в меню целей.

Но не выбирайте цели, которые вы планируете преследовать «однажды». Просто выберите те, которые подтолкнули вас начать сегодня. Они будут определять, как Squarespace ранжирует проекты, которые вы увидите позже.

Например, если вашей темой была недвижимость , но вы выбрали продажу товаров и услуг в качестве основной цели, вы увидите множество тем электронной коммерции, прежде чем увидите одну тему недвижимости.

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

Как выбрать дизайн Squarespace для своего сайта

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

• Шаблоны, которые лучше всего подходят для вас, появятся первыми.
• Под ними вы найдете несколько шаблонов, которые станут хорошей отправной точкой для вашего веб-сайта.
• Наконец, вы найдете самые популярные дизайны.

Если вы просматриваете несколько шаблонов, но вас ничего не привлекает, выполните поиск по полному списку из более чем 110 шаблонов или отфильтруйте результаты, используя списки типов веб-сайтов и тем.

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

С Squarespace проще выбрать тему с «неправильными» функциями и добавить их, чем переделывать цветовую схему темы с «правильными» функциями.

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

Регистрация в Squarespace

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

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

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

Знакомство с приборной панелью и редактором Squarespace

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

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

Если у вас несколько веб-сайтов, вы можете переключаться между ними с панели управления. Чтобы просмотреть один из ваших веб-сайтов, нажмите кнопку « Веб -сайт», чтобы открыть полный набор инструментов управления веб-сайтом (включая визуальный редактор).

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

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

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

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

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

• Функционирующее меню со ссылками на важные страницы.
• Профессиональные макеты с правильными пропорциями и привлекающими внимание кнопками.
• Хорошо подобранные шрифты и профессиональная цветовая схема.

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

Давайте начнем редактировать страницы , так как они находятся в верхней части меню.

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

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

Настройки страницы полезны, если вы хотите знать, как дублировать страницу Squarespace. Перейдите в « Настройки страницы» → «Основные » и прокрутите вниз, чтобы найти ссылку « Дублировать страницу ». Просто нажмите на нее, чтобы дублировать любую страницу Squarespace.

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

После того, как вы настроили личность своего сайта, мы перейдем к следующему шагу руководства Squarespace: контенту страницы.

Нажатие на кнопку « Изменить » открывает параметры редактирования ваших страниц.

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

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

Здесь вы найдете следующие варианты редактирования для ПК и мобильных устройств:

• Название и логотип сайта.
• Различные элементы, такие как социальные ссылки и кнопки.
• Цвета и прозрачность.
• Позиция заголовка.

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

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

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

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

Редактирование содержимого страницы

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

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

️ Один важный момент: у Squarespace нет функции автосохранения. Как правило, сложно уйти со страницы, не нажав « Готово » и « Сохранить изменения » . Но потеря связи или закрытое окно могут вызвать некоторые проблемы.

Редактирование макета раздела

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

• Карандаш позволяет контролировать внешний вид раздела. Это включает в себя размер раздела, фон и цвет.
• Щелчок по двум страницам продублирует все в разделе. Вы скопируете макет, любые изображения, а также текст. Ваш продублированный раздел сразу появится под существующим.
• Две стрелки перемещают раздел вверх или вниз по странице.
• Корзина удаляет весь раздел.

Например, чтобы изменить фоновое изображение, нажмите на карандаш и Фон . Нажмите « Заменить », чтобы загрузить фоновое изображение, которое вам нравится. Если у вас есть ссылка на YouTube или Vimeo, вы можете найти настройки фона видео в разделе Видео .

Добавление разделов

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

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

• Назначения
• Пожертвования
• Товары
• Календари
• Графики
• Стена с логотипом
• Музыка
• и многое другое

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

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

Добавление страницы

Ни один учебник Squarespace не может быть полным, если вы не покажете, как добавить страницу. Вы можете создавать новые страницы и удалять существующие из меню « Страницы ».

Каждую страницу главного меню можно найти под заголовком « Главная навигация» .

Любые несвязанные страницы или области членства будут ниже основного раздела.

Чтобы добавить страницу, нажмите кнопку «+» в зависимости от того, где вы хотите разместить страницу.

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

• Просьба ответить
• Услуги
• Команда
• Галерея
• портфолио
• Блог
• и более

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

Когда вы будете готовы написать свой первый пост, просто нажмите на страницу своего блога, чтобы открыть архив. После открытия архива нажмите кнопку «+» , чтобы начать новый пост.

Внесение изменений в дизайн

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

Когда вы нажмете, вы сможете редактировать:

• Стили сайта, такие как шрифты, цвета, анимация и многое другое.
• Значки браузера
• Экраны блокировки
• Страницы оформления заказа
• 404 страницы
• Логотипы социальных сетей
• Пользовательские CSS

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

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

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

Добавление интернет-магазина

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

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

На самом деле, даже не имеет значения, если вы еще не знаете, что продавать в Интернете. Squarespace даст вам возможность изучить ваши варианты.

Фактически, вы можете добавить 200 товаров на страницу магазина. Если вы хотите получать доход от своего веб-сайта, Squarespace Commerce — хороший вариант.

Когда вы будете готовы начать, нажмите на вкладку « Коммерция ».

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

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

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

Вы можете выбрать один из четырех основных типов продуктов с различными настройками:

• Физический
• Цифровой
• Услуга
• Подарочная карта

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

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

Нажмите « Готово» → «Сохранить », чтобы добавить товар в свой магазин.

Добавление способов оплаты в ваш магазин Squarespace

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

С Squarespace вы можете интегрировать Stripe, PayPal и Square (в США). Нажмите на предпочитаемый шлюз, чтобы связать шлюз с вашим сайтом.

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

Нажмите кнопку « Выберите способ доставки товаров» .

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

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

Мобильный предварительный просмотр

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

Это переключит все на мобильный предварительный просмотр вашего сайта.

Прокрутите предварительный просмотр для мобильных устройств и подтвердите, что вас все устраивает. Выглядит великолепно, так что давайте сделаем последний шаг в обучении Squarespace: опубликуем ваш веб-сайт, чтобы его увидел весь мир!

Публикация вашего сайта и цены

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

Нажмите на ссылку « Настройки », чтобы найти параметры публикации.

Когда откроются параметры настроек, нас интересует доступность сайта .

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

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

Выберите план, который лучше всего подходит для вас, и празднуйте. Этот урок Squarespace завершен. Ты сделал это! Ваш сайт теперь работает!

Вывод

Мы покрыли много земли здесь. Подводя итог, мы узнали:

• Персонализация вашего опыта Squarespace
• Как выбрать дизайн Squarespace для своего сайта
• Регистрация в Squarespace
• Знакомство с приборной панелью и редактором Squarespace
• Редактирование контента вашего сайта
• Внесение изменений в дизайн
• Добавление интернет-магазина
• Предварительный просмотр вашего сайта на мобильных устройствах
• Публикация вашего сайта и цены

Что вы думаете о Squarespace как об инструменте для создания веб-сайтов? Вам нравится ваш опыт Squarespace? Не стесняйтесь делиться своими мыслями в комментариях ниже.