![PRESTA-8](https://c.projekt-net.pl/wp-content/uploads/2024/05/PRESTA-8-420x280_c.jpg)
WSTAWIANIE SKRYPTU PRESTASHOP 8
1. Pobierz moduł pozwalający na wstawianie własnego kodu JavaScript ze strony.
2. Zainstaluj pobrany plik wchodząc w Moduły –> Module Manager.
3. Wybierz opcję Załaduj moduł –> Wybierz pobrany plik w rozszerzeniu „.zip” z dysku.
![Miejsce, w które należy wejść żeby zainstalować moduł. Widok panelu administracyjnego oprogramowania Prestashop, dodawanie własnych modułów.](https://c.projekt-net.pl/wp-content/uploads/2019/10/presta1.7_6.png)
![Miejsce, w którym należy załadować pobrany plik. Widok panelu administracyjnego oprogramowania Prestashop, dodawanie własnych modułów.](https://c.projekt-net.pl/wp-content/uploads/2019/10/presta1.7_7.png)
4. Po instalacji ponownie przejdź do Module Manager, odnajdź zainstalowany moduł i wybierz opcję konfiguruj.
5. Wstaw kod do okna Body code.
![Miejsce, w które należy dodać swój kod. Widok panelu administracyjnego oprogramowania Prestashop, moduł pozwalający na dodanie kodu. Wstawianie skryptu Prestashop 1.7](https://c.projekt-net.pl/wp-content/uploads/2019/10/presta1.7_8.png)
WSTAWIANIE IFRAME PRESTASHOP 8
1. Aby dodać iframe na stronie informacyjnej, po zalogowaniu się do panelu administracyjnego, wybierz opcję Wygląd –> Strony.
![Zakładka, do której należy wejść aby dodać swoją stronę informacyjną. Widok panelu administracyjnego oprogramowania Prestashop, zakładka strony.](https://c.projekt-net.pl/wp-content/uploads/2019/10/presta1.7_1.png)
2. Dodaj nową lub edytuj istniejącą stronę.
![Lista stron informacyjncyh w Prestashop Widok listy stron informacyjnych w oprogramowaniu Prestashop.](https://c.projekt-net.pl/wp-content/uploads/2019/10/presta1.7_2.png)
3. W edytorze, w lewym górnym roku wybierz opcję „< >”. Po wybraniu pojawi się pole, w którym będziesz mógł wstawić iframe. Wstaw go w miejscu, w którym ma się pojawić na stronie, np. między treścią.
![Edytor tekstowy Prestashop Widok edytora tekstowego w Prestashop. Wstawianie iframe Prestashop](https://c.projekt-net.pl/wp-content/uploads/2019/10/presta1.7_3.png)
4. Zapisz wprowadzone zmiany. Jeżeli przy próbie zapisu pojawia się błąd, najprawdopodobniej masz ustawione zabezpieczenia. Usuń iframe z pola edycji, zapisz obecne postępy.
5. W menu po lewej stronie wybierz Preferencje –> Ogólny.
![Zakładka, do której należy przejść aby wyłączyć zabezpieczenia dodtyczące iframe. Widok panelu administracyjnego oprogramowania Prestashop, ustawienia dotyczące zabezpieczeń.](https://c.projekt-net.pl/wp-content/uploads/2019/10/presta1.7_4.png)
6. Przestaw opcję Pozwól na iframes w polach HTML na TAK. Wróć do nowo utworzonej/edytowanej strony i wstaw ponownie kod iframe.
![Ustawienia zabezpieczeń. Widok ustawień dotyczących zabezpieczeń Prestashop.](https://c.projekt-net.pl/wp-content/uploads/2019/10/presta1.7_5.png)
Przykładowe iframe:
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/bo_efYhYU2A” frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>
<iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2443.6354178276415!2d21.00380631560952!3d52.23184126529699!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x471ecc8c92692e49%3A0xc2e97ae5311f2dc2!2sPa%C5%82ac%20Kultury%20i%20Nauki!5e0!3m2!1spl!2spl!4v1571399997072!5m2!1spl!2spl” width=”600″ height=”450″ frameborder=”0″ style=”border:0;” allowfullscreen=””></iframe>
Korzystając z powyższej instrukcji, można również:
– wstawić mapy google,
– podłączyć google analytics,
– podłączyć google ads,
– wstawić google adwords,
– podłączyć chat,
– dodać kod javascript,
– dodać iframe,
– wstawić film z youtuba,
– dodać odtwarzacz filmów,
– wstawić odtwarzacz MP3.
Zobacz również dodawanie skryptów, script i iframe na stronę WordPress, Woocommerce, Comarch, GoShop, Shoper, Home, IdoSell, KQS Store, Magento, OpenCart, shopGold, oscGold, RedCart, Selly, SkyShop, SOTE, PrestaShop 1.6, PrestaShop 1.7.