Osadzenie widżetu na stronie

Widżet wyświetla się na stronie internetowej po wklejeniu dwóch krótkich fragmentów kodu, ale tylko pod adresami dodanymi w jego ustawieniach. Ten poradnik opisuje oba kroki oraz postępowanie, gdy zamiast tabeli na stronie widać komunikat. Utworzenie widżetu opisuje poradnik Tworzenie widżetu z ofertą, a jego ustawienia poradnik Konfiguracja widżetu.

Adresy stron mogą zmieniać osoby z rolą Właściciel, Administrator lub Edytor. Osoba z rolą Obserwator widzi ustawienia widżetu, ale nie może zapisywać zmian.

Adresy stronKopiuj link do sekcji

Widżet wyświetla się wyłącznie na stronach dodanych w sekcji Gdzie wyświetlać widżet. Dzięki temu cennika nie da się wkleić na cudzą stronę. Widżet bez żadnego adresu nie wyświetla się nigdzie i ma na liście widżetów status Do konfiguracji, a w kreatorze pojawia się ostrzeżenie Brak stron do wyświetlania widżetu.

1. Wejdź w Inwestycje(wybierz inwestycję)Widżety i kliknij widżet na liście.
2. Rozwiń sekcję Gdzie wyświetlać widżet.
3. W polu Adres strony wpisz adres strony, np. osiedle-zielone-wzgorza.pl.
4. Kliknij Dodaj. Adres pojawi się nad polem. Krzyżyk obok adresu go usuwa.
5. Jeśli strona działa także pod adresem z www., dodaj również ten adres.
6. Kliknij Zapisz widżet. Adresy zostaną zapisane razem z pozostałymi ustawieniami widżetu.

Jak panel porównuje adresyKopiuj link do sekcji

• Panel sam dopisuje https://, gdy go brakuje, i zapisuje tylko adres strony, bez podstrony. Po dodaniu osiedle-zielone-wzgorza.pl/oferta na liście będzie https://osiedle-zielone-wzgorza.pl.
• Widżet działa na wszystkich podstronach dodanej strony.
• Adres z www. i bez www. to dwa różne adresy.
• Adres z http:// i z https:// to też dwa różne adresy.
• Jeden widżet może mieć najwyżej 50 adresów.

Panel odrzuci niepoprawny adres komunikatem „Adres strony jest nieprawidłowy. Przykład poprawnego adresu: osiedle-zielone.pl.”, a adres, który już jest na liście, komunikatem „Ta strona jest już na liście.”

Kod do wklejeniaKopiuj link do sekcji

1. Zapisz widżet. Przycisk Osadź na stronie jest aktywny dopiero wtedy, gdy wszystkie zmiany są zapisane.
2. Kliknij Osadź na stronie na górnym pasku kreatora.
3. W oknie Osadź widżet na stronie sprawdź listę stron, na których widżet się wyświetli.
4. Skopiuj fragment 1. Skrypt ładujący przyciskiem Kopiuj i wklej go raz, na końcu kodu strony, tuż przed znacznikiem </body>.
5. Skopiuj fragment 2. Miejsce na widżet i wklej go tam, gdzie ma się pojawić tabela.

Skrypt ładujący jest taki sam dla wszystkich widżetów:

<script src="https://widget.paneldladewelopera.pl/embed.js" async></script>

Miejsce na widżet zawiera jego identyfikator. W kodzie skopiowanym z panelu zamiast IDENTYFIKATOR jest właściwy identyfikator:

<pdd-widget widget-id="IDENTYFIKATOR"></pdd-widget>

Jeśli lista stron jest pusta, okno pokazuje ostrzeżenie Widżet nie wyświetli się na żadnej stronie. Kod można skopiować, ale tabela pojawi się na stronie dopiero po dodaniu adresu strony i zapisaniu widżetu.

Kilka widżetów na jednej stronieKopiuj link do sekcji

Na jednej stronie można wyświetlić kilka widżetów, np. osobne cenniki mieszkań i miejsc postojowych. Skrypt ładujący wkleja się wtedy tylko raz, a fragment <pdd-widget> z identyfikatorem wkleja się osobno dla każdego widżetu.

Instrukcja dla webmasteraKopiuj link do sekcji

Przycisk Pobierz instrukcję zapisuje na komputerze instrukcję osadzenia w pliku HTML. Plik zawiera oba fragmenty kodu z identyfikatorem widżetu, listę dozwolonych stron i opis typowych problemów. Można go wysłać osobie albo agencji, która prowadzi stronę.

Sprawdzenie osadzeniaKopiuj link do sekcji

1. Otwórz stronę z wklejonym kodem.
2. Odśwież stronę.
3. Sprawdź, czy w miejscu fragmentu <pdd-widget> po krótkim komunikacie „Trwa ładowanie…” pojawiła się tabela z jednostkami.

Od tej chwili widżet aktualizuje się automatycznie. Zmiana ceny, statusu albo ustawień widżetu pojawi się na stronie bez ponownego wklejania kodu, z opóźnieniem do ok. 10 minut.

Kiedy coś nie działaKopiuj link do sekcji

Jeśli w miejscu widżetu jest pusta przestrzeń bez żadnego komunikatu, na stronie najprawdopodobniej brakuje skryptu ładującego, czyli fragmentu 1. Skrypt ładujący.

Najczęstsze pytaniaKopiuj link do sekcji