Video guide:
Why should we configure shop’s information?
Now that you have a clean shop, you can start making it your own, setting everything as you like, starting with your shop's information.
What are the information that we have to configure?
This is the list of the information we are going to customize in this tutorial:
- Shop name, Email, and Address
- Logo
- Default Currency
- Social networks
- Reassurance
- Legal Compliance
- Static pages
Shop name, email, and address ^
The shop name defines your brand, and it is displayed in emails and page titles. To access this option follow these steps:
1. Go to the "Shop Parameters" menu, "Contact" page, "Stores" tab. Scroll down to the "Contact details" section.
2. Edit the "Shop name" field if you need. This is what you have defined in the installation process.
3. Shop email is also displayed in emails sent to customers, on the contact us page, and in the footer of the Classic theme; you can change it to anything you want.
4. You can also enter your registration number, shop address, phone, and fax here.
Shop logo ^
Logo defines your brand visually. The default logo says "my store". Displayed at the top left of every page of your store, as well as in your invoices and other automatic e-mails. To change it, go to the "Design" menu, "Theme & Logo" page, "Logo" section, then change the various default images to your logo.
The "Header logo" will appear on your front office. Click "Browse" and select your logo. The dimension of the logo depends on your theme and design. For the Classic theme (the default theme of PrestaShop 1.7) 40px height and 200px width are recommended and if possible with a png format.
If you don't upload a different logo for Mail and Invoice, the main logo will be used instead. So if you need a different logo for Mail and Invoice, you can upload them just like the following screenshot:
You can and must change the Favicon of your shop. Favicon is the small icon that appears in browser tabs, next to the title. You should create a transparent image with .ico format for the Favicon.
You can also use the favicon generator on PrestaShop Marketplace for free.
- Import your image
- Generate your favicon
- Download the favicon (You should be logged in to your account to download it.)
Now go back to your back office and click browse, selcet the favicon with the .ico format and upload it as it's shown in the following screenshot:
If the image is not changed, press "Ctrl + F5" on your keyboard for the change to take effect.
We will discover more options here in this menu later in other tutorials. This is supposed to be a short and quick guide for some basic settings of your shop because they are displayed in the front office.
Default currency ^
Default currency is the currency in which you want to set the default price for your products. You can access this setting in the "International" menu, "Localization" page, "Configuration" section. If there are more than one currency available, you can choose your default currency.
If your preferred currency is not available, you must import a localization pack for that country first, In the same page, scroll up to the "Import a localization pack" tool:
Select the country and check the necessary boxes, select yes for the "Download pack data" and click Import. Now you will have another currency available so you are able to change the default currency.
Social networks and social sharing ^
Go to Modules, Module Manager. Type "Social" and press Enter. By default, there are two modules.
1. Social media follow links: This module will help you to show your accounts pages on different platforms.
To enter the address of your pages, click Configure the "Social media follow links" and enter your available pages and click save. In the Classic theme, it is shown in the footer of almost all pages:
2. Social media share buttons: This module will let your visitors to share your products on social media. Configure the "Social media share buttons" module. In this module, you can only enable or disable the share button of Facebook, Twitter, and Pinterest.
This module is shown in the product page:
Reassurance ^
If you have noticed on the product page, there's a block that allows you to display some reassurance details.
This block can also be shown on the header, footer, and checkout page. You should use it to give some details about your return policy, your security policy, delivery policy, etc. so that visitors will feel it's safe to order from your shop.
Go to Modules > Module Manager. Type "Reassurance", press enter and configure the Customer Reassurance module.
There are 3 tabs in this module:
1. Content
In the Content tab, you can add, edit or delete these contents. You can also deactivate, activate, and reposition these contents using click and drag. By default, there are three contents. To edit, click the 3 dots icon and then choose edit. We can change the image/icon, title, description, and redirection options.
1. If you click modify icon here, there a handful of available icons with 3 different styles you can choose from or just upload a file with SVG format or gif, jpg, and png.
2. The title shouldn't be more than 100 characters.
3. The description is optional and 100 characters top. You can also leave it empty.
4. You have also an option to link this piece of content to a CMS page (aka Static Page) or a direct URL.
Make sure to click save for changes to take effect.
2. Display
In the display tab, you can set the position and display the status of the entire block.
1. From global settings, you can set the position of the block in the header and footer on all pages. Above the header, below the header, or none. Also, above the footer, below the footer, and none. Remember, this global setting is for all pages.
2. There are two more options: Product pages and Checkout pages. You can only choose to show the block in the main column or none on both these pages. Changes are applied just as you select an option.
3. Appearance
In the appearance tab, you can change the Icon and text color for this reassurance block. Don't forget to click Save to submit the changes.
Legal Compliance ^
Some countries require you to give specific information to your customers, regarding your various policies. The "Official GDPR compliance" and "Legal Compliance" modules are here to help. To access these modules, as usually they are not installed by default, go to modules, module catalog, type "compliance" and press enter.
You may not see the Legal Compliance module in this list. It's because right now the "Legal Compliance" module is archived. But you can still download it from the PrestaShop GitHub repository. If you don't know how to download and install a PrestaShop module from GitHub, check out the "Deleting the demo data - PrestaShop 1.7" tutorial.
These two modules are very simple to work with. You just need to read the instructions for each option. I may later explain all the options in a separate tutorial. You should also read the Complying with the European Legislation in PrestaShop documentation.
Static Pages ^
Your shop needs some content, such as "About Us", "Delivery", "Legal Notice", "Terms and Conditions", and "Secure Payment". To create these pages in PrestaShop 1.7, go to Design > Pages.
You'll see a list of pages. some of them have default content, which you should adapt to your business; some others are empty, and you should paste your own text. You can add, edit, and delete them if you want.
These pages are available in multiple parts of the front office. For example, they are displayed in the "Our company" section of the footer on the Classic theme like the following screenshot:
Edit or add a new page
1. The title goes here. As you can read, this is in the h1 page tag.
2. Preview of this page in search engine results.
3. SEO options, Meta title, meta description, meta keywords, and friendly URL.
In the page content, you can enter your own content. Text, images, videos, and any HTML content you need.
1. If you want this page to be indexed by search engines, select Yes.
2. The Displayed option is for enabling and disabling this content in the front office.
When you are done editing the page, click save and preview to see the changes. This is how you can edit and adapt all the static pages to your business.
If you need a new page category for your static pages, click Add new page category. Fill out the following fields and click save.
Please be aware that "page category" is not related to product categories in any way. Do not mix them up.
That's it. This is how you can modify your shop's main information. If you have any questions related to this tutorial, just leave a comment.