# PrestaShop, czyli e-commerce w 10 minut

Bardzo popularny w Polsce [PrestaShop](https://www.prestashop.com/pl/) to e-commerce na licencji otwartej. Został stworzony z myślą o małych i średnich sklepach internetowych. Jest to właściwie gotowe do użytku rozwiązanie zaraz po instalacji. PrestaShop jest bardzo łatwy w użyciu, a wbudowany kreator wizualny przeprowadza krok po kroku przez całą personalizację sklepu. Uczyniliśmy instalację tego sklepu na [Cloudlets.Zone](https://cloudlets.zone) tak prostą jak się tylko da, a skalowanie, czyli możliwość obsłużenia od małego do bardzo dużego ruchu jest w pełni zautomatyzowane.

PrestaShop skupia wokół siebie duży ekosystem twórców aplikacji, którzy opracowali mnóstwo darmowych oraz płatnych modułów, czyniąc PrestaShop prawdziwą platformą handlu elektronicznego.

![Przykładowe moduły spośród 183 dostępnych obecnie w Panelu PrestaShop](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjPnDPcjJqchDtmlDYR%2F-MjPo7V8VdPnnEnNdAyU%2Fobraz.png?alt=media\&token=e09f3863-3e4a-4b6a-8793-9f25bbff08c7)

## Instalacja PrestaShop na Cloudlets.Zone

1. Po zalogowaniu do [Portalu Usług na Cloudlets.Zone](https://app.controller.cloudlets.zone/) wyszukujemy **PrestaShop** na **Marketpacle**. Jeżeli nie masz jeszcze konta na Cloudlets.Zone, skorzystaj z [darmowego okresu próbnego](https://cloudlets.zone/rejestracja/) ([instrukcja](https://kompendium.cloudlets.zone/kompendium/konto/zakladanie-nowego-konta)).

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjP5qMgt9F6l4qu1Sdh%2F-MjP6qVX0P-RkvKp1Wzc%2FPrestaShop%20na%20CloudletsZone.png?alt=media\&token=f6ca3ed2-5251-4c43-89b6-45c13b379dd1)

2\. Zmień nazwę środowiska lub pozostaw domyślną, a następnie kliknij **Instaluj**.

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjP5qMgt9F6l4qu1Sdh%2F-MjP71IEfaSneQlQ5mMO%2Fobraz.png?alt=media\&token=74ad2efa-7f6b-4f39-aed1-bd47f655fdcc)

Po kilku minutach PrestaShop zostanie zainstalowany.&#x20;

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjP7zlJSB64PCgpUde2%2F-MjP8vAvjRR1ag4Tl51Q%2FSnip%20-%20Cloudlets.Zone%20Panel%20Mozilla%20Firefo%20\(38\).png?alt=media\&token=7eb1cec2-46ac-4a85-ba8e-81a95ecbc8bf)

Praktycznie od razu możesz przetestować sklep, który uruchomi się z danymi demonstracyjnymi, w tym celu kliknij przycisk **Otwórz w przeglądarce.**&#x20;

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjP7zlJSB64PCgpUde2%2F-MjP95zLBi5CFUAB4dsb%2Fobraz.png?alt=media\&token=d3939888-dae1-4dbd-a81c-d9eeffbba8bb)

Możesz też zalogować się do panelu administracyjnego PrestaShop, do którego link umieszczony jest w oknie dialogowym, a ponadto otrzymasz go w mailu.

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjP9E-zxrnOM4wMNRKr%2F-MjPAE3lkX3cz5gFUx-l%2FSnip%20-%20PrestaShop%20\(PrestaShop\)%20Mozilla%20Firef.png?alt=media\&token=5d576565-56fc-46b5-97e5-67d2d11c6ccd)

### Ustawianie języka polskiego w PrestaShop

1. Zaloguj się do Panelu administracyjnego PrestaShop (w tym przykładzie będzie to: *<http://moj-sklep.node.cloudlets.zone/admin8706569/>*)

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjP9E-zxrnOM4wMNRKr%2F-MjPAE3lkX3cz5gFUx-l%2FSnip%20-%20PrestaShop%20\(PrestaShop\)%20Mozilla%20Firef.png?alt=media\&token=5d576565-56fc-46b5-97e5-67d2d11c6ccd)

{% hint style="info" %}
Ze względów bezpieczeństwa, domyślną nazwę katalogu panelu administracyjnego PrestaShop ***/admin,*** nasza platforma zamieni na losowo generowaną nazwę. Ochroni to sklep przed atakami typu brute-force, czyli metodzie łamania haseł polegającej na sprawdzaniu wszystkich możliwych kombinacji. Instrukcję jak zmienić nazwę katalogu na łatwiejszą do zapamiętania [znajdziesz tutaj](#zmiana-nazwy-katalogu-administratora-prestashop).
{% endhint %}

2\. Z bocznego menu wybierz **International/Localization**, a następnie z górnego menu kontekstowego wybierz **Languages.** Sprawdź, czy jest dostępny język, który chcesz ustawić jako domyślny. W naszym przykładzie brakuje języka polskiego.&#x20;

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjPs8D5jkJmyezaXncG%2F-MjPuaWQuYrofOHEiv7l%2Fobraz.png?alt=media\&token=faccb7a6-2e34-4175-965f-388694d71a87)

3\. Wróć do Panelu administracyjnego PrestaShop i z bocznego menu wybierz **Translations**, a następnie z listy rozwijalnej **Add / Update language** wybierz **Polski (Polish)** i kliknij przycisk **Add or Update language.**

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjPwjqRGTJRLliKweCu%2F-MjQ0q5cBRyk7y-9Z8U2%2FSnip%20-%20Translations%20PrestaShop%20Mozilla%20Firef.png?alt=media\&token=11f155a7-2c9b-4917-a722-378915823f95)

Poczekaj na komunikat o pomyślnym zakończeniu tłumaczenia.

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjPwjqRGTJRLliKweCu%2F-MjPyx5va6DCSOOq1kwn%2Fobraz.png?alt=media\&token=41d1ee65-da5a-4bd9-8e95-e51848d248da)

4\. Teraz wystarczy już przełączyć język domyślny. Z bocznego menu wybierz **International/Localization**, a następnie z górnego menu kontekstowego wybierz **Localization.** Wybierz **Polski (Polish)** w polu wyboru, a na koniec zapisz wciskając klawisz **Save**.

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjPwjqRGTJRLliKweCu%2F-MjQ2OCHVdcb6hpkcXKh%2FSnip%20-%20Localization%20PrestaShop%20Mozilla%20Firef%20\(2\).png?alt=media\&token=e573dd64-af3c-437f-a272-925fc322c11b)

Prawdopodobnie, Twój profil jest nadal w języku, który był domyślny przy pierwszym logowaniu. Żeby zobaczyć Panel administracyjny PrestaShop w języku polskim, wystarczy już tylko przełączyć język w profilu indywidualnym.&#x20;

5\. W tym celu z prawego górnego menu wybierz ikonę profilu, kliknij przycisk **Your profile** i wybierz z listy **Languages** język **Polski (Polish),** po czym zapisz zmianę przyciskiem **Save**.

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjPwjqRGTJRLliKweCu%2F-MjQ48vDNZrW0KsDypCR%2Fprze%C5%82%C4%85czenie%20j%C4%99zyka%20w%20profilu.png?alt=media\&token=3101a2a7-7dd1-4970-987b-f270bd8146c8)

Po tej operacji, Panel administracyjny przeładuje się i PrestaShop zamelduje się w języku polskim.

![PrestaShop w języku polskim](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjPwjqRGTJRLliKweCu%2F-MjQ5Q8d5T-JG66EKwlo%2Fobraz.png?alt=media\&token=82c6c0ea-36b7-4b7b-b2dc-323b798d3b2b)

### Zmiana nazwy katalogu administratora PrestaShop

Ze względów bezpieczeństwa oraz w celu ochrony witryn przed atakami brute force, adres URL panelu administracyjnego PrestaShop z domyślnego **/admin,** modyfikowany jest w locie na nazwę generowaną losowo. Jeżeli chcesz ustawić łatwiejszą do zapamiętania nazwę, oczywiście poza **admin** :), postępuj zgodnie z poniższą instrukcją.

1. Z poziomu menu *serwera aplikacji*  PrestaShop wybierz **Konfiguracja,** a następnie w katalogu *var/www/webroot/ROOT* odszukaj folder, który wygenerował system przy tworzeniu środowiska. Będzie zaczynał się od **/admin**. W tym przypadku to *admin8706569.*

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjTcjm1cX9fa90Z5aKl%2F-MjTftv8J60X-B9-zgtF%2FZrzut%20ekranu%202021-09-13%2012.22.15.png?alt=media\&token=295c3483-aa51-4198-81d3-84db16c394fd)

2\. Teraz wystarczy już tylko dokonać zmiany klikając ikonę edycji - **Zmień nazwę**, przy nazwie foldera.

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjTgvP6es1nRFXZB_Iy%2F-MjThsQPGQxQs-TOSsUp%2FZrzut%20ekranu%202021-09-13%2012.29.54.png?alt=media\&token=7236d26b-dda8-4336-b8af-5ab96ffcb205)

Pamiętaj, że po zmianie, logowanie do Panelu administracyjnego odbywać się już będzie z użyciem nowego adresu URL, np: *<http://moj-sklep.node.cloudlets.zone/admin-secret/>*

### Dodawanie własnej domeny

W trosce o prywatność i bezpieczeństwo konieczne jest, aby sklep działał poprzez protokół HTTPS . Poza tym, zdecydowanie każda witryna e-commerce w Internecie wymaga użycia własnej domeny, która jest ważną częścią identyfikacji marki. Stwórzmy więc i powiążmy własną domenę ze sklepem i włączmy szyfrowanie ruchu SSL.

1. Zaczynamy od dodania adresu IP do środowiska z PrestaShop. W tym celu kliknij **Zmień topologię środowiska.**

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjTxhrXJDFF6TdG6b06%2F-MjV0ur08XEhPDvNpFXn%2FZrzut%20ekranu%202021-09-13%2018.09.33.png?alt=media\&token=c7c11f61-a2fc-49aa-9162-26ad5d54400d)

2\. Następnie, dodaj jeden adres IP do serwera aplikacji Apache i potwierdź przyciskiem **Zastosuj**. opcja **SLB** zostanie automatycznie wyłączona.

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjTxhrXJDFF6TdG6b06%2F-MjV1dDbcMDoc9glncTH%2FSnip%20-%20Cloudlets.Zone%20Panel%20Mozilla%20Firefo%20\(40\).png?alt=media\&token=53cc9f60-d852-4a4a-92c4-a9226fd4de65)

3\. Teraz trzeba wprowadzić zmiany w DNS domeny, która ma prowadzić do sklepu. W tym przykładzie użyjemy wpisu CNAME w DNS dla domeny *produkcjachmur.pl* i stworzymy subdomenę, aby środowisko dostępne było pod adresem *prestashop.produkcjachmur.pl*&#x20;

```bash
CNAME    prestashop    moj-sklep.node.cloudlets.zone    1800
```

![Tak wygląda dodanie tego rekordu w GoDaddy](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjTxhrXJDFF6TdG6b06%2F-MjV31vjaAjV0RUUlCxQ%2Fobraz.png?alt=media\&token=e5c4051a-d648-40ef-9abd-d272e55724d0)

4\. Przyszedł czas na instalację Let's Encrypt. W warstwie aplikacji środowiska PrestaShop wybieramy **Więcej / Dodatki** a z listy wybieramy **Let's Encrypt Free SSL** i klikamy **Instaluj**.

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjV39C2AHK1qiAcFev6%2F-MjV43XUmvRogn7pq_cz%2FZrzut%20ekranu%202021-09-13%2018.51.19.png?alt=media\&token=471da634-48e6-46df-80cd-e5fd1b41298a)

5\. Wpisujemy naszą domenę, w tym przypadku subdomenę: *prestashop.produkcjachmur.pl* i wciskamy przycisk **Instaluj**.

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjV4iE87LKXos2NxRn8%2F-MjV55zYBuR1cVJM1VNJ%2Fobraz.png?alt=media\&token=4ac71975-6bdd-4744-a7b6-48611ff34b55)

Po zainstalowaniu certyfikatu dla domeny powinien pojawić się komunikat. Upewnij się, czy instalacja przebiegła pomyślnie zanim przejdziesz do następnych kroków.

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjV4iE87LKXos2NxRn8%2F-MjV7oGBtVTBJxt2MiP4%2Fobraz.png?alt=media\&token=49180c59-3b00-4eed-834f-7c9853c08870)

6\. Na koniec pozostaje zmienić adres URL sklepu internetowego. Otwórz panel administracyjny PrestaShop, a następnie przejdź do **Preferencje / Ogólne** z bocznego menu i kliknij „*Kliknij tutaj, aby sprawdzić, czy Twój sklep obsługuje HTTPS*”.

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjV4iE87LKXos2NxRn8%2F-MjVCgzeqitxN9wX8s0b%2FSnip%20-%20Preferencje%20PrestaShop%20Mozilla%20Firef.png?alt=media\&token=df187346-99a9-4a62-b14c-17e3f947b717)

Nastąpi przełączenie serwisu na protokół https i pojawi się seria komunikatów ostrzegających o nieprawidłowym certyfikacie. Dlaczego? Gdyż certyfikat wystawiony jest dla domeny *prestashop.produkcjachmur.pl,* a my cały czas operujemy w ramach domeny domyślnej, w tym przykładzie: *moj-sklep.node.cloudlets.zone*

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjV4iE87LKXos2NxRn8%2F-MjVCkkiSJVQHgk5Tben%2FSnip%20-%20Ostrze%C2%BFenie%20potencjalne%20zagro%C2%BFenie%20bezpiecze%C3%B1stwa%20Mozilla%20Fire.png?alt=media\&token=02ff497a-0156-4c41-ac83-561179a8aac5)

I jeszcze komunikat z PrestaShop, także zatwierdzamy, potwierdzając, że rozumiemy ryzyko.

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjV4iE87LKXos2NxRn8%2F-MjVCskl_iypklgqDmca%2Fobraz.png?alt=media\&token=38ce9bf4-6cb3-492b-a970-680c590c67e4)

Po zatwierdzeniu może być konieczne ponowne logowanie.

7\. Teraz wystarczy wybrać **Włączy SSL** i **Włącz SSL na wszystkich stronach** i zatwierdzić na samym dole przyciskiem **Zapisz.** Może być wymagana sekwencyjność, a więc najpierw włączamy SSL i zapisujemy, a dopiero wówczas możliwe będzie włączenie SSL na wszystkich stronach.

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjV4iE87LKXos2NxRn8%2F-MjVE1HrC4ugKcTl2b66%2FSnip%20-%20Preferencje%20PrestaShop%20Mozilla%20Firef%20\(2\).png?alt=media\&token=57764379-2d22-453e-ae5c-fdc5b4e39571)

8\. Ostatni krok, czyli zmiana adresu URL swojego sklepu tak aby był zbieżny z wystawiony certyfikatem SSL. W tym przykładzie to *prestashop.produkcjachmur.pl* Sekcja KONFIGURUJ bocznego menu **Preferencje / Ruch.** Zmieniamy oba pola, czyli **Domena sklepu, Domena SSL** - zatwierdzamy przyciskiem **Zapisz**.&#x20;

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjV4iE87LKXos2NxRn8%2F-MjVGITQZtWmJhLOvblF%2FSnip%20-%20SEO%20%26%20URL%20PrestaShop%20Mozilla%20Firef.png?alt=media\&token=ff3d832d-2146-48f5-90b0-cc00be952bc0)

Zaloguj się ponownie do sklepu, tym razem już z domeny z ważnym certyfikatem SSL. Wpisz własną domenę, w tym przykładzie: prestashop.produkcjachmur/admin-secret/

9\. Zmień hasło do PrestaShop, co zrealizować można z poziomu **Twój Profil** w Panelu PrestaShop. Tym razem cała transmisja będzie chroniona protokołem HTTPS.

![](https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWnpSFLdAw8lYDKrSEr%2F-MjV4iE87LKXos2NxRn8%2F-MjVIOSRyniivLl2tb90%2FSnip%20-%20Edytuj%20Magda%20Tomasz%20PrestaShop%20Mozilla%20Firef.png?alt=media\&token=332b01f4-b314-48af-9fe3-bf1c825e5a15)

Zrobione!

<figure><img src="https://1972667440-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MWnpSFLdAw8lYDKrSEr%2Fuploads%2FI7Dg7BaG8ZelTeayovPJ%2FChmura%20(4).png?alt=media&#x26;token=f8fe7719-9dcc-409a-9749-80824302dc5e" alt=""><figcaption></figcaption></figure>

{% embed url="<https://cloudlets.zone/rejestracja/?utm_campaign=jitsi&utm_medium=kompendium&utm_source=kompendium>" %}
