Sep 16, 2021
PrestaShop Tutorial: All You Need to Know
If you are looking for a reliable eCommerce platform, you might want to check PrestaShop out. Its vast popularity is no accident, as it offers excellent features to get your store off the ground. Though setting it up may require some technical skills, this PrestaShop tutorial will provide you with all the information you need!
What Is PrestaShop?
Just like Magento, PrestaShop is an ecommerce content management system that helps you easily create, manage, and design an online store for free.
PrestaShop offers high flexibility when it comes to online store management. It’s super easy to set categories, create product pages, update stock, define product attributes, and more. What’s more, your site can be extended further through modules.
One of the best things about PrestaShop is its ease of use. PrestaShop comes with a comprehensive interface – you can take its demo for a spin.
From entering your product information, setting up discounts, to monitoring the state of your products – all can be done through a simple navigation dashboard.
This PrestaShop tutorial will teach you a couple of ways to install the platform with ease.
Hostinger, like most hosting providers, has an auto-installer for PrestaShop. This is especially useful for those who don’t have technical skills.
Installing PrestaShop With an Auto-Installer
- Log in to you hPanel and find the Website section.
- Click the Auto-Installer menu and select PrestaShop under Most Popular. If it’s not there, type in “PrestaShop” in the search bar.
- Fill in the administrator fields, such as your username, email, password, website title, etc.
Type in the subfolder name on the “Domain” field if you want to install it on a subdirectory (e.g., http://yourdomain.com/store).
- Once you’re done, click Install.
After the installation is finished, there will be a new item added to the list of installed applications.
Usually, you can access the PrestaShop login menu by going to http://yourdomain.com/admin. The “admin” refers to the folder name in the root directory. However, for better security, the auto-installer renames it to a random string of letters.
Here’s how you can find the name of your admin folder:
- Go to the File Manager on hPanel under the File section.
- Look for a folder with a compilation of 16 random letters.
- Replace “admin” with the string of letters to access the login panel, e.g., http://yourdomain.com/jfnujbcvu8vrgkvd.
- Fill in your email address and password, then click Log In.
Note: While it is not recommended, you can change the URL, by right-clicking on the folder and renaming it as you wish.
Other than using an auto-installer, manual installation is also an option. However, it takes longer and can be a bit confusing at first. But don’t worry, follow the guide below, and you’ll have PrestaShop installed.
Step 1: Downloading PrestaShop
- Go to the PrestaShop download page. Enter your email address and click Download.
- Save the installation package file and extract it.
Step 2: Installing PrestaShop
To install PrestaShop, upload the extracted package file to /public_html/ or a subdirectory (/public_html/store). You can do it through the file manager or via an FTP client like FileZilla.
Follow this PrestaShop tutorial to install PrestaShop:
- If you’re using the file manager, go to hPanel and click the icon under the Files section.
- Click Upload Files icon and select two files – index.php and prestashop.zip. If you use FileZilla, you can find the login information in the FTP Accounts menu.
- Create a new MySQL database to store your PrestaShop data. Visit your control panel and find the MySQL Database icon under the Databases section. Enter the database name, username, and password. Then, click Create. You’ll see a new database added to the list of your current MySQL databases and users.
- Now, you have everything you need to start the installation process. Go to the URL you assigned for your PrestaShop site.
- Wait until the installation assistant shows up. Follow the instructions on the first three screens. When needed, enter basic information about your store – name, country, timezone, etc.
- Next, enter the database information you created earlier. If you use Hostinger, the database server address is mysql.hostinger.com.
- Click the Test your database connection now! button to connect your database. Then, choose Next to install PrestaShop. If you succeed, you’ll see the page below.
- Navigate to http://yoursite.com/admin. The admin folder will be renamed automatically, and you’ll get a warning message telling you to delete the /install folder.
To delete the /install folder, head over to the hPanel and click the File Manager icon under the Files section.
- Now that the folder is gone, you can access the admin panel by going to the new admin URL.
That’s it! Now that both the site and admin panel are accessible, you can start arranging your store.
Setting Up PrestaShop
After installing the platform, you can now relax for a bit as setting up PrestaShop is much easier.
This part of the PrestaShop tutorial will uncover how to set up new pages, install themes, configure payments and currencies, and so on.
Setting Up New Pages
Aside from the available pages like “Delivery,” “About Us,” and “Legal Notice,” you’ll also get to create a new custom page.
Follow the steps below to create a page and show it on the menu bar:
- Go to the admin panel and navigate to Design -> Pages. Then, choose Add New Page.
- Start making adjustments to your page, such as:
- Page category. The default category would be “Home.” It helps you classify and organize the pages you create.
- Page title. It’s the default title of your page, which takes up the <h1> page tag.
- Meta title. It’s the title that will show up on SERPs. If it’s empty, the result will show the page title instead.
- Meta keywords. These are the keywords that describe your content.
- Good URL. It’s the human-readable URL that can help your page rank higher in SEO.
- Page content. The editor supports HTML tags to help you structure and beautify your content easily.
- Indexation by search engines. Enable this option if you want search engines to index your page.
- Displayed. Enable this option to display your page.
- Once you’re done, choose Save or Save and Preview if you want to see the page right away. To link your page on the menu bar, go to Modules -> Module Manager and type in “menu” on the search bar. You should see the Main menu module as a result. Click Configure.
- Add the page you just created to the left panel and select Save.
- Now, check your site. The page you created should appear on the menu bar. Wasn’t so hard, was it?
No online shop would be complete without a good design. Luckily, installing themes on PrestaShop is a breeze, and you’ll find no shortage of appealing templates to choose from. This part of the PrestaShop tutorial will explain to you how to install themes with ease.
- On the admin panel, go to Design -> Theme Catalog. You’ll see some of the available themes that you can purchase.
- Select Discover all of the themes to see the rest of the collection. Then, select a theme to see its features and view the demo.
- Buy the theme by clicking Add to Cart, then check to continue with your purchase. PrestaShop accepts payment via Visa, Master Card, and PayPal.
- Go to the Theme & Logo section and click Use this theme.
All the themes on the official catalog are premium – but tons of third-party websites offer free PrestaShop themes like TemplateMonster and Apollotheme. To install them follow this PrestaShop tutorial below:
- Download a theme (.zip) from one of the sources.
- Head over to your admin panel and go to Design -> Theme & Logo. Then, on the upper right corner, click the Add New Theme button to access the theme importer.
- On the Import from your computer section, browse your files and select the theme you just downloaded. Then, click Save to upload the file.
- Once you finish uploading your theme, go back to the Theme & Logo page on your admin panel. Then, click Use this theme to activate the theme you just installed.
Setting Up Payment Methods
Now that your store design is taken care of let’s move on to payment methods. PrestaShop has two active ways that you can configure right away – bank transfer and check payment.
But, if you want alternatives, you need to install one of the available payment modules such as Amazon Pay, ViaBill, Stripe, Skrill, and cash-on-delivery.
Follow this PrestaShop tutorial to configure a payment method for your store:
- From the admin panel, go to Payment -> Payment Methods.
- For bank transfer and payment by check, click Configure and fill in the necessary details. If you want to set up other payment methods, you need to install the modules first.
- Make the necessary configuration by following the instructions on each option.
Note: Most methods require you to have an SSL certificate.
If you want to reach an international audience, adding multiple languages is a smart choice. PrestaShop has a feature to translate your content into 75 different languages, and the setup only takes a few minutes. This part of the PrestaShop tutorial will show you how to add a new language and set it to default.
- Go to International -> Translations. Then, click the dropdown menu under Add / Update a language section to select the language you want to add. After that, select Add or update a language button.
- Once a new language is added, refresh your site. Now, visitors can choose a different language by clicking the dropdown menu. You can repeat the process to add as many languages as you want.
- If you want visitors to automatically view your site in a certain language (e.g., German) without clicking the dropdown menu, you need to set German as default. Navigate to International -> Localization.
- Then, under the Configuration section, select the Default language dropdown menu and choose a language. Click Save to confirm, and you’re all set.
Now comes the most crucial part of this PrestaShop tutorial – adding in products. After all, your online shop couldn’t exist without it!
- On the admin panel, go to Catalog -> Products and click the New product button on the right corner.
- Fill out the necessary details of your product – the name, type, image, etc. Then, move to other tabs and make necessary adjustments.
- Once you’re done tweaking your product page, click Preview or Save. This is how your product will look like.
Adding an SSL Certificate to PrestaShop
As an online store owner, you are responsible for the security of your customers’ data – that’s where an SSL certificate comes in. It secures the connection between the users’ browsers and the server with cutting-edge encryption technology.
For this part of the PrestaShop tutorial, you’ll need an SSL certificate installed on your domain – which you can purchase from Hostinger for a lifetime.
Then, follow these steps below to set up the SSL on PrestaShop.
- Make sure that an SSL certificate is working on your domain. To do this, navigate to your admin panel and go to Shop Parameters -> General and click on Please click here to check if your shop supports HTTPS.
- If your shop supports SSL, you’ll see the green HTTPS icon next to your domain name. Simply switch Enable SSL and Enable SSL on all pages to Yes.
- That’s it! Now, check if the green HTTPS icon shows up on all pages of your store. If it doesn’t, you may need to clear your cache on your browser.
Setting Up Currencies
To add in different currencies, follow this PrestaShop tutorial below:
- Visit your admin panel and navigate to International -> Localization. Then, open the Currencies tab and click Add new currency.
- Choose the currency you want to add and fill in the exchange rate – which is calculated from your current default currency. Set the Status to Yes to enable the currency. Once you’re done, click Save.
- If you want to set a new default currency, go back to International -> Localization and find the Configuration section. Click on the Default currency dropdown menu and choose the currency you created earlier. Don’t forget to save.
That’s all. If you want to update the exchange rate, you can do so by navigating to the Currencies tab and clicking the Update button, as shown below. It will automatically change the existing currency rate to the current one.
Resetting PrestaShop Admin Password
If you forget the admin and password to your PrestaShop, you can easily reset it using the password reminder function on your login panel. It’ll send a link to your email to set up a new one. However, if you don’t have access to your email, you can do it manually. This part of the PrestaShop tutorial will show you how to reset the PrestaShop admin password using two methods.
Method 1: Resetting Your Password from the Login Panel
This method will work for you if the email service on your website is working fine – and you have no trouble checking your inbox. Simply follow these few steps:
- Go to your login panel and click I forgot my password.
- Once a new pop-up appears, enter the email address that you assigned on the registration process and click Send Reset Link.
- Check your inbox for the password reset email. Open the link inside the email and enter your new password.
Method 2: Resetting Your Password Manually
To manually reset the password, you have to access a core file on your hosting panel and directly adjusting it through phpMyAdmin. Follow the steps below:
- Go to hPanel and access the File Manager.
- Look for the parameters.php file inside /public_html/app/config.
- Find and copy the COOKIE_KEY (without the quotation).
- Go to your PrestaShop database in phpMyAdmin. You can find the phpMyAdmin icon on your hPanel under the Databases section.
- Type in “employee” on the filter bar and select the (prefix)_employee table.
- Click Edit on your admin user.
- Find the password field, paste the COOKIE_KEY you got earlier and type the new password after it. There can be no space between the COOKIE_KEY and the password.
- Click Go to save.
That’s it. To know for sure the new password works, head over to your login panel and try logging in.
Changing PrestaShop Domain Name
If your old domain name is not relevant anymore for your business, you might want to change it.
There are two methods to change the domain name: through the admin panel of your site or via the hPanel.
Method 1: Changing Your Domain Name through Admin Panel
Since the admin panel of PrestaShop is straightforward, you may prefer this method for a quick and straightforward way to change your domain name. Follow the steps below to change your domain name through the admin panel:
- Log in to your admin panel and go to Shop Parameters -> SEO & URLs.
- On the Set shop URL section, put in your new domain name on Shop domain and SSL Domain fields.
- Click Save to keep your changes, and you’re all set.
Make sure not to change the Base URL field. The “/” indicates that you’re installing PrestaShop on the root directory (/public_html/). If you installed PrestaShop on a subdirectory (/public_html/shop), the base URL would be “/shop.”
Method 2: Changing Your Domain Name through hPanel
If you don’t have access to the admin panel of your PrestaShop, you can choose to change the domain name from Hostinger’s hPanel. Follow this PrestaShop tutorial for changing your domain name through hPanel and phpMyAdmin.
- Open the hPanel and hit the phpMyAdmin icon under the Databases section.
- Type in “configuration” on the search bar and hit the Browse button on the table.
- Find the records for PS_SHOP_DOMAIN and PS_SHOP_DOMAIN_SLL. To make your search easier, type in “shop” on Filter Rows.
- Edit the PS_SHOP_DOMAIN record and replace the domain name with a new one. Don’t forget to hit Go to save.
- Do the same with PS_SHOP_DOMAIN_SSL. You can now access your site with the new domain name.
This PrestaShop tutorial covered everything you need to know, to get your online store up and running. By using this platform, you’ll be able to bring your online store to new heights of success!
Let’s recap on what was learned:
- Installing PrestaShop – either using the autoinstall or doing it manually.
- Setting up PrestaShop – creating a new page, installing a theme, setting up payment methods, adding more languages and products.
- Adding an SSL certificate – protect your online store by adding an extra layer of security.
- Setting up currencies – by following the easy steps, you can localize your store and reach a global market.
- Resetting the admin password – if you forget your password, you can restore it via the password reminder function or manually via phpMyAdmin.
- Change the PrestaShop domain name – you can use two methods: the PrestaShop interface or phpMyAdmin.
Hopefully, our PrestaShop tutorial has answered every question you have about the ecommerce platform. If not – leave a comment below!