Online shop with PrestaShop

Contents

  1. Installing PrestaShop
  2. Localization
  3. Template Installation
  4. Mobile Version of Your Site
  5. Managing the Catalog
  6. The Product Creation Page Global Buttons
  7. Managing Customers
  8. Managing Orders
  9. Marketing
  10. Modules
  11. Discovering the Administration Area
  12. Merchant Expertise

Installing PrestaShop

PrestaShop presents a comprehensive, intuitive user administration panel, and gives you hundreds of standard functions that can be adapted or personalized in order to respond to all of your needs.This CMS allows creating both small and big online shops.

It provides you with a vast variety of customization opportunities and allows you to create an online store that fully meets your needs.

Installing PrestaShop:

You can get started with PrestaShop in minutes, just choosing one of two variants: PrestaShop Cloud (or SaaS- solution) or PrestaShop Download.

There are no major differences between these two options. You just need to choose the one that is more convenient to you. If you choose a paid hosting, you have to download the engine on the PrestaShop official site. You upload all files on hosting, so as is will store all extensions that you will need to access later.

Cloud Solution.

If you choose this solution, you don’t need to download and set up anything. Just register, get your platform on the PrestaShop server. Then you work in admin panel without any restrictions.

To start with PrestaShop, enter its official site and choose among two variants on the front page: PrestaShop Cloud (or SaaS- solution) or PrestaShop Download.

Let’s choose the cloud solution. Click the first button and register.

Enter your name and email address, and you’re in the admin panel.

Localization

Languages

PrestaShop comes multilingual out of the box: there are 5 default languages (English, French, Spanish, German and Italian), and many more are available for download.

The “Languages” page manages the languages you will see in your back office and your shop.

The page displays the languages already installed on your shop, along with some information: ISO code, language code, date format (short and full). You can enable or disable a language by clicking the icon in the “Enabled” column.

Adding a new language is simply a question of importing the localization pack from a country which uses that language (in the “Localization” page). If it turns out this does not work, or that you need something customized, you can add a new language manually, using the form behind the “Add new” button.

Please note: the installation language option will not affect your store language. By default PrestaShop is offered in English. You can install additional localization packages to change the store language.

Creating a New Language

Creating a new language means you will have to translate all texts for PrestaShop’s front-end, back-end, modules, etc., or risk using the default English strings. Translation is made using the tool in the “Translations” page, under the “Localization” menu.

You can also create a new language in order to cater for a language pack that you would have downloaded from the PrestaShop site.

Once your language is saved and enabled, you can import its language pack. This is done in the “Translations” page, below the “Localization” menu. Use the “Import a language pack manually” tool.

Finally, make sure that everything works: go to your shop’s front-office and click the flags at the top. Similarly, customers can now select an additional language by using these icons.

Template Installation

Installation

To set up a visually-attractive online shop that will catch attention of potential customers, you have to choose a professional template for its basis. Why is it better to choose a theme instead of a custom-made design? There are several reasons for that:

  • Choosing a theme you see the final website layout.
  • Contemporary themes correspond to the latest web design trends.
  • Professional themes from TemplateMonster, for example, are fully-packed with all features and functionality that you need to start a solid store.

When you purchase a template from TemplateMonster, you get a ready-made theme that can be installed easily. If there is a gallery or a certain slider in the design of the template, you may be sure that it will look the same on your own website.

traditionally, TemplateMonster’s PrestaShop themes feature the following modules:

  • A variety of dropdown menus
  • Widget for video implementation
  • Google map
  • Various sliders
  • Social networks buttons
  • Newsletter
  • Filtered search

And many other features that facilitate the work of your online store.

How to choose a theme?

1 variant. Choose it and buy from the official PrestaShop site. There is a wide choice of them in the section Themes.

2 variant. If you use a cloud solution, just download a theme from the admin panel.

Template Settings

Log into your PrestaShop admin panel and navigate to Preferences -> Themes. At the top of the page click Add new theme button.

Click Add file button in Import from your computer section. Navigate to a previously unzipped template package and open themeinstallator folder.

Select your theme .zip file and click Save.

The uploading process will be started. You will see a message that the theme has been successfully uploaded. Your new theme preview will appear in the list of installed themes.

In order to activate the theme, hover the cursor over the theme preview icon and click Use this theme.

You will see a screen with the information of the modules used in the theme, the number of modules that are turned on and off. Click Save in order to continue.

After this you will see a pop-up with the message about successful theme activation: the theme has been installed successfully, images have been re-generated up to the defined in theme dimensions. To finish installation click Finish button.

The Theme Configurator

The Theme Configurator module helps you configure some aspects of your theme.

Clicking the link from the “Themes” preferences page opens its configuration page. That page gives you direct links to the most usual front office modules: you can enable and disable a dozen of features, such as displaying social buttons or the Facebook block (provided their respective modules are enabled), and get direct access to their configuration page. You can also enable and access the Live Configurator from there, which makes it possible to easily change your theme’s main color and font.

In a second section, the Theme Configurator makes it possible for you to easily attach images with links on specific home page hooks: home, top, left, right, footer. Each available language has its own tab with its own hooks that you can edit from here: this is essential as images often contain text directly on them, making it necessary to have as many versions of the image per available languages.

The “Themes” page enables you to efficiently manage your themes.

Your Current Theme

The first section of the page serves as a reminder of which theme you are currently using, with its details:

  • Theme name.
  • Theme version.
  • Theme author’s name, website and email address.
  • Thumbnail for the theme.

This section also gives you access to a handful of tools, which helps you to quickly customize the current theme: header logo, mail logo, invoice logo, favicon, store icon and even the navigation pipe can be easily modified from there. This section features:

  • Customize your theme. A link to the Theme Configurator. (provided that the Theme Configurator module is indeed installed and enabled).
  • Configure your theme. A link to the theme’s advanced settings.
  • 4 tabs with the theme’s appearance options:
    • Logo. The logo that will appear on all the pages of your shop.
    • Invoice & email logos. The logos that will respectively appear in your shop’s invoices, and its email notifications.
    • Icons. Your shop’s favicon (displayed in the web browser’s address bar) and your Store icon (for use on the Store map as an indicator of where a store is).
    • Mobile. The logo that will appear on all the pages of your shop, when accessed from a mobile device. You can also choose to selectively enable or disable your theme’s mobile version (if it does exist) for smartphones, tablets, or both.

The Theme Configurator

The Theme Configurator module helps you configure some aspects of your theme.

Clicking on the link from the “Themes” preferences page opens its configuration page. That page gives you direct links to the most usual front office modules: you can enable and disable a dozen of features, such as displaying social buttons or the Facebook block (provided their respective modules are enabled), and get direct access to their configuration page. You can also enable and access the Live Configurator from there, which makes it possible to easily change your theme’s main color and font.

In the second section, the Theme Configurator makes it possible for you to easily attach images with links on specific home page hooks: home, top, left, right, footer. Each available language has its own tab with its own hooks that you can edit from here: this is essential as images often contain text directly on them, making it necessary to have as many versions of the image per available languages.

The “Themes” page enables you to efficiently manage your themes.

Your Current Theme

The first section of the page serves as a reminder of which theme you are currently using, with its details:

  • Theme name.
  • Theme version.
  • Theme author’s name, website and email address.
  • Thumbnail for the theme.

This section also gives you access to a handful of tools, which helps you to quickly customize the current theme: header logo, mail logo, invoice logo, favicon, store icon and even the navigation pipe can be easily modified from there. This section features:

  • Customize your theme. A link to the Theme Configurator. (provided that the Theme Configurator module is indeed installed and enabled).
  • Configure your theme. A link to the theme’s advanced settings.
  • 4 tabs with the theme’s appearance options:
    • Logo. The logo that will appear on all the pages of your shop.
    • Invoice & email logos. The logos that will respectively appear in your shop’s invoices, and its email notifications.
    • Icons. Your shop’s favicon (displayed in the web browser’s address bar) and your Store icon (for use on the Store map as an indicator of where a store is).
    • Mobile. The logo that will appear on all the pages of your shop, when accessed through a mobile device. You can also choose to selectively enable or disable your theme’s mobile version (if it does exist) for smartphones, tablets, or both.

Mobile Version of Your Site

The “Enable the mobile theme” makes it possible for you to use the default mobile theme. With this theme, any PrestaShop merchant can make his or her shop accessible to mobile devices: from the home page to the payment process, along with product pages and conversion funnel.

The mobile theme only works for PrestaShop’s default theme, since it is included in its folder: /themes/default/mobile. Therefore, it will not work if you use another theme which does not have its own mobile theme.

Nonetheless, you can easily use the default mobile theme with any other theme, at least temporarily: simply copy the mobile theme’s folder from the default theme’s folder to the new theme’s folder, and you should be good to go. For instance, if your new theme’s folder is /themes/magnolia, copy the /themes/default/mobile folder to the new theme’s folder: /themes/magnolia/mobile.
This is particularly useful if the new theme does not feature a responsive design: this way, your shop can still look good on mobile devices – albeit with the default PrestaShop look.

 

Mobile Version of Your Site

The product and its presentation are of great importance for online shops. It should be effectively presented, and easy to work with. Let’s take a look at a product creation and management process in PrestaShop.

Clicking on the “Products” option of the “Catalog” menu takes you to the list of your current products, displayed with their main details: ID, photo, name, reference, category, etc.

This page also presents you with four statistics from your store:

  • Percentage of in-stock items.
  • Percentage of average gross margin.
  • Percentage of sales during the last 30 days.
  • Number of disabled products.

Mobile Version of Your Site

By default, the product creation page has two buttons that you will find on the majority of administration pages: “Recommended modules and Services” and “Help”.

At the bottom of the each page are three buttons: save, save and stay, cancel.

As soon as you give your new product a name and click the “Save and stay” button at the bottom, more buttons appear at the top of the product page:

Clicking the “Products” option of the “Catalog” menu takes you to the list of your current products, displayed with their main details: ID, photo, name, reference, category, etc.

Besides the product list, this page presents you with four statistics from your store:

  • Percentage of in-stock items.
  • Percentage of average gross margin.
  • Percentage of sales during the last 30 days.
  • Number of disabled products.

The “Filter by category” option enables you to only display products pertaining to you current search, as well as reorganizing the position of products within a category.

Here you can see how the product list looks like:

It’s very important to fill out the basic information about the product:

Describing your product well is essential, for both the customer (the more information, the better) and search engines.

Managing Customers

Using PrestaShop, you can easily manage the customer base.

The first page under the “Customers” menu gives you a list of all the registered users on your shop.

This gives you a bird’s eye view of your customers, with some details thrown in which you can use to sort and search accounts. By the way, you can add a client yourself, from your admin account.

To create a customer account manually, select “Add New”. A form appears:

 

You can create user’s groups, set newsletter for these groups or set special products price for them.

PrestaShop offers intuitive statistics of orders.

Managing Customers

As a shop manager, you will have to deal with heaps of orders and their accompanying invoices and customer support requests – at least, that’s what we wish you sincerely. Fortunately PrestaShop does its best to help you wade through them all and successfully handle your customers’ purchases, along with credit slips and the unavoidable merchandise returns.

The “Orders” page below the “Orders” menu enables you to see all of the information about all the purchases from your shop. All of your shop’s transactions are available there, organized by date (by default, it is set to sort from newest to oldest).

The page contains the following sections:

  • Invoices
  • Returns
  • Delivery slips
  • Credit slips
  • Statuses
  • Order messages

As you see, this module manages everything that deals with orders. As usual, it doesn’t require any modifications, and you can use it in your shop immediately.

Marketing

These tools help you improve the presence of your PrestaShop site on web searches, and therefore reach more potential customers. PestaShop offers a set of modules that will help you create marketing campaigns.

Modules

Modules help to enhance your shop with more features. Using them, you can customize the look, feel and functionality of your online store.

Here is the page with modules (you can download them from the admin panel):

You can download these modules from other resources. Most often, they are premium.

Discovering the Administration Area

Administration Area has been designed to be very ergonomic and easy to use. It presents you a summary of everything you need to know about your shop at any given time, along with quick links to the main action page, but as a first-timer in PrestaShop, it also gives you tips on what you should have a look at.

You can connect GoogleAnalytics and follow all traffic sources, conversion.

One more important block is Products and sales (Dashboard Products module). This block presents you with a table of your latest orders and a ranking of your products: best sellers, most viewed and top searches (as searched in your shop’s search form, not from search engines).

Merchant Expertise

This page is generated by the module of the same name. It was specifically designed to help PrestaShop users keep track of their progress as e-merchants, see how much they’ve grown and progressed over the days, months and years. It is installed by default.

This module adds system of badges and points, broken down into three levels, all of which are integral to success in the e-commerce world:

  • Features. Your use of key e-commerce features such as Site Performance, Catalog Size, Employees and SEO.
  • Achievements. Your completion of specific key e-commerce goals such as number of Customers, Orders and Revenue.
  • International. Tracks your presence in key International Markets such as the Americas, Oceania, Asia, Europe, Africa and Maghreb.

The more progress your store makes, the more badges and points you earn. There is no need to submit any information or fill out any forms. We know how busy you are; everything is done automatically. Use this tool to drive your business, view your progress and reflect on your great achievements.

As you see, PrestaShop offers everything that you need to start a successful online shop that converts. Intuitive admin panel allows fast and easy process of store creation and administration. Using PrestaShop you may be sure, that your shop will be convenient both for you and your clients.

Start test

Main Page