🛒 Shopify альтернативы

❗️Shopify - отличный вариант для создания интернет-магазина, но он не единственный.

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

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

Вот несколько популярных альтернатив Shopify:

1️⃣ BigCommerce: еще одна мощная платформа электронной коммерции с множеством функций. Подходит для крупных предприятий, которым требуется больше контроля над своими магазинами.

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

3️⃣ Wix: еще одна платформа с простым интерфейсом drag-and-drop. Подходит для начинающих предпринимателей, которые хотят быстро и легко создать интернет-магазин.

4️⃣ Ecwid: облачное решение электронной коммерции, которое можно добавить к существующему веб-сайту. Подходит для малого бизнеса, который хочет начать продавать товары в Интернете без необходимости создавать новый веб-сайт.

5️⃣ WooCommerce: плагин электронной коммерции для WordPress. Подходит для пользователей WordPress, которые хотят добавить функциональность интернет-магазина на свой сайт.

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

@usessnt | Наш сайт

🛒 Shopify альтернативы vol. 2

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

1️⃣ Medusa.js: Медуза позиционирует себя как альтернатива Shopify. С одной стороны это так, она имеет встроенную админ-панель, где можно настраивать товары и коллекции, отслеживать заказы, и создавать скидки. Единственное, что их сильно отличает, наличие CMS. У moek есть статья о Медузе, где он рассказал про неё более-менее подробно — читать.

2️⃣ Hydrogen: это набор инструментов и библиотек для создания быстрых и эффективных коммерческих веб-приложений относящихся к "headless commerce" на платформе Shopify. Под капотом использует Remix. Shopify, кстати, купил команду Remix.

ℹ️ Remix — фулл-стек веб-фреймворк, который позволяет сосредоточиться на пользовательском интерфейсе и работать с веб-стандартами, чтобы обеспечить быстрый, удобный и надёжный продукт.

👨‍💻Hydrogen активно рекламируется Shopify, но у него есть свои хейтеры. Стоит ли выбирать его для вашего магазина или нужно ли учить, если вы разработчик — решать вам. Мы любим новые технологии, но если вы только начинаете, возможно, лучше выбрать что-то более популярное.

3️⃣ Кастомный интернет-магазин: вот мы и плавно подошли к разработке кастомного интернет-магазина. Это выбор настоящих воинов или крупных компаний. Если вы разрабатываете в одиночку, создание интернет-магазина с нуля займёт уйму времени. Но этот процесс достаточно интересный и на пути встречается множество испытаний, как-будто играешь в RPG игру.

❗️Теперь более серьёзно. Создать кастомный интернет-магазин можно при помощи практически любой технологии или языка программирования.

👴 У "старичков" наиболее популярным языком является PHP, мы в своей практики видели интернет-магазины на чистом PHP, и даже заказывали оттуда, всё работало.

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

👶 У "зумеров" наиболее популярным решением являются JS фреймворки, например, Next.js, Nuxt.js, SvelteKit, и тд. Последние несколько лет их стало заметно много, поэтому есть среди чего выбирать.

❗️Но помните, не важно на чём вы пишите, важно что и как вы пишите.

@usessnt | Наш сайт

🆕 Отличные новости для разработчиков Shopify: доступ к метаполям в Shopify Flow стал намного проще!

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

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

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

Каждый ресурс (Товар, Заказ и т. д.) теперь имеет новое поле «метаполе».

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

Фото предоставлено: Shopify.

@usessnt | Наш сайт

Дуэйн Джонсон, он же The Rock, запустил свой новый бренд Papatui на Shopify!

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

С помощью Papatui компания The Rock стремится предоставить мужчинам высококачественную, эффективную и доступную продукцию.

Интересный факт: Papatui — не первый магазин Shopify в The Rock!

У него уже есть Shopify магазины для его бренда энергетических напитков ZOA Energy и бренда текилы Teremana Tequila.

@usessnt | Наш сайт

Что такое metafields или мета-поля в Shopify?

Metafields в Shopify - это мощный инструмент, позволяющий магазинам расширить функциональность и добавить дополнительные данные к товарам, коллекциям, заказам и другим объектам.

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

Metafields помогают настроить магазин под уникальные потребности бизнеса и улучшить процессы управления контентом и продуктами.

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

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

Подпишитесь на канал чтобы не пропустить выход новых постов!

@usessnt | Наш сайт

Подробности о крайнем сроке обновления страницы Checkout 13 августа.

Shopify пишет:

"В феврале 2023 года мы объявили о переходе на Checkout Extensibility — новую основу для оформления заказа, которая является более безопасной, производительной, безопасной для обновлений и настраиваемой с помощью приложений. Учитывая постоянно меняющиеся правила во всем мире, включая введение правил индустрии карт в соответствии с PCI DSS v4, `checkout.liquid` менее безопасен, чем Checkout Extensibility, и мы должны прекратить его поддержку. Этим переходом мы защищаем глобальную коммерцию, экосистему Shopify и бизнес наших продавцов.

❗️Начиная с 14 августа 2024 г., когда мы начнем процесс полного закрытия checkout.liquid для страниц «Информация», «Доставка» и «Оплата», магазины, которые не будут обновлены, увидят следующие последствия:

1️⃣ Настройки Checkout.liquid будут заблокированы: Shopify не будет предоставлять поддержку клиентов по обновлению или исправлению настроек checkout.liquid на страницах «Информация», «Доставка» и «Оплата». Настройки будут заблокированы и недоступны для редактирования. Магазины, использующие этот устаревший код после истечения установленного срока, делают это на свой страх и риск.

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

3️⃣ Медленные выплаты Shopify Payments: поскольку заказы будут считаться более рискованными, выплаты могут быть задержаны на срок до 5 дней после обработки транзакции.

С 6 января 2025 г. мы начнем автоматическое обновление страницы Checkout, которые продолжают использовать checkout.liquid, с уведомлением по электронной почте за 30 дней. Это означает, что настройки checkout.liquid будут потеряны."

❗️❗️Если вы ещё не перешли на Checkout Extensibility - сделайте это как можно скорее.

@usessnt | Наш сайт

❓Какую Тему Выбрать Для Дропшиппинг Магазина?

Если вы задумались об открытие Дропшиппинг магазина на Shopify, выбор правильной темы играет важнейшую роль.

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

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

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

❗️Не забывайте о постоянном обновление магазина.

@usessnt | Наш сайт

❓Как динамически отобразить текущий год при помощи Liquid?

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

Это может быть полезно, например, в подвале сайта. Там, где мы пишем о копирайте.

В обычной HTML вёрстке мы используем статическое значение по типу: “© 2024 Company Name”.

В таком случае, 1 января следующего года значение “2024” не обновится. Чтобы этого избежать и не запутать пользователей сайта мы будем использовать следующую конструкцию, вместо статического отображения текущего года:

{{ "now" | date: '%Y' }} 

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

——

❗️Если ваш сайт не использует Liquid, вы можете воспользоваться следующим методом по отображению текущей даты.

<span id="currentYear"></span>

function displayCurrentYear() {
 const currentYear = new Date().getFullYear();
 document.getElementById("currentYear").textContent = currentYear;
}

document.addEventListener("DOMContentLoaded", displayCurrentYear);

👆 В данном методе мы используем язык программирования JavaScript для отображения текущего года. Выглядит немного массивнее, чем способ на Liquid, но JS есть JS.

@usessnt | Наш сайт

🥳 Бандлы теперь доступны в черновых заказах

Продавцы теперь могут добавлять бандлы товаров в черновые заказы. Независимо от того, используют ли они приложение Shopify Bundles или создают свои собственные предложения бандлов с помощью Shopify API, продавцы могут использовать эту функцию для увеличения продаж и улучшения качества обслуживания клиентов.

❗️Кроме того, функция CartTransform автоматически запускается для всех черновых заказов.

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

Чтобы узнать больше о пакетах в черновых заказах, обратитесь в Справочный центр Shopify.

@usessnt | Наш сайт

🆕 Прощай старый сайт, привет разработка нового

Наш старый сайт нас не устраивал и мы решили разрабатывать новый.

🙂 Так получилось, что наш старый сайт сейчас недоступен, поэтому мы какое-то время будем без сайта :)

Пока идёт разработка сайта, мы будем писать новые секции и готовить статьи для вас!

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

@usessnt | Наш сайт

Shopify Edition Summer '24

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

1️⃣ Единый Shopify CLI
Одна установка Shopify CLI позволяет легко создавать приложения, темы и витрины магазинов Hydrogen.

npm install -g @shopify/cli@latest

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

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

4️⃣ Checkout Blocks теперь имеет бесплатный тариф
Checkout Blocks — это бесплатный и простой способ персонализировать оформление заказа с помощью расширений страницы чекаут. Изменять код не нужно. Эксклюзивно для Плюс.

5️⃣ Тема Trade уже доступна в магазине
Настройте B2B-магазин с готовой темой Trade, предназначенной для повторных и оптовых закупок. Тема бесплатная.

6️⃣ Новая аналитика
Shopify перестроили набор аналитических технологий, чтобы сделать его быстрее, гибче и интуитивно понятнее. Вы получите более глубокое представление о работе вашего магазина в режиме реального времени. И вскоре используйте ShopifyQL для запроса ваших данных прямо в отчете.

7️⃣ Визуальный конструктор Hydrogen сайтов
Визуальный редактор Hydrogen на базе Utopia позволяет всей вашей команде проектировать, продавать и создавать товары с помощью общего представления магазина. Код остаётся базой витрины, но изменения в конструкторе синхронизируются с GitHub.

8️⃣ Массовый импорт и экспорт метаполей
Импорт и экспорт продуктов теперь поддерживают метаполя продуктов, что упрощает массовое управление метаполями продуктов.

Это были основные обновления по нашему мнению, полный список обновлений вы можете почитать по ссылке.

@usessnt | Наш сайт

Shopify исполнилось 20 лет

По информацие на официальной странице, Shopify был основан в 2006 году, а это значит, что ему 18 лет. Ну ладно, будем праздновать 20 летие!

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

Фото: Корали Дельфа

@usessnt | Наш сайт

Новые настройки стиля для тем

Ох-ох, ну мы и пропали. Вы, наверное, уже заждались новостей в Shopify. Исправляемся.

Shopify вводит новую категорию настроек под названием «Настройки стиля». Настройки стиля напрямую связаны со свойствами CSS и позволяют продавцам изменять значения для разной ширины устройств.

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

Shopify предложит широкий набор настроек стиля с помощью панелей Style, начиная с Layout, Size и Spacing, а в скором времени появятся и другие. Используя панели стилей, предоставляемые Shopify, разработчики тем получают полный набор настроек, которые могут быть использованы продавцами.

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

@usessnt | Наш сайт

Shopify ребята, выходим из тени!

Летние Обновления Shopify 2024

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

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


🔔 Стрим будет доступен в этом канале в Четверг 25 Июля 17:00 GMT+3 🔔 Ссылка

❗️Уже совсем скоро пройдёт прямая трансляция по обновлению Shopify Editions 2024: Summer Edition, где @oxdaniil, @vpesh, и @themoek расскажут, что изменилось в Shopify.

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

🔗 Ссылка на прямую трансляцию

Всем привет!
Спасибо всем кто вчера пришел на трансляцию про Shopify Editions.
Было интересно, была отличная адуитория и вопросы. Давно не видел столько Shopify разработчиков в одном месте)
Не обошлось без факапов и часть трансляции не записалась 🤦‍♂️, поэтому выложу укороченную версию в YouTube канале (урезана в основном моя часть про фичи, связанные с маркетингом и b2b. Если есть какой то вопрос, то приходите в личку, расскажу)

Контакты спикеров:
Владимир @vpesh агентство Ecommerce Works
Майк @themoek Shopify разработчик и блогер

Ссылка на Shopify Editions 2024

Хороших выходных🍻

"There was an error updating your shopping cart. Please try again."

👨‍💻При разработке кастомной Shopify темы могут возникать разные ошибки, в этом посте мы расскажем об одной из возможных ошибок, с которой вы можете столкнуться. Давайте разберёмся как её обнаружить и решить.

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

2️⃣ Кэш браузера.
Страница или сайт в целом постоянно меняются в ходе разработки, что может привести к заполнению кэша браузера. Кэш полезен, но периодически очищайте его, особенно при разработке.

🔗 Подробнее про кэш.

3️⃣ Консоль.
В консоли может выводится разная информация, которая может помочь в решение проблемы. Если консоль пустая (там нет ошибок), то идём дальше.

4️⃣ Вкладка "Network".
В данной вкладки можно отследить загрузку файлов сайта и отследить как получаются или отправляются запросы на сервер. Возможно, какой-то из запросов не работает.

5️⃣ Проверьте код темы.
Если вы знакомы с веб-разработкой и архитектурой Shopify тем, проверьте скрипты или основной файл theme.liquid, возможно, там есть ошибка. Если вы не занимаетесь веб-разработкой, то лучше ничего не менять в коде темы, это может привести к дополнительным ошибкам. Найдите профессионала, который вам поможет, например, нас.

6️⃣ Кастомный код.
Зачастую такие ошибки возникают из-за "кастомного кода". Но как он попал в тему? Либо приложениями, либо тема просто кастомная :)

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

❓Что может привести к ошибке "There was an error updating your shopping cart. Please try again."?
Если на вашем сайте используется стартовый шаблон, например, Dawn, и у вас кастомный (уникальный) дизайн шапки сайта. Иными словами, если не натягивать вёрстку на существующую шапку в шаблоне, можно получить такую ошибку.

❗️Внимательно следите за консолью браузера когда работаете с кастомными темами, это лишь одна ошибка, а их может быть огромная куча.


@usessnt | Наш сайт

🆕 Отправленные формы хранятся в метаобъектах - Shopify Forms

Теперь вы можете просматривать все отправленные данные из приложения Shopify Forms в админ-панели своего магазина. При создании формы для нее создается соответствующий метаобъект. Затем, каждый раз, когда поступает новая отправка, в этот метаобъект будет записываться запись. Это позволяет вам просматривать все ваши отправленные данные в одном месте, вместо того чтобы искать в записях клиентов определенную отправку.

Подробнее про Shopify Forms

@usessnt | Наш сайт

🚀 Интересные новости для разработчиков Shopify!

Версия Hydrogen v2024.7.3 вышла в начале августа. В нем появилось несколько интересных обновлений, которые сделают работу с Shopify еще более плавной. Этот выпуск содержит улучшения опыта разработчика, оптимизацию и исправления ошибок, которые вы обязательно оцените.

Вот что нового:
- Поддержка пользовательских файлов .env: Легко настраивайте параметры окружения.
- Повышенная производительность форматирования валют: Ускорьте эти вычисления!
- Упрощенное создание контекста: Новая функция createHydrogenContext изменит ситуацию.
- Улучшение компонента сценария: Теперь с параметром waitForHydration.
- Кроме того, исправления веб-кэша Google, поддержка пользовательских логгеров в vite.config.js и многое другое!

@usessnt | Наш сайт

Нюансы разработки Shopify тем

1️⃣ Shopify будет агрессивно кэшировать HTML-вывод ваших шаблонов Liquid, что означает, что вы не можете полагаться на чувствительную ко времени логику внутри ваших шаблонов Liquid (например, просматривать текущее время, чтобы определить, показывать или скрывать товар). Для таких чувствительных ко времени действий мы рекомендуем использовать JavaScript.

2️⃣ Хоть Shopify и поддерживал компиляцию файлов Sass в CSS, в целях безопасности он не поддерживал синтаксис @import, то есть все ваши стили должны быть записаны в одном файле.

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

Shopify прекратил поддержку Sass в 2020 году.

3️⃣ Как разработчик тем для Shopify, вы должны понимать, что не всегда только ваш код будет работать в магазине продавца. Помимо некоторых не тяжёлых библиотек, добавленных Shopify для администрирования и отслеживания, любые приложения Shopify, добавленные продавцом, могут манипулировать файлами шаблонов и файлами стилей вашей темы, загружать дополнительные скрипты или динамически корректировать HTML разметку.

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

@usessnt | Наш сайт