Blok z opiniami

Układ bloku z opiniami

1. Informacje ogólne

• Gdzie się znajduje: Strona główna (zamiast obecnej), strony komercyjne (zamiast obecnej), strona gwarancji (pod blokiem z publiczną ofertą)

2. Makieta

• Link do makiety: Figma

3. Opis bloku

Blok, który będzie automatycznie aktualizowany, będzie pobierał dane ze źródeł z opiniami (na razie google), z którego w przyszłości będziemy brać dane do oznaczenia.

4. Struktura

• Nagłówek
  

• Kafelki z opiniami

  • Zdjęcie

  • Imię/Nazwisko

  • Typ pracy

  • Ocena

  • Tekst opinii

  • Źródło opinii

• Przyciski do przewijania

• Suwak przewijania (desktop)
  

• Przycisk “Zostaw opinię”

5. Wymagania dotyczące układu

• Blok musi być responsywny i mieć oddzielny stały wygląd dla następujących rozmiarów:

  • 320px, 360px, 414px - wersje mobilne

  • od 414px do 768px, 834px, 1024px - tablety

  • od 1024 do 1280px, 1366px, 1440px, 1600px, 1920px

• Blok musi zajmować dokładnie 100% szerokości ekranu, bez poziomego przewijania.

• Musimy mieć możliwość edytowania nagłówka oraz zatwierdzania/usuwania opinii przez panel administracyjny WordPress

6. Elementy interaktywne

• Kafelki z opiniami można przewijać za pomocą przycisków do przewijania (przewija się po 3 sztuki). W zależności od aktualnej strony wyświetlanych stron opinii - zmienia się suwak przewijania na desktopie.

• Po najechaniu na przycisk “Zostaw opinię” - pojawia się cień (jak na innych przyciskach strony)

7. Logika

Nie jesteśmy do końca pewni, jak to zrealizować, dlatego będziemy wdzięczni za konsultację.

Na ten moment, trzeba podłączyć tylko opinie z Google.

Zdjęcie, Imię/Nazwisko, ocena oraz tekst opinii są pobierane z samej opinii. Źródło opinii jest ustalane na podstawie tego, skąd pochodzi opinia (trzeba to zautomatyzować). Typ pracy - ustalamy przez panel administracyjny WordPress

Przycisk “Zostaw opinię” otwiera formularz nps (ma działać tak, jak teraz). Po zostawieniu opinii przez ten przycisk - również ma trafiać do panelu administracyjnego WordPress do zatwierdzenia przez nas (na e-mail również trafia - to jest już zrealizowane).

Jeśli opinia nie została zatwierdzona, to nie wyświetlamy jej w bloku

8. Gotowy wynik

Gotowy blok ma być zrealizowany zgodnie z makietą, responsywny, całkowicie zajmować szerokość ekranu (przy tym być w rozmiarze jak inne bloki), wyświetlać się poprawnie na wszystkich zaplanowanych szerokościach oraz zintegrowany w miejscach, które są wskazane w Tz.