GrowAudio: próbki audio na karcie produktu w Shoperze

Zobacz w sklepie

Każdy kadr to prawdziwy odtwarzacz w makiecie sklepu. Opcje ustawiasz w panelu.

Trzy układy odtwarzacza

Ten sam odtwarzacz w trzech ustawieniach, z fontem i kolorem Twojego szablonu. W panelu: Wygląd, Preset.

Preset A na karcie płyty winylowej: duży przycisk, wykres fali z odegraną częścią i cztery wiersze utworów, drugi gra. — **A, Waveform**Duży wykres dźwięku, czasy pod falą i lista utworów.

Preset B na karcie płyty: lista czterech utworów z numerami, czasami i przyciskami odtwarzania po prawej, pierwszy gra. — **B, Lista utworów**Tabela jak na okładce płyty: numer, tytuł, czas.

Preset C na karcie płyty: niska pigułka z przyciskiem i miniaturą fali, pod nią drobna lista utworów, trzeci gra. — **C, Kompakt**Pigułka z małą falą, gdy nie ma miejsca na więcej.

Własny kolor i zaokrąglenie

Bez ustawień odtwarzacz bierze kolor akcentu ze sklepu, a tu go zmieniasz. W panelu: Wygląd, Kolor akcentu i Zaokrąglenie.

Odtwarzacz z akcentem w kolorze ciemnej zieleni: przycisk główny, wiersz aktywnego utworu i pasek postępu. — **Własny kolor akcentu**Zielony akcent zamiast koloru szablonu, przyciski i pasek postępu w tym samym odcieniu.

Odtwarzacz z mocno zaokrąglonymi narożnikami karty i wiersza utworu na karcie płyty. — **Zaokrąglenie**Mocno zaokrąglone narożniki, gdy sklep ma miękki styl.

Album, gitara, audiobook

Te same ustawienia obsługują trzy rodzaje próbek. W panelu: Próbki, utwór: zakładka i prędkość.

Playlista albumu: trzeci z czterech utworów gra, fala pokazuje postęp. — **Playlista albumu**Trzeci utwór gra, a po jego końcu włącza się czwarty.

Gitara elektryczna z zakładkami clean, crunch i lead, wybrana zakładka crunch gra. — **Zakładki**Instrument w trzech brzmieniach: clean, crunch i lead.

Audiobook z fragmentem rozdziału i przyciskami prędkości, wybrane 1,25×. — **Prędkość audiobooka**Przyciski 1×, 1,25× i 1,5× nad listą rozdziałów.

Przycisk odtwarzania na kafelku

Klient słucha prosto z listy produktów, a pasek na dole ma przycisk Do koszyka. W panelu: Wygląd, Przycisk odtwarzania na kafelkach listy.

Lista płyt w sklepie: w rogu zdjęcia trzech kafelków przycisk odtwarzania, pierwszy gra w pasku na dole ekranu z przyciskiem Do koszyka. — **Kafelki z przyciskiem**Przycisk stoi w rogu zdjęcia, a aktywny kafelek ma kolorowy obrys.

Błąd i wersja angielska

Gdy plik nie odpowie, klient widzi jasny komunikat. Przy angielskim szablonie widżet przełącza się na angielski. W panelu: Działa samo, bez ustawień.

Odtwarzacz z komunikatem „Nie udało się odtworzyć próbki. Spróbuj ponownie za chwilę.” pod listą utworów. — **Komunikat o błędzie**Klient dostaje zdanie z podpowiedzią, a lista zostaje na miejscu.

Odtwarzacz w sklepie z językiem angielskim: etykiety przycisków i czasy po angielsku, drugi utwór gra. — **Wersja angielska**Szablon z językiem angielskim dostaje angielskie etykiety.

Na telefonie bez przewijania w bok

Układ dopasowuje się do szerokości bloku, a długie tytuły łamią się w dwóch wierszach. W panelu: Działa samo, bez ustawień.

Telefon: karta gitary z odtwarzaczem, wybrana zakładka crunch gra. — **Karta produktu**Zakładki i lista w jednej kolumnie.

Telefon: lista głośników z przyciskiem odtwarzania na kafelku i paskiem odtwarzania na dole ekranu. — **Lista z paskiem na dole**Pasek odtwarzania mieści tytuł, czas i przycisk Do koszyka.

Wypróbuj na żywo

To ten sam plik w.js i ten sam arkusz stylów, które działają w sklepie. Kliknij przycisk odtwarzania.

Wygląd

A, WaveformB, ListaC, Kompakt

Produkt

Płyta z albumemGitara z zakładkami

Próbki zagrał syntezator, a nagrania powstały na potrzeby tej strony.

Kwartet Nadwiślański: Poranek (LP, winyl)

119,00 zł

Jak to wygląda w różnych sklepach

Sklep z płytami winylowymi

Album z playlistą do przesłuchania w minutę

Każdy utwór ma wiersz z numerem i czasem. Klient włącza drugi, a gdy skończy się trzeci, odtwarzacz sam przechodzi do czwartego.

Ustawienia: Preset A Waveform · cztery utwory po 30 s · szablon Storefront

Karta audiobooka Cień nad Narwią w szablonie RWD: lista z jednym rozdziałem i przyciskami prędkości, wybrane 1,25×.

Księgarnia z audiobookami

Dwie minuty rozdziału w tempie 1,25×

Klient sprawdza głos lektora i przyspiesza nagranie przyciskiem nad listą. Fragment rozdziału ma dwie minuty, a reszta zostaje po zakupie.

Ustawienia: Preset B Lista utworów · sampl 120 s · prędkość 1× / 1,25× / 1,5× · szablon RWD

Karta gitary elektrycznej Stratos HSS: odtwarzacz z zakładkami clean, crunch i lead, zakładka lead gra.

Sklep z instrumentami

Gitara w trzech brzmieniach na jednej karcie

Zakładki clean, crunch i lead pozwalają porównać brzmienie bez wychodzenia ze strony. Każda zakładka ma własną próbkę.

Ustawienia: Preset A Waveform · zakładki clean, crunch, lead · sampl 12 s · szablon Storefront

Lista audio w sklepie Dźwięk Pro: trzy kafelki z przyciskiem odtwarzania, głośnik Brzmienie S2 gra w pasku na dole ekranu.

Głośniki i słuchawki

Test brzmienia prosto z listy produktów

Przycisk na zdjęciu kafelka gra pierwszą próbkę w pasku na dole ekranu. Klient porównuje sprzęt bez otwierania kart i dodaje wybrany do koszyka z paska.

Ustawienia: Przycisk odtwarzania na kafelkach listy włączony · sampl 30 s · szablon Storefront

Trzy kroki do odsłuchu

1
Wgraj pliki
MP3, WAV, OGG, FLAC lub M4A do 50 MB. Lekką wersję i wykres fali robimy za Ciebie.
2
Przypisz do produktów
Ręcznie w panelu albo plikiem CSV po kodzie produktu.
3
Włącz w sklepie
Wybierasz wygląd, potwierdzasz prawa do próbek i włączasz odtwarzacz.

Panel robi część pracy za Ciebie

Zrzuty prawdziwego panelu GrowAudio.

Panel GrowAudio, Pulpit: karty startu od 01 do 04 ze stanem sklepu i kafelki z liczbą odtworzeń. — Pulpit pokazuje, co jeszcze zostało
Cztery kroki liczone z prawdziwego stanu sklepu: pliki, utwory, wygląd i włączenie.

Panel, zakładka Próbki: pole wgrywania plików, przetworzone pliki i playlisty albumów. — Próbki i playlisty w jednym miejscu
Wgrywasz plik, wybierasz długość próbki z listy i układasz kolejność utworów.

Panel, zakładka Produkty: wczytywanie pliku CSV, eksport mapowania i historia importów. — Przypisanie plikiem CSV
Kod produktu, tytuł i plik w jednym arkuszu, z raportem tego, co pominięto.

Panel, zakładka Wygląd: wybór presetu, kolor akcentu, zaokrąglenie i podgląd odtwarzacza na karcie produktu. — Podgląd taki jak w sklepie
Zmieniasz preset i kolor, a podgląd obok pokazuje ten sam kod, który działa w sklepie.

Cennik

Do 2 GB próbek i 500 plików na sklep
Trzy presety, własny kolor i zaokrąglenie
Przycisk odtwarzania na kafelkach listy
Zakładki, prędkość audiobooka i statystyki odtworzeń
Import i eksport CSV po kodzie produktu
Szablony RWD i Storefront

Pytania

Czy klient może pobrać próbkę?

Nie ma przycisku pobierania. Próbka płynie z podpisanego linku o ograniczonym czasie ważności, a pełny plik nie opuszcza serwera aplikacji.

Czy to działa w Storefront i w szablonach RWD?

Tak. Odtwarzacz dziedziczy font i kolor ze sklepu, a na liście produktów dokłada przycisk odtwarzania przy zdjęciu.

Jak długa może być próbka?

Od 10 do 300 sekund. Możesz też wskazać sekundę, od której próbka się zaczyna.

Co z prawami autorskimi?

Przed włączeniem odtwarzacza potwierdzasz w panelu, że masz prawa do publikowania próbek.

Czy śledzicie klientów?

Licznik odtworzeń działa po stronie serwera, bez plików cookie. Zdarzenie odtworzenia możesz też przekazać do własnej analityki.

Co się stanie po zakończeniu planu?

Odtwarzacz znika ze sklepu, a pliki, utwory i ustawienia zostają. Po odnowieniu wszystko wraca.

Pytania przed instalacją

Napisz na [email protected]. Odpowiemy na ten sam adres.