How to Create Online Shop With PrestaShop (Beginner Guide 2020)

Website constructing turned way more than launching an internet venture. Nowadays, it’s an actual probability to develop what you are promoting no matter it’s about. Thanks to the correctly designed website you’ll be able to double your viewers, discover sponsors, and enter the worldwide market. And all of those is feasible with out coding expertise or some other additional expertise. There are a whole lot of causes you might have considered trying to run an ace web site, so, on this publish, I’m going to help you. As the title of the article says, at the moment, I’ll present you the way to create an internet store with PrestaShop.

Why PrestaShop?

To begin with, let me clarify why PrestaShop is the CMS which is unquestionably worthy of your consideration. These days, yow will discover plenty of premium PrestaShop themes, so why do you want these merchandise? Let’s see!

PrestaShop is an environment friendly and modern method to develop what you are promoting. As you’ll be able to see, now eCommerce is the most well-liked enterprise mannequin. Well, really, PrestaShop was made particularly for these causes! In case you’re the proprietor of a store who simply desires to lead their enterprise to a brand new stage otherwise you simply need to begin your eCommerce firm. Anyway, PrestaShop is precisely what the physician provided! Being tremendous simple in use, this CMS is nice for novices. You can handle a voguish web site with PrestaShop even when you have by no means designed one earlier than! To sum all the pieces up, working with PrestaShop is as simple because it will get thanks to the ready-made themes.

Talking about joyful customers, in 2019, PrestaShop has:

  • 1,000,000 + group members,
  • 1,000 + contributors,
  • and 250+ companies.

Working with PrestaShop

For instance, right here is how constructing a PS web site will affect what you are promoting:

  1. You will simply customise the net retailer you constructed. Just select the wanted colours, your brand, and the design you want. You shall be ready to select from a wealthy choice of professionally designed themes.
  2. This step will drive what you are promoting! You shall be ready to handle your merchandise, orders, and observe statistics. Using PS web site, you’ll simply construct a reliable relationship with prospects. And, wherever you might be, you should have full management below the store as effectively!
  3. By sharing your content material on social media, you’ll entice extra folks to the venture.
  4. It will deliver to your website social visitors and enhance buyer expertise.
  5. Obviously, now, you’ll be able to promote globally! Working with a PrestaShop-based web site, you’ll be able to current what you are promoting in numerous languages. People shall be ready to view out a number of currencies.

About PrestaShop Themes

To make an extended story brief, a PrestaShop theme is a set of ready-made on-line pages. Needless to say, it additionally contains many options, all of the must-haves, fashionable capabilities, trendy UI parts, and way more. Basically, you get all the pieces ready-to-use. For these easy causes, working with these themes as simple as ABC.

Which choices to search for when selecting your theme? To determine it out, let’s assessment 3 high PrestaShop themes!


image4 7

To start with, imPresta is a premium PS theme. Being multipurpose, this product covers a number of enterprise niches. The theme comes with 6 built-in layouts which can be 100% ready-made. These units of pages have many ready-to-use designs for such must-have sections as:

  • Contacts,
  • Shop,
  • Our Team,
  • Maps,
  • Gallery,
  • Blog, and so on.

The theme comes with an aesthetic TM Product Manager. The device is a ready-made answer for these customers who want to handle a number of shops. In case you might be one among such customers, imPresta will certainly save your time. To additional the working course of, merely choose the wanted motion, select the goal merchandise, use filters, and apply adjustments. There are 15+useful choices to administer your merchandise.

Among the plugins, imPresta incorporates, you will notice MegaMenu. This is a tremendous plugin which permits you to create the menus of any complicity. You can add CTA buttons, design the menu with icons, animations, and different visible parts. To say extra, thanks to MegaMenum your website navigation shall be much more snug. The plugin permits you to divide all product into classes and subcategories. As a consequence, your consumers will rapidly discover no matter they’re in search of.

Another good thing to add to your eCommerce web site is reside search. This is a visitor-oriented device. It reveals the outcomes when the consumer continues to be typing. With it, folks actually discover the wanted web page. Plus, they will even see different widespread requests!image27 8

To end with, imPresta has one other function your on-line store requires – Social Login. Let folks skip this boring registration course of, so they are going to be ready to go to your web site and purchase your objects through their social media accounts.


image13 4image13 8

Here is one other premium theme based mostly on PrestaShop. It’s additionally multipurpose and has all the pieces and something you might have considered trying to use. So, which options to search for when selecting a PS theme? Let’s see.

Eveprest comes with an attractive Lookbook possibility. With its assist, you’ll be able to current the collections of your objects in an uncommon method. Just place the hotspots and showcase all of the necessary particulars. This function will certainly seize shopper’s consideration.image21 8

On the opposite hand, you’ll be able to attempt Mosaic Products. This is one other handsome function that was made to enrich your internet design. You can set any component (from merchandise and banners to slides and movies) in an attention-grabbing fashion.

You may want the subsequent choices:

  1. TM 360 View function that allow the client rotate the product picture 360 levels to see it from all angles.
  2. 1-Click Order that enables patrons to skip the registration and lowering the multi-step checkout to a single click on.
  3. Advanced Filter that helps consumers to discover wanted merchandise by their major options.
  4. Mega Layout module that enables you to create totally different variations of the header, high column, major web page physique, and footer.
  5. Collections that enables guests to create collections of their favourite objects and share them on social networks.

Boy & Girl

image23 4

Needless to say, not all of the PS themes are multipurpose. Here is a traditional template which was made particularly for eCommerce. As all of the worthy PS themes, Boy & Girl comes with Mega Layout Builder and contains a number of layouts to select from. And how are you going to create or new pages? Well, that’s why all these themes have a helpful drag and drop editor. Working with it’s additional easy! All you want to do is to drag the wanted component and drop it to the editor’s window. That’s it! Check out the video under.


How To Install Your PrestaShop Theme?

As I already stated, all these merchandise are simple in use which suggests that also they are easy-to-install. To begin with, you will have to log into your PS admin panel. Next, you will have to:

image17 4image17 8

  • go to Preferences,
  • navigate to Themes,
  • click on Add New Theme button which is on the highest of the web page.

image22 3image22 8

Here you will have to click on on Add File button so as to import the file. Unzip your theme and navigate to it. Open the theme set up folder, choose the wanted product in .zip format, and press Save button.

As quickly as you press the button, the importing course of begins. When the method is accomplished, you will notice the supporting message that your theme was uploaded. In case you probably did all the pieces proper, your PS theme shall be seen within the listing of your put in themes.image6 8

image6 4

How To Activate Your PrestaShop Theme?

image18 4

Now it’s time to activate your flagship! In order to activate a PS theme, you simply want to hover the cursor over the template’s icon and press on Use This Theme button. There shall be a display with information. It will present you the modules your theme makes use of and people modules which can be turned off/ on.image15 8

When you select the wanted settings, don’t neglect to press Save button to proceed. Finally, you will notice the popup notification that your theme has been put in efficiently, photos have been regenerated up to the outlined in theme dimensions. Press Finish button.image8 8

image8 2

How To Install Sample Data?

Here is the very first thing you need to know when shopping for a PrestaShop product or some other ready-made theme! Honestly talking, anybody desires their web site take a look at least just like the theme’s demo. The consequence makes many customers upset as a result of it appears fairly totally different. However, making the theme appear to be its demo is just not a giant deal! In order to do that, you’ll solely want to add the pattern information.

To set up your demo content material, you will have to use the Sample information installer module. You will discover it in your retailer admin panel. Thanks to this module, you’ll set up retailer pattern information with no hitch. Just observe my directions under!

Go to your admin panel menu and click on on “Install Demo Store” merchandise.

image31image31 8

Find your theme and choose the pattern information information. Upload these information from Sample Data listing. It must be within the pack of your theme. Use Browse Local Files button to carry out this step and easily drag information to the browser window. Now, it’s time to wait till the information uploaded.

image7 3image7 8

Here is what this course of will appear to be:

image1 8

When all of the information are uploaded, press Continue button. The Sample Data Installer will configure your internet store and its plugins routinely. And right here is when you may make a cup of espresso as a result of this course of will take a couple of minutes.

image28 1image28 8

Once your demo information is put in efficiently, you could have to click on on Go To Regenerate Page button. This would be the final step. Obviously, you’ll be able to press on Regenerate Thumbnails to regenerate the pictures you utilize.

How To Install Modules For Your PrestaShop Theme?

So, the next step shall be putting in modules and configuring photos to your theme. As you’ll be able to see from the critiques above, all of the PrestaShop themes include the pre-built module settings. In case you need them to appear to be the demo model, you need to configure these parts. As at all times, it is possible for you to to do it through PrestaShop admin panel.

image2 8

To begin working with the modules, observe these steps.

  1. Open PrestaShop admin panel and discover there Modules and Services.
  2. Navigate to Modules and Services from the principle menu.
  3. Here you will notice the total listing of PrestaShop modules obtainable to your theme. Choose those you’d like to set up.
  4. Once you might be via this, find your modules within the listing. Then press Install button.
  5. Use the module hyperlinks (allow/ disable hyperlinks) to activate and deactivate the wanted modules. You also can reset the settings to default ones utilizing reset hyperlink. Needless to say, you may as well configure and delete your modules with the subsequent hyperlinks.

image12 4image12 8

When your modules are activated, you need to assign the objects to the wanted positions. to do it, you need to:

  • open PrestaShop admin panel,
  • select Modules and Services,
  • navigate to Positions from the highest menu,
  • and drag the moduled by hand within the listing the way in which you want it.

image10 6image10 8

Working with a PrestaShop theme, it is possible for you to to use predefined picture dimensions for things like your product photos, class photos, bestsellers, producers, top-rated objects, and so on.

In order to set your product picture dimensions, observe these steps:

  • open PrestaShop admin panel,
  • go to Preferences,
  • navigate to Images,
  • and set the picture dimensions. This course of shall be described on Configuration Page on the template reside demo.

Configuring General Store Info With PrestaShop

image9 2image9 8

Now, let’s work in your store’s info! To configure common store information, you will have to:

  • open PrestaShop admin panel,
  • go to Preferences,
  • navigate to Store Contacts,
  • discover the listing of shops on this part,
  • allow/ disable the wanted ones or simply add your store,
  • discover Parameters part (it’s situated under the listing of shops) and edit the wanted settings,
  • don’t neglect to press Save button.

image16 4image16 8

Here you will notice Contact Details block. Use it to change your common information. In this block, you’re able to set such particulars because the title of the store or its contacts. In case you need to set the information on a single store, simply select it from the listing. Then open Store Contacts part and press Edit button. This part permits you to edit all info concerning store’s contacts. For instance:

  • store’s title,
  • the deal with,
  • store’s standing,
  • major image,
  • working schedule, and so on.

And at all times verify in case you saved the adjustments!

Editing Slides With PrestaShop

image5 4image5 8

Let’s think about that you just accomplished all of the earlier steps. Finally, it’s time to begin working in your web site’s content material. First issues first, let’s see how one can edit a slide with PrestaShop. By custom, when it comes to slides enhancing, there’s nothing difficult. Here is what you will have to do.

  1. To begin with, go to Modules And Services menu tab of your PrestaShop retailer (it’s situated in Front Office Features modules part).
  2. Secondly, discover there Modules List.
  3. Next, discover Image slider you’ll use for homepage module.
  4. And click on Configure button to edit this module.

After this, you will notice a brand new display. It permits you to set the principle properties of your slider.

  • For instance, you’ll be able to select:
  • the utmost width of photos,
  • the velocity of adjusting slides,
  • the delay between two slides,
  • and the autoplay possibility.

image14 4image14 8

In case you prefer to to add a brand new slide, merely use the ‘+’ button. It is situated within the high proper nook of Slides List part. To edit this new slide use Edit button.

image24 3image24 8

Actually, the remainder of the method would be the similar. You will want to open Slide Information part and write the requested particulars.

image19 4image19 8

Managing PrestaShop Theme Config Module

image3 8

To make an extended story brief, Theme Configurator module is supposed to deal with a number of theme’s elements. Before all the pieces else, it permits you to activate and switch off totally different options. With the assistance of Theme Configurator module, you’ll be able to work with high banners, social sharing buttons, cost logos, and extra.

image20 4image20 8

What is extra, the module additionally permits you to add or change the pictures you utilize for the homepage.

So, how to handle Theme Configurator module with PrestaShop?

  1. By custom, begin with getting into your Prestashop admin panel.
  2. Then go to Modules And Services.
  3. Navigate to Theme Configurator module. You can discover it in Modules listing in the best column.
  4. Press Install button in case the module is just not put in but.
  5. When the module is put in, press Configure button. With it, you’ll be able to change the settings simply.

Opening the settings web page, you’ll face a number of blocks. All of them you’ll be able to allow or disable utilizing Yes or No buttons. To configure the settings of a selected block, click on Configure button.

image32 1image32 8

To showcase your social media hyperlinks, enter the wanted addresses for the chosen icons.

image29 1image29 8

Don’t neglect to present your contacts! Your prospects ought to have the option to discover this information with the lightning-fast velocity. Write your title, deal with, cellphone quantity and e-mail within the corresponding fields.

image30image30 8

Think of utilizing social sharing buttons!

image33 1image33 8

They will deliver social visitors to your on-line venture. Enable this feature to show sm buttons on the product’s web page.

image26 3image26 8

Working with the customized CMS info block, it is possible for you to to add totally different info blocks. You can change them for relying on the language.

Final Thoughts

As you’ll be able to see, working with PrestaShop themes is as simple because it will get! You gained’t want to have any particular expertise or one thing like these. Being totally intuitive and 100% creator-friendly, these PS themes can be utilized by customers of any ability ranges. Would you want to get the web site of your dream and eventually enter the worldwide market? In this case, what to do!

Leave a Comment