Advertisement
  1. Code
  2. eCommerce

Что такое PrestaShop?

Scroll to top
Read Time: 6 min

() translation by (you can also view the original English article)

PrestaShop home pagePrestaShop home pagePrestaShop home page

Что такое PrestaShop?

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

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

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

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

PrestaShop - Tablet Demo StorePrestaShop - Tablet Demo StorePrestaShop - Tablet Demo Store

Вот скриншот панели управления в рамках демонстрации:

PrestaShop - Demo of Administrative Back EndPrestaShop - Demo of Administrative Back EndPrestaShop - Demo of Administrative Back End

Еще в начале 2015 года я написал учебник по созданию магазина футболок с использованием WordPress и плагина Spreadshirt, который вы можете посмотреть здесь: Создайте свой собственный магазин футболок с плагином WordPress Spreadshirt (Envato Tuts +). Ниже приведен скриншот сайта, созданного для этого учебника, Sociables.io:

Sociables - My WordPress Stored Powered by the Spreadshirt PluginSociables - My WordPress Stored Powered by the Spreadshirt PluginSociables - My WordPress Stored Powered by the Spreadshirt Plugin

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

В этом учебном пособии я собираюсь провести вас через регистрацию и создание магазина с PrestaShop. Я также объясню немного больше о платформе и способах доступа к ней.

Если у вас есть какие-либо просьбы о будущих учебниках или вопросы и комментарии о текущем учебнике, пожалуйста, разместите их ниже. Вы также можете связаться со мной в Twitter @reifman.

Основные возможности PrestaShop

PrestaShop обладает внушительным объемом качественных и мощных функций.

PrestaShop - FeaturesPrestaShop - FeaturesPrestaShop - Features
  • Облако или самостоятельный хостинг: вы можете зарегистрироваться в течение минут для бесплатного магазина в облаке PrestaShop или загрузить PHP-код чтобы разместить его самостоятельно.
  • Шаблоны: Подобно Envato ThemeForest, PrestaShop продает разнообразные высококачественные темы для профессиональной настройки вашего магазина.
  • Store Builder: с помощью панели управления WordPress PrestaShop предлагает многофункциональный интерфейс для построения магазина, включая подробные списки продуктов, навигацию и поиск.
  • Корзина: PrestaShop интегрируется с различными поставщиками платежей, основными перевозчиками и налоговыми правилами.
  • Mobile: респонсив магазины и системы PrestaShop делают его невероятно полезным. Даже его встроенные панели мониторинга реагируют на управление на ходу.
  • eMarketing: PrestaShop предоставляет встроенную интеграцию с продуктом и каталогом для оптимизации размещения вашего сайта, а также предлагает встроенные купоны, рекламные акции, интеграцию с электронной почтой и т. д.
  • International: PrestaShop предлагает 65 языковых переводов для вашего магазина, включая гибкие правила обмена валюты и доставки на основе местоположения. Облачная административная панель доступна на восьми языках: английском, французском, испанском, немецком, итальянском, португальском, польском и голландском.
  • Интеграция: PrestaShop предлагает множество тем и надстроек, премиум-поддержку, если вам это нужно, и каталог агентских партнеров для найма. Если вам нужна помощь в запуске своего магазина, всё доступно.
PrestaShop - Dashboard TranslationsPrestaShop - Dashboard TranslationsPrestaShop - Dashboard Translations

Помощь

Если вы хотите получить дополнительную помощь, но предпочитаете работать самостоятельно, PrestaShop Premium Premium Plans вам в этом помогут:

PrestaShop - Paid Support PlansPrestaShop - Paid Support PlansPrestaShop - Paid Support Plans

Форумы PrestaShop предлагают место, где пользователи могут свободно поддерживать друг друга и отвечать на разные вопросы.

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

Запускаем магазин в облаке

Теперь посмотрим, как легко начать свой собственный магазин с PrestaShop. Нажмите кнопку Start my Store на главной странице.

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

PrestaShop - Start a StorePrestaShop - Start a StorePrestaShop - Start a Store

Затем выберите поддомен для URL-адреса магазина:

PrestaShop - Store URLPrestaShop - Store URLPrestaShop - Store URL

Позднее вы сможете предоставить собственное доменное имя и иметь возможность сопоставлять настройки DNS CNAME с облачным хранилищем:

PrestaShop - Adding a Custom Domain NamePrestaShop - Adding a Custom Domain NamePrestaShop - Adding a Custom Domain Name

На данный момент вам будет предложено указать конфигурацию учетной записи в качестве менеджера магазина:

PrestaShop - Store Owner InformationPrestaShop - Store Owner InformationPrestaShop - Store Owner Information

Поздравляем! Основа магазина готова:

PrestaShop - Your Store is CreatedPrestaShop - Your Store is CreatedPrestaShop - Your Store is Created

Вы получите электронное письмо с запросом Activate my account:

PrestaShop - Welcome EmailPrestaShop - Welcome EmailPrestaShop - Welcome Email

Панель инструментов магазина

Вы попадете на панель управления Store Store или ее интерфейс управления:

PrestaShop - Store Management DashboardPrestaShop - Store Management DashboardPrestaShop - Store Management Dashboard

Как вы можете видеть, PrestaShop предлагает скидку 30% от регистрации доменного имени.

Тема по умолчанию

Вот моя первая страница Sociables с примерами продуктов и макетами, работающими на облаке PrestaShop:

PrestaShop - Initial Store Front End Default PagePrestaShop - Initial Store Front End Default PagePrestaShop - Initial Store Front End Default Page

Мастер Getting Started Wizard

Когда вы входите во внутреннюю панель мониторинга (здесь показано в режиме гибкого планшета), вам предлагается мастер Getting Started, которому мы будем слепо следовать:

PrestaShop - Management Dashboard Tour in Tablet ModePrestaShop - Management Dashboard Tour in Tablet ModePrestaShop - Management Dashboard Tour in Tablet Mode

Настройка нашего магазина

Настройте внешний вид вашего магазина и почувствуйте

Во-первых, нас попросят настроить внешний вид вашего магазина:

PrestaShop - Store Configuration Wizard - Look and FeelPrestaShop - Store Configuration Wizard - Look and FeelPrestaShop - Store Configuration Wizard - Look and Feel

Вам показана тема по умолчанию и параметры настройки:

PrestaShop - Store Configuration Wizard - Your ThemePrestaShop - Store Configuration Wizard - Your ThemePrestaShop - Store Configuration Wizard - Your Theme

Но вы также можете приобрести профессиональные темы, которые помогают поддерживать платформу open-source PrestaShop и облачный сервис:

PrestaShop - Store Configuration Wizard - Theme DirectoryPrestaShop - Store Configuration Wizard - Theme DirectoryPrestaShop - Store Configuration Wizard - Theme Directory

Для целей этого урока я не купил тему. Они немного дороже; это в основном более 100 долларов. (Примечание для Envato Tuts + редакционных мастеров, может быть, пришло время предложить писателям счет расходов? Читатели не стесняются прокомментировать это ниже.)

Добавляем товары в каталог

Затем мы добавим наш первый продукт:

PrestaShop - Store Configuration Wizard - Add ProductsPrestaShop - Store Configuration Wizard - Add ProductsPrestaShop - Store Configuration Wizard - Add Products

Вот пример страницы панели мониторинга для добавления моего первого продукта. Я буду использовать футболку Looking for Me on Tinder от Sociables.io в качестве примера продукта:

PrestaShop - Add Product DetailsPrestaShop - Add Product DetailsPrestaShop - Add Product Details

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

PrestaShop - More Product DetailsPrestaShop - More Product DetailsPrestaShop - More Product Details

Ниже я настраиваю цены и замечаю, как PrestaShop также фиксирует оптовые цены для отчетов по прибыли:

PrestaShop - Add Product PricingPrestaShop - Add Product PricingPrestaShop - Add Product Pricing

Затем я загружаю изображение продукта:

PrestaShop - Upload Product ImagesPrestaShop - Upload Product ImagesPrestaShop - Upload Product Images

Настройка способов оплаты

PrestaShop - Store Configuration Wizard - Set Up Payment MethodsPrestaShop - Store Configuration Wizard - Set Up Payment MethodsPrestaShop - Store Configuration Wizard - Set Up Payment Methods

PrestaShop легко интегрируется с несколькими поставщиками платежей:

PrestaShop - Payment Method ListPrestaShop - Payment Method ListPrestaShop - Payment Method List

Вот как это выглядит, когда вы хотите подключиться к своей учетной записи PayPal и интерфейсам API, управляемым API:

PrestaShop - Add PayPal ConnectionPrestaShop - Add PayPal ConnectionPrestaShop - Add PayPal Connection

Вы можете включить различные параметры продукта PayPal:

PrestaShop - Add PayPal OptionsPrestaShop - Add PayPal OptionsPrestaShop - Add PayPal Options

Настройка методов доставки

PrestaShop - Store Configuration Wizard - Set Up Your Shipping MethodsPrestaShop - Store Configuration Wizard - Set Up Your Shipping MethodsPrestaShop - Store Configuration Wizard - Set Up Your Shipping Methods

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

PrestaShop - Add Shipping CarrierPrestaShop - Add Shipping CarrierPrestaShop - Add Shipping Carrier

Здесь я создаю правило доставки USPS, основанное на затратах и времени транзита, которые я ожидаю поддерживать:

PrestaShop - Add USPS Carrier SettingsPrestaShop - Add USPS Carrier SettingsPrestaShop - Add USPS Carrier Settings

Запускаем свой магазин

Наконец, основы сделаны, и мы можем проверить наш магазин:

PrestaShop - Store Configuration Wizard - Hurrah SuccessPrestaShop - Store Configuration Wizard - Hurrah SuccessPrestaShop - Store Configuration Wizard - Hurrah Success

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

Вы также получите электронное письмо:

PrestaShop - Your Store is Live EmailPrestaShop - Your Store is Live EmailPrestaShop - Your Store is Live Email

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

PrestaShop - The Sociables T-shirt Product Detail Page in StorePrestaShop - The Sociables T-shirt Product Detail Page in StorePrestaShop - The Sociables T-shirt Product Detail Page in Store

Покупки с PrestaShop

Каталог PrestaShop, корзина и оформление заказа - вот некоторые из его самых ценных функций.

Вот пример добавления футболки в корзину и запуск процесса оформления заказа:

PrestaShop - Shopping CartPrestaShop - Shopping CartPrestaShop - Shopping Cart

Клиенту предлагается идентифицировать себя:

PrestaShop - Checkout Account Creating or Sign InPrestaShop - Checkout Account Creating or Sign InPrestaShop - Checkout Account Creating or Sign In

И предоставить основную информацию об учетной записи:

PrestaShop - Checkout Personal Information GatheringPrestaShop - Checkout Personal Information GatheringPrestaShop - Checkout Personal Information Gathering

Просят указать адрес доставки:

PrestaShop - Checkout Address InformationPrestaShop - Checkout Address InformationPrestaShop - Checkout Address Information

Затем выберите предпочтительные варианты доставки:

PrestaShop - Checkout Shipping OptionsPrestaShop - Checkout Shipping OptionsPrestaShop - Checkout Shipping Options

И, наконец, оплата:

PrestaShop - Checkout Final PricingPrestaShop - Checkout Final PricingPrestaShop - Checkout Final Pricing

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

Самостоятельный хостинг для PrestaShop

Предположим, вы хотите разместить PrestaShop самостоятельно. Он написан на PHP с использованием MySQL, делая хостинг довольно простым. Если вы хотите попробовать сами развернуть всю систему, то посетите страницу загрузок:

PrestaShop - Download PrestaShop - Download PrestaShop - Download

Вы можете загрузить и установить свою собственную версию или попробовать их главного партнера по установке, 1&1, а также каталог агентств, о которых мы упоминали выше, которые помогут вам запустить ваш сайт за определенную плату:

PrestaShop - Partner Agency DirectoryPrestaShop - Partner Agency DirectoryPrestaShop - Partner Agency Directory

Вы можете просмотреть каталог Partner Agency Directory или зарегистрироваться для платных учебных курсов PrestaShop.

Если вы хотите внести вклад в кодовую базу PrestaShop, посетите PrestaShop Forge.

Заключение

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

Пожалуйста, сообщите нам, что вы думаете о PrestaShop в комментариях ниже. Вы также можете написать мне в Twitter @reifman. И не забудьте просмотреть мою страницу инструктора Envato Tuts +, чтобы увидеть некоторые из моих других учебников (например, мой скрипт для клонирования сайтов WordPress в Linux для эффективного и экономного размещения нескольких сайтов).

Удачи вам в ваших приключениях в электронной коммерции!

Ссылки по теме

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.