Układy

W systemie DMSshop układy to gotowe schematy graficzne i strukturalne, które w znacznym stopniu upraszczają tworzenie oraz aktualizację treści w sklepie internetowym. Określają one sposób prezentowania informacji, pozwalając na spójne, przejrzyste i estetyczne rozmieszczenie tekstów, elementów produktowych, grafik oraz modułów funkcjonalnych.

Korzystanie z układów umożliwia szybkie budowanie podstron, kart produktowych oraz sekcji informacyjnych bez potrzeby ręcznej edycji kodu HTML. Administrator lub redaktor wybiera odpowiedni wariant, uzupełnia go treścią, zdjęciami lub danymi produktowymi, a DMSshop automatycznie zapewnia poprawne wyświetlanie strony na komputerach, tabletach i smartfonach.

Układy dostępne w DMSshop wspierają również dobre praktyki UX i SEO. Zapewniają logiczny układ treści, właściwe zastosowanie nagłówków, czytelny podział na sekcje oraz atrakcyjną prezentację elementów wizualnych i sprzedażowych. Dzięki temu sklep staje się bardziej intuicyjny dla użytkowników, a publikowane treści są lepiej indeksowane przez wyszukiwarki internetowe.

Aby usprawnić pracę oraz lepiej dopasować układy do charakteru prezentowanych treści, zostały one uporządkowane w cztery podstawowe kategorie.

Układy zostały podzielone na 4 podstawowe kategorie: 

• Tekst - układy przeznaczone do prezentacji treści tekstowych w połączeniu ze zdjęciami lub grafikami, wykorzystywane m.in. na stronach informacyjnych i opisowych.
• Galeria - układy służące do prezentacji galerii zdjęć produktów, realizacji lub materiałów wizualnych.
• Funkcyjne - układy zawierające elementy interaktywne i sprzedażowe, takie jak:
  Produkt, Aktualności, Pliki do pobrania, FAQ, Formularze, Mapy Google, listy produktów oraz inne elementy wspierające funkcjonowanie sklepu.
• Indywidualne - układy specjalne, boksowe oraz dodatkowe, tworzone na potrzeby niestandardowych sekcji i dedykowanych rozwiązań wizualnych.

Układy tekstowe w sklepie internetowym służą do prezentacji treści opisowych w najbardziej uniwersalnej i elastycznej formie. Stanowią podstawowy typ układów wykorzystywany przy tworzeniu opisów produktów, treści informacyjnych, ofert specjalnych, opisów usług dodatkowych oraz treści SEO wspierających sprzedaż i widoczność sklepu w wyszukiwarkach.

Dzięki różnym wariantom rozmieszczenia obrazu — po lewej lub prawej stronie, nad tekstem lub w osobnej kolumnie — możliwe jest precyzyjne dopasowanie wyglądu treści do charakteru produktu lub oferty oraz potrzeb klienta. Układy tekstowe pomagają zachować logiczną strukturę informacji, zwiększają czytelność opisów oraz pozytywnie wpływają na odbiór treści zarówno na komputerach, jak i urządzeniach mobilnych, wspierając tym samym proces zakupowy.

 

Zdjęcie z lewej strony otaczane tekstem​

Układ, w którym obraz umieszczony jest po lewej stronie, a tekst naturalnie go otacza. Sprawdza się przy dłuższych opisach, artykułach informacyjnych oraz treściach narracyjnych.

 

Zdjęcie z prawej strony otaczane tekstem​

Analogiczny układ z obrazem po prawej stronie. Pozwala urozmaicić stronę wizualnie i przełamać monotonię długich bloków tekstu. Często stosowany naprzemiennie z wersją lewą dla zachowania rytmu strony.

 

Zdjęcie w lewej kolumnie

Układ dwukolumnowy, w którym obraz znajduje się w osobnej, lewej kolumnie, a tekst w prawej. Treść nie opływa zdjęcia – całość jest bardziej uporządkowana i symetryczna. Dobry wybór dla ofert i opisów usług.

 

Zdjęcie w prawej kolumnie

Dwukolumnowy układ z obrazem po prawej stronie i tekstem po lewej. Zapewnia czytelny podział treści i dobrze sprawdza się przy krótszych opisach. Polecany do sekcji informacyjnych i prezentacyjnych.

 

Zdjęcie nad tekstem

Obraz wyświetlany jest nad treścią tekstową. Układ szczególnie dobrze sprawdza się na urządzeniach mobilnych oraz w sekcjach, gdzie obraz ma przyciągać uwagę. Idealny do komunikatów, aktualności i landingów.

 

Sam nagłówek/tytuł

Układ zawierający wyłącznie nagłówek. Służy do budowania struktury strony, dzielenia treści na sekcje i poprawy czytelności. Najczęściej wykorzystywany jako separator lub wprowadzenie do kolejnego bloku.

Układy galerii przeznaczone są do atrakcyjnej prezentacji materiałów wizualnych, takich jak zdjęcia produktów, realizacji, projektów czy wydarzeń. Pozwalają one na estetyczne i uporządkowane wyświetlanie grafik w formie statycznych galerii lub dynamicznych sliderów, które przyciągają uwagę użytkownika i wzbogacają wizualnie stronę.

Dostępność różnych wariantów – od galerii z kilkoma zdjęciami po slidery – umożliwia dopasowanie formy prezentacji do rodzaju treści oraz ilości materiałów graficznych. Układy galerii świetnie sprawdzają się na stronach ofertowych, w portfolio, na landing page’ach oraz w sekcjach promocyjnych.

 

Slider

Dynamiczna galeria zdjęć w formie przesuwanych slajdów. Umożliwia prezentację większej liczby obrazów na ograniczonej przestrzeni. Sprawdza się na stronach głównych i sekcjach promocyjnych.

  

Slider z 2 zdjęciami

Wariant slidera wyświetlający jednocześnie dwa zdjęcia. Pozwala porównać obrazy lub zaprezentować je parami. Dobry do prezentacji produktów lub zestawień.

 

Galeria - 2 zdjęcia

Statyczna galeria z dwoma zdjęciami obok siebie.Czytelna i minimalistyczna forma prezentacji.

 

Galeria - 3 zdjęcia

Układ umożliwiający wyświetlenie trzech zdjęć w jednym rzędzie lub układzie siatki. Często stosowany do prezentacji realizacji lub etapów projektu.

 

Galeria - 4 zdjęcia

Galeria czterech zdjęć w układzie siatki. Pozwala pokazać większą ilość materiału wizualnego bez użycia slidera.

 

Karuzela logotypów

Układ umożliwiający prezentację logotypów marek lub producentów w formie przewijanej karuzeli. Stosowany do budowania wiarygodności sklepu oraz prezentacji partnerów i dostępnych marek.

Układy funkcyjne w sklepie internetowym pozwalają na bezpośrednie powiązanie treści z modułami systemu sprzedażowego, takimi jak produkty, listy produktów, promocje, formularze, sekcje FAQ czy mapy. Dzięki nim sklep staje się dynamiczny i interaktywny, a prezentowane dane są automatycznie aktualizowane na podstawie zawartości systemu, bez konieczności ręcznej edycji każdej sekcji.

Ten typ układów jest szczególnie przydatny przy budowie kart produktów, stron kategorii, ofert specjalnych oraz stron informacyjnych wspierających sprzedaż. Układy funkcyjne umożliwiają m.in. wyświetlanie produktów i ich wariantów, list promocyjnych, opinii klientów, plików do pobrania, sekcji pytań i odpowiedzi oraz formularzy kontaktowych i zakupowych w wybranym miejscu sklepu.

 

Podepnij produkty

Wyświetla listę produktów powiązanych z danym miejscem na stronie.

 

Podepnij news

Automatycznie wyświetla aktualności lub wpisy z modułu newsów.

 

Podepnij realizacje

Prezentuje realizacje lub projekty bez konieczności ich ręcznego dodawania.

 

Pliki do pobrania

Układ umożliwiający dodanie plików (PDF, DOC, ZIP) do pobrania.

 

Sekcje opisowe rozwijane​

Układ umożliwiający prezentację rozwijanych treści informacyjnych w celu poprawy czytelności i rozbudowy contentu strony.

 

FAQ - rozwijane pytania (Dane strukturalne)​

Układ prezentujący pytania i odpowiedzi z wykorzystaniem danych strukturalnych schema.org, wspierający SEO i widoczność FAQ w wynikach wyszukiwania Google.

 

Mapa Google

Wyświetla interaktywną mapę z lokalizacją firmy.

Opinie z Google

 

Spis treści

Automatycznie generuje listę nagłówków znajdujących się na stronie.

 

Formularz

Osadza formularz kontaktowy lub zapytania ofertowego.

Układy indywidualne w sklepie internetowym oferują największą elastyczność w tworzeniu niestandardowych sekcji prezentujących ofertę, promocje oraz dodatkowe informacje dla klientów. Przeznaczone są do budowy wyróżnionych bloków treści, boksów informacyjnych, sekcji promocyjnych oraz układów wielokolumnowych, które nie mieszczą się w standardowych schematach prezentacji.

Dzięki układom indywidualnym możliwe jest tworzenie bardziej rozbudowanych i unikalnych elementów sklepu, dopasowanych do identyfikacji wizualnej, kampanii marketingowych lub konkretnych akcji sprzedażowych. Umożliwiają one m.in. prezentację treści w formie boksów z ikonami, sekcji porównawczych, wyróżnień ofertowych oraz bloków typu „call to action”, wspierających konwersję.

 

Boks

Pojedynczy wyróżniony blok treści.

 

Boks 2 kolumny

Układ dzielący treść na dwie kolumny.

 

Boks 3 kolumnowy

Układ trójkolumnowy, umożliwiający prezentację większej liczby informacji w jednym wierszu.

  

Boksy tekstowe (z możliwością dodania ikony)

Zestaw boksów tekstowych, które mogą zawierać ikony.