Как настроить дизайн магазина BigCommerce

Настройте дизайн магазина BigCommerce и создайте свой уникальный бренд

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

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

Особенность шаблонов BigCommerce в том, что все они используют HTML и CSS. Это дает вам неограниченную гибкость в настройке шаблона. Таким образом, хотя вы можете легко вносить базовые изменения в режиме дизайна, более сложные требуют знания HTML и CSS. Если у вас нет времени делать все это самостоятельно, вы можете обратиться к профессионалам, таким как 1 Digital Agency, чтобы настроить дизайн BigCommerce для вас.

Настройте BigCommerce в режиме дизайна

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

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

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

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

Использование быстрого редактирования для изменения вашего магазина

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

Другой способ настроить шаблоны BigCommerce — это редактор таблиц стилей. Параметр «Обзор файлов шаблонов» на вкладке «Дизайн магазина» позволяет редактировать CSS любого файла шаблона вашей темы. Вам нужно знать HTML и CSS, чтобы иметь возможность настроить BigCommerce отсюда, но это, безусловно, более эффективный способ сделать это. На самом деле, большинство настроек, которые такие профессионалы, как мы, вносят в темы, выполняются с помощью параметра «Быстрое редактирование».

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

При нажатии на любой файл шаблона справа открывается редактор (см. выше). Он показывает весь код этого шаблона, и здесь вы можете внести любые изменения в HTML. Это невероятно сложно и должно быть предоставлено экспертам, которые понимают HTML.

Настройте дизайн BigCommerce через FTP

Когда вы думаете о настройке BigCommerce, чаще всего вы обнаружите, что каждый аспект темы можно настроить, если вы знаете, как это сделать. Что касается основных вещей, мы говорили о режиме дизайна. Для более продвинутых настроек BigCommerce есть редактор HTML или Quick Edit. Но это еще не все. Существует также положение для FTP-доступа к специальному каталогу, который дает пользователям (опытным пользователям) возможность изменять все, что невозможно с двумя другими вариантами.

Вам нужно будет подключить свой магазин через FTP к каталогу. Вы можете загружать файлы здесь, которые затем должны быть связаны с вашим магазином BigCommerce. Лучший способ сделать это — загрузить ZIP-архив всех файлов шаблона вашего шаблона и изменить те, которые вам нужно изменить. Типы файлов, которые вы можете загружать, включают HTML и CSS, изображения, такие как .jpg, .jpeg и .png, и мультимедийные файлы, такие как .flv, .fla и т. д. Имейте в виду, что эти загруженные файлы будут иметь другие URL-ссылки, чем те, которые присутствуют в файлы шаблонов. Вам придется включить эти новые URL-адреса в таблицы стилей или веб-страницы, где они используются.

ОБНОВЛЕНИЯ 2019 ГОДА:

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

WYSIWYG-редактор

WYSIWYG: что видишь, то и получаешь. Этот редактор BigCommerce можно использовать для веб-страниц, баннеров, продуктов и категорий. Этот редактор является «передним редактором», что означает, что он позволяет вам редактировать содержимое определенных страниц, упомянутых выше, без изменения кода. WYSIWYG позволяет форматировать текст, создавать ссылки, добавлять изображения, видео и другие медиафайлы, а также создавать таблицы. Если вы предпочитаете не использовать редактор, есть кнопка отключения, которую можно нажать в настройках магазина.

Редактор тем в стиле BigCommerce

Если вы приобрели тему BigCommerce и хотите настроить ее, просто зайдите в магазин BigCommerce и нажмите «Мои темы». Это приведет вас к странице с экраном, который выглядит следующим образом:

После того, как вы нажмете кнопку «Настроить», откроется новое окно с панелью «Редактор стилей» слева от экрана.

Независимо от того, есть ли у вас магазин BigCommerce с темой Blueprint или с темой Stencil, BigCommerce позволяет изменить внешний вид вашей витрины с помощью редактора стилей без изменения кода. С темами Blueprint и Stencil вы можете изменять шрифты и цвета, размеры изображений, добавлять столбцы продуктов и многое другое, чтобы сделать свой сайт более адаптированным к вашему бренду и предпочтениям.

Настройте код HTML и CSS

Если вы находитесь в редакторе стилей и обнаружите, что не можете внести некоторые изменения, вам нужно будет изучить редактирование кода HTML и CSS вашей темы. Для этого вам нужно скачать тему, которую вы хотите отредактировать. Это будет выглядеть так:

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

Настройка магазина BigCommerce с лучшим цифровым агентством

Создание бренда — это больше, чем придумывание хорошего логотипа и слогана. Ваш магазин электронной коммерции должен олицетворять все, за что выступает ваш бренд. Хотя BigCommerce — это удобная платформа для электронной коммерции, вам необходимо настроить шаблоны BigCommerce, чтобы создать действительно уникальный дизайн сайта.

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

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

Наши специалисты работают с BigCommerce с самого начала. У нас есть разностороннее портфолио работ, которое говорит само за себя. Мы не только настраиваем дизайн BigCommerce, но также предоставляем услуги по маркетингу и разработке. Как сертифицированный партнер BigCommerce, мы с гордостью можем сказать, что построили свою репутацию на основе тяжелой работы и стремления сделать каждый проект успешным. Позвоните нам сейчас по телефону 888.982.8269 или свяжитесь с нами через наш веб-сайт и позвольте нам показать вам, что мы можем сделать.