Instrukcja osadzania listy efektów na stronie

utworzone przez | maj 28, 2026 | Landing page pl

Osadzenie strony

Lista efektów jest osadzana przez bezpieczny element iframe. Klient nie musi instalować dodatkowych plików ani aktualizować listy ręcznie.

Gotowy kod do wklejenia

Wklej poniższy kod w miejscu, w którym lista ma być widoczna.

<iframe
  src="https://alesterowniki.pl/effects_wave.php?embed=1&lang=pl"
  style="width:100%; height:760px; border:0; display:block;"
  loading="lazy"
  allow="autoplay; fullscreen">
</iframe>

Powinien na stronie pojawić się poniższy widok:

Parametry adresu

Parametr Opis Przykład
embed Włącza tryb osadzania. Strona zwraca sam fragment do wstawienia, bez nagłówka i stopki strony. ?embed=1
lang Ustawia język listy. Dostępne wartości: pl albo en. &lang=pl

Instrukcje dla popularnych CMS-ów

WordPress

  1. Otwórz edycję strony lub wpisu.
  2. Dodaj blok Własny HTML.
  3. Wklej cały kod iframe.
  4. Nie przełączaj tego bloku na zwykłą edycję wizualną.
  5. Zapisz stronę i sprawdź podgląd.

Jeżeli pojawi się komunikat o nieprawidłowej zawartości bloku, usuń blok i dodaj nowy blok Własny HTML.

Drupal

  1. Utwórz blok niestandardowy albo dodaj treść na stronie.
  2. Wybierz format tekstu, który pozwala na pełny HTML, np. Full HTML.
  3. Wklej kod iframe.
  4. Zapisz blok i przypisz go do odpowiedniego regionu strony.

Wix

  1. W edytorze wybierz Add → Embed Code → Embed HTML.
  2. Wklej kod iframe.
  3. Ustaw szerokość elementu na 100% dostępnej sekcji i dopasuj wysokość.

Joomla

  1. Przejdź do System → Konfiguracja globalna i upewnij się, że edytor nie usuwa kodu iframe.
  2. Dodaj moduł typu Custom / Własny.
  3. Przełącz edytor na tryb kodu HTML.
  4. Wklej kod iframe i przypisz moduł do wybranej pozycji lub artykułu.

Shopify

  1. Otwórz edycję motywu.
  2. Dodaj sekcję Custom Liquid albo blok z własnym kodem.
  3. Wklej kod iframe.
  4. Zapisz zmiany i sprawdź stronę produktu lub podstronę.

Squarespace

  1. Dodaj blok Code.
  2. Wklej kod iframe.
  3. Wyłącz opcję automatycznego formatowania, jeśli jest dostępna.
  4. Zapisz i sprawdź podgląd strony.

Dostosowanie wyglądu

Najczęściej zmieniana wartość to wysokość ramki:

style="width:100%; height:760px; border:0; display:block; background:#fff;"

Jeżeli lista jest ucięta, zwiększ height, np. do 900px. Jeżeli na stronie jest za dużo pustego miejsca, zmniejsz tę wartość.

Najczęstsze problemy

 

CMS usuwa kod iframe po zapisaniu

To zwykle oznacza, że konto użytkownika nie ma uprawnienia do wstawiania niefiltrowanego HTML. Kod powinien wkleić administrator strony albo osoba z uprawnieniami do pełnego HTML.

 

WordPress pokazuje komunikat o nieprawidłowej zawartości bloku

Użyj bloku Własny HTML. Nie wklejaj kodu przez opcję Edytuj jako HTML w zwykłym bloku tekstowym.

 

Lista nie ładuje się na stronie HTTPS

Adres w src musi zaczynać się od https://. Przeglądarki mogą blokować osadzanie zawartości HTTP na stronie HTTPS.

 

Ramka jest za niska albo za wysoka

Zmień wartość height w atrybucie style.

Ważne

Nie usuwaj parametru embed=1 z adresu. Ten parametr sprawia, że wyświetlana jest tylko lista do osadzenia, bez pełnego szkieletu strony.