Jak włączyć widget ratalny PayU w eSklepie home.pl?


W ramach płatności elektronicznych PayU możesz włączyć opcję płatności ratalnych. Dzięki temu ułatwisz klientom zakup droższych produktów i zwiększysz wartość koszyka zakupowego w sklepie.

Poniższa instrukcja opisuje włączenie widgeta ratalnego na kartach produktów w eSklepie home.pl. Poniższy kod dodajesz tylko raz, widget wyświetlany będzie w szczegółach wszystkich pozycji w sklepie.

Włączenie widgeta ratalnego PayU wymaga utworzenia kopii aktywnej szaty graficznej i wprowadzenia zmian w plikach nowego stylu. Poniższa instrukcja pokazuje jak nanieść zmiany na już utworzoną kopię szaty. Pamiętaj! Jeśli wprowadzisz zmiany, które spowodują błędy w wyświetlaniu sklepu zawsze możesz przywrócić domyślną zawartość edytowanych plików lub przełączyć się na domyślny styl graficzny sklepu.
  1. Utwórz kopię aktywnego w sklepie stylu graficznego. W tym celu przejdź do sekcji Konfiguracja / Wygląd / Aktywny styl graficzny.Aktywacja kopii skórki w sklepie 
  2. Kliknij na ikonkę wskazaną na poniższym zrzucie ekranu – Utwórz kopię skórki.
    Aktywacja kopii skórki w sklepie
  3. Utworzoną kopię skórki nazwij wg. własnego uznania. Kopia skórki kopiuje aktualny wygląd sklepu i umożliwia jego dalszą edycję. W każdej chwili możesz powrócić do pierwotnego wyglądu.
    Kopia skórki w ustawieniach Aktywny styl graficzny
  4. Ponieważ zmiany wprowadzane są w kopii skórki, aby były one widoczne, skórka/szablon muszą być aktywne. Aktywuj kopię szablonu, który chcesz aby był widoczny dla użytkowników. Brak aktywacji powoduje prace z nieaktywnym szablonem, ale nadal możliwy jest jego podgląd.
    Kopia skórki w ustawieniach Aktywny styl graficzny
  5. Po utworzeniu kopii stylu przejdź do zakładki Edycja Zaawansowana (z lewej).
    Aktywny styl graficzny > Kopia skórki
  6. Odszukaj plik product/index.tpl i przejdź do jego edycji klikając przycisk obok jego nazwy.
    Aktywny styl graficzny > Kopia skórki
  7. Odszukaj linie 176-178:
    {/if}
    </div>
    {/if}

    i dodaj za ostatnim znacznikiem jak wyżej kod:

    <!--widget payu--!>
    {literal}
    <script type="text/javascript">
      var openpayu = openpayu || {};
      openpayu.options = { {/literal}
        creditAmount: {if $product->specialOffer}{$product->defaultStock->getSpecialOfferPrice()}{else} {$product->defaultStock->getPrice()}{/if},
       {literal} posId: 'XXXXXXXX',  
        key: 'YY',
        showLongDescription: true
      };
       OpenPayU.Installments.miniInstallment('#installment-mini');
      </script>{/literal}
      <!--koniec--!>
  8. Odszukaj linię 95:
    {currency value=$product->defaultStock->getPrice()}

    i dodaj za nią kod:

    <!--widget payu--!>
    {if $product->defaultStock->getPrice() >= 300}
    <p><span id="installment-mini"></span></p>
    <p id="text">{translate key="rata"}
    {/if}
    <!--widget payu--!>
  9. Odszukaj linię 85:
    <del>{currency value=$product->defaultStock->getPrice()}</del>

    i dodaj za nią kod:

    <!--widget PayU--!>
    {if $product->defaultStock->getCurrencySpecialOfferPrice() >= 300}
    <p><span id="installment-mini"></span></p>
    <p id="text">{translate key="rata"}
    {/if}
    <!--koniec--!>
    
    W miejsce wartości parametru posId wprowadź ID punktu płatności dla Twojego sklepu utworzone w PayU. Dla wartości key podaj pierwsze dwa znaki pierwszego klucza MD5 z PayU. Obie wartości znajdziesz w ustawieniach PayU w swoim sklepie, w sekcji Konfiguracja / Sprzedaż / Płatności.
  10. Zapisz zmiany wprowadzone do pliku product/index.tpl
  11. Dodaj poniższy kod do sekcji head w Konfiguracja / Integracje / Integracje własne:
    <script src="https://static.payu.com/res/v2/jquery.payu.min.js"></script>
    <script src="https://static.payu.com/res/v2/jquery-ui.payu.min.js"></script>
    <script src="https://static.payu.com/res/v2/jquery.i18n.payu.js"></script>
    <script src="https://static.payu.com/res/v2/jsrender.js"></script>
    <script src="https://static.payu.com/res/v2/openpayu-2.0.js"></script>
    <script src="https://static.payu.com/res/v2/widget-installments-2.1.js"></script>
    
  12. Dodaj nową frazę, która wyświetli opis wyliczenia ratalnego na karcie produktu w sekcji Konfiguracja / Ustawienia regionalne / Języki / Frazy:
    klucz: rata
    wartość: Symulacja została wykonana dla produktu podstawowego
  13. Dodaj poniższy kod do sekcji Konfiguracja / Wygląd / Aktywny styl graficzny / Własny styl CSS (na samym dole pliku).
    /*--Raty PayU--*/
    #installment-mini a {
         font-size: 14px !important;
    }
    .payu-widget-installments-mini-amount {
        margin-left: 9% !important;
        font-size: 15px;
        font-weight: bold;
        color: #a6c307;
    }
    /*--ramka--*/
    #installment-mini {
       box-shadow: 1px 2px 5px #a6c307;
    }
    #text {
        text-align: justify;
        font-size: 9px;
    }
    /*--Raty PayU--*/
  14. Ustaw edytowany styl graficzny jako aktywny w sklepie i, dla pewności, wyczyść pamięc cache (Konfiguracja / Administracja, system / Pamięć cache) sklepu.

Gotowe! Udało Ci się dodać widget ratalny PayU w eSklepie home.pl

Jeśli wszystko wykonałeś zgodnie z instrukcją, na karcie produktu tuż pod jego ceną pojawi się symulacja płatności ratalnych, a kliknięcie w nią wyświetli okno ze szczegółami płatności ratalnych.
eSklep - Przykład działania symulacji płatności ratalnych pod ceną wybranego produktu w sklepie internetowym

Załóż własny sklep internetowy

Nieważne co i jak chcesz sprzedawać. eSklep od home.pl to idealne narzędzie do prowadzenia sprzedaży w Internecie.


  • Czy artykuł był pomocny ?
  • Tak   Nie
Szukaj
Generic filters
Tylko dokładne dopasowania
Szukaj w tytułach
Szukaj w treści
Filter by Article Categories
Najczęściej zadawane pytania
Dodatkowe narzędzia hostingu
Statystyki serwera (nowe)
Połączenie SSH
Statystyki serwera (stare)
WebFTP
Autoinstalator
Kontrola wersji (SVN)
Listy mailingowe
Poczta home.pl
Obsługa poczty webmail
Programy pocztowe
Nowa platforma home.pl
Częste pytania
Bezpieczeństwo
Instalacje
Panel klienta
Domeny
Hosting
Serwer Apache
Bazy danych
Certyfikaty SSL
Zamawianie SSL
Instalacja i konfiguracja SSL
Poczta e-mail
WordPress Hosting SSD
Dodatki od partnerów
Poprzednia platforma home.pl
Certyfikaty SSL
Zamawianie certyfikatów SSL
Konfiguracja i instalacja SSL
Panel home.pl
Informacje podstawowe
Pulpit
Usługi
Płatności
Profil
Centrum Pomocy
Operacje w Panelu home.pl
Serwery
WebFTP
Informacje podstawowe
Konfiguracja serwerów
Serwery Unix
Serwery Windows
Obsługa baz danych
phpMyAdmin (MySQL)
phpPgAdmin (PgSQL)
myLittleAdmin (MSSQL)
Sklep internetowy eSklep
Panel usługi eSklep
RODO w sklepie internetowym
Panel sklepu internetowego
Pierwsze kroki
Promocja sklepu
Sprzedaż
Pierwsze uruchomienie
Dodatki od partnerów
Asortyment
Klienci
Integracje
Inne integracje
Systemy aukcyjne
Baza produktów
Aplikacje
App store
Aplikacja mobilna
Marketing
Modyfikacja wyglądu
Dokumentacja
Dla deweloperów
Style graficzne
Inne zagadnienia
Raporty i statystyki
Zawartość
Filmy instruktażowe
Konfiguracja sklepu
Rozliczenia i dokumenty
Faktury
Zmiana danych (cesja)
Rozliczenia i płatności
Dokumenty do pobrania
Produkty i usługi
Kreator Stron WWW
eCommerce
Moduły
Ustawienia
Szablony
Nawigacja
Publikacja i dodatki
Szybki start
Prestahosting
Profesjonalne usługi IT
Certyfikaty SSL
Przywracanie danych
Udostępnienie logów
Operacje na plikach i bazach danych
WordPress
Terminal płatniczy SumUp
Wordpress hosting SSD
Domeny
Informacje podstawowe
Rejestracja / opłacanie
Konfiguracja domen
Transfer domen
Giełda domen
Dodatki do domen
Serwery VPS
Skrzynki e-mail
Microsoft Exchange
Cloud Email Xchange
Obsługa skrzynek w Panelu home.pl
Jak zarejestrować Personal email lub Business email?
Bezpieczeństwo
eKsięgowość
Reklama internetowa
Reklama Allegro Ads
Tworzenie stron WWW
Contact LEADer
Reklama banerowa Google
Zakupy Google
Google Ads (AdWords)
eKampanie Google
SEMSTORM
Pozycjonowanie
rankingCoach
Baza wiedzy
Facebook
Systemy CMS
Internet w praktyce
Przydatne programy
Konfiguracja programów FTP
Zagadnienia techniczne
.htaccess
mod_rewrite
Kursy i specyfikacje
Kurs HTML
Kurs PHP
Kurs SQL
Rejestracja usług
RODO w home.pl
English
Website Builder
Marketplace
Control Panel
Webmail
FTP
Office 365
WordPress
SSL certificate
Aplikacje w marketplace
SimplySign
Antywirus ESET
SiteLock - ochrona WWW
Dropsuite Email Backup
CCleaner
Antywirus Kaspersky
Dropbox - dysk w chmurze
Płatności PayU
Programy antywirusowe AVAST
Office 365
AVG PC TuneUp
Reklama na start
Google AdWords
Zareklamuj stronę WWW na Facebook
Cloud Email Xchange
Brand24
Microsoft OneDrive
FreshMail.pl
Tłumaczenia online
G Suite - poczta Gmail
Program prowizyjny
Acronis Backup
Informacje podstawowe
Ustawienia dodatkowe
Panel użytkownika
Panel administratora
lub