Jak zrobić szablon Allegro w HTML?

Aby przygotować szablon Allegro w HTML, należy trzymać się ściśle określonych zasad, które platforma Allegro narzuca wszystkim sprzedającym. W tym poradniku znajdziesz szczegółowe wyjaśnienia, przykłady kodu oraz praktyczne wskazówki od podstaw po zaawansowane zastosowania, aby samodzielnie stworzyć funkcjonalny i atrakcyjny szablon oferty.

Wymogi Allegro dotyczące szablonów HTML

Od kilku lat Allegro ogranicza paletę dostępnych znaczników HTML w opisach ofert, by zapewnić przejrzystość i spójność wszystkich aukcji. W szablonach możesz wykorzystać wyłącznie określone tagi oraz formatowanie ofert podzielone na przejrzyste sekcje.

Najważniejsze dozwolone znaczniki HTML

• <b>, <strong>, <i>, <u>, <em> – podstawowe formatowanie tekstu (pogrubienie, kursywa, podkreślenie);
• <ul>, <ol>, <li> – listy punktowane i numerowane;
• <br>, <p> – podziały linii i akapity;
• <table>, <tr>, <td>, <th> – podstawowe tabele;
• <img> – osadzanie grafik wyłącznie z serwerów https;
• <a href=”…”> – wyłącznie linki prowadzące do innych ofert Allegro lub sekcji własnej oferty.

Zabronione są wszelkie skrypty JavaScript, style CSS załączane inline oraz większość zaawansowanych znaczników.

Struktura dobrego szablonu Allegro

Nowoczesny szablon Allegro powinien składać się z logicznie rozplanowanych sekcji:

• Nagłówek ofertowy – widoczna od razu nazwa produktu, ewentualnie logo;
• Opis produktu – szczegółowa charakterystyka, grafiki, cechy;
• Parametry techniczne – kluczowe dane w tabeli lub formie listy;
• Galeria zdjęć – prezentacja kilku zdjęć (zgodnie z polityką Allegro);
• Informacje zakupowe – warunki dostawy, gwarancji, zwrotów, kontaktu.

Przykład szablonu Allegro w HTML

Poniżej znajdziesz przykładowy, zgodny z regulaminem szablon HTML oferty Allegro:

<!-- Nagłówek -->
<p><b>Smartfon X200 Pro</b></p>
<img src="https://twoj-serwer.com/img/x200.jpg" alt="Smartfon X200 Pro" width="300">

<!-- Opis produktu -->
<p><strong>Dlaczego warto wybrać X200 Pro?</strong><br>
Innowacyjny smartfon z najnowszym procesorem, wytrzymałą baterią oraz stylowym wyglądem.</p>

<!-- Najważniejsze cechy -->
<ul>
    <li>Wyświetlacz: 6.5" AMOLED</li>
    <li>Pamięć RAM: 8 GB</li>
    <li>Aparat: 64 MP</li>
    <li>Bateria: 5000 mAh</li>
</ul>

<!-- Tabela parametrów -->
<table>
    <tr>
        <th>Parametr</th>
        <th>Wartość</th>
    </tr>
    <tr>
        <td>Pamięć wewnętrzna</td>
        <td>128 GB</td>
    </tr>
    <tr>
        <td>Kolor</td>
        <td>Czarny</td>
    </tr>
    <tr>
        <td>System</td>
        <td>Android 12</td>
    </tr>
</table>

<!-- Galeria zdjęć produktu -->
<p>Galeria:</p>
<img src="https://twoj-serwer.com/img/x200-front.jpg" alt="X200 Pro przód" width="120">
<img src="https://twoj-serwer.com/img/x200-back.jpg" alt="X200 Pro tył" width="120">

<!-- Informacje zakupowe -->
<p><b>Wysyłka w ciągu 24h</b><br>
Zapewniamy ekspresową realizację zamówienia!</p>

<p><u>Warunki gwarancji i zwrotów</u>: Szczegóły w sekcji „O sprzedającym”.</p>

<!-- Kontakt -->
<p><b>Masz pytania? Skontaktuj się:</b><br> e-mail: [email protected]</p>

Przykłady zastosowań praktycznych

Szablony uniwersalne

• Stosuj jeden szablon dla wszystkich aukcji tej samej kategorii (np. elektronika), gdzie zmieniasz tylko dane produktu i zdjęcia,
• stale używaj tych samych sekcji: opis, zalety, tabela parametrów, galeria, zakładka kontaktowa.

Szablony dedykowane dla różnych produktów

• Dla droższych produktów (np. sprzęt AGD) warto przygotować bardziej rozbudowaną sekcję z parametrami i opiniami klientów,
• w ofercie ubrań lub butów, oprócz tabeli rozmiarów, zastosuj instrukcję pomiaru oraz galerię zdjęć z różnych perspektyw.

Wskazówki optymalizacyjne

• Używaj grafik o odpowiedniej jakości – rekomendowane szerokości to 750-1000 pikseli;
• Stosuj listy oraz tabele zamiast bloków tekstu – poprawia to przejrzystość oferty;
• Unikaj zbędnych ozdobników i dużych grafik – mogą opóźniać ładowanie i zaburzać responsywność na telefonach;
• Dbaj o czytelność i logiczny układ treści – użytkownik Allegro oczekuje szybkiego dostępu do kluczowych informacji.

Narzędzia do tworzenia szablonów

• Możesz korzystać z kreatorów szablonów online lub systemów zintegrowanych z Allegro (np. BaseLinker, Base.com) – udostępniają gotowe sekcje, podgląd oraz łatwe wstawianie grafik;
• Dla rozbudowanych sklepów warto rozważyć automatyzację generowania szablonów poprzez systemy zarządzania ofertami.

Tworząc własny szablon HTML na Allegro, pamiętaj aby testować jego wyświetlanie na różnych urządzeniach i zadbać o zgodność z aktualnymi wytycznymi platformy. Przemyślany szablon zwiększa szanse na sprzedaż, buduje rozpoznawalność marki i ułatwia klientowi podjęcie decyzji zakupowej.