Przewodnik po platformie FastOG

FastOG tworzy obraz, który pojawia się, gdy ktoś udostępnia jedną z twoich stron — produkt, kategorię, stronę główną, wpis na blogu. Zastępuje statyczny domyślny obraz dynamiczną okładką: zdjęciem produktu, jego aktualną ceną, oceną, twoim logo i dowolnym nagłówkiem, który wybierzesz.

Ten przewodnik to mapa. Omawia, co robi każda funkcja, gdzie ją zmienić na każdej platformie i który plan ją obejmuje. Informacje o API, podpisywaniu HMAC i samouczkach frameworków znajdziesz w dokumentacji API.

Gdzie działa FastOG

Platforma Gdzie znajduje się aplikacja Co otwiera merchant
WooCommerce Panel WordPressa → FastOG Studio do edycji okładek, Plan do zmiany planu, Support do zgłoszenia, Tools do połączenia
Shopify Panel Shopify → Apps → FastOG Covers, Plan, Support; szczegóły zaawansowanego połączenia znajdują się na dole aplikacji
Wix Panel Wix → Apps → FastOG Covers, Customize, Plans

Przy pierwszym otwarciu aplikacja proponuje krótką konfigurację: wybierasz, które typy stron mają otrzymać okładkę, i ustalasz początkowy wygląd. Oba ustawienia możesz później zmienić — nic w konfiguracji nie jest stałe.

Jak wybierana jest okładka

FastOG podpisuje URL dla udostępnianej strony. Żądanie niesie informację o sklepie i typie strony, a serwer stosuje regułę zapisaną dla tego typu strony:

  1. Reguła typu strony — okładka, którą edytowałeś w sekcji Covers dla produktów, kolekcji/kategorii, strony głównej lub wpisów bloga.
  2. Bardziej szczegółowa reguła, jeśli pasuje — reguła dla tagu, kategorii, vendora lub kolekcji ma pierwszeństwo przed regułą typu strony.
  3. Okładka dla konkretnego produktu, jeśli jest zapisana — najbardziej szczegółowa ze wszystkich; dostępna w planie Pro i wyższych.

Jeśli żadna z nich nie pasuje, strona zachowuje obraz ze swojego motywu. Każda platforma daje każdemu typowi strony własną okładkę, więc zmiana okładki produktu nie wpływa na stronę główną.

Okładki i typy stron

Otwórz Okładki (Shopify, Wix) lub FastOG → Studio (WooCommerce) i wybierz typ strony nad podglądem.

Platforma Typy stron
WooCommerce Produkt, Kategoria, Strona główna, Wpis na blogu
Shopify Produkt, Kolekcja, Strona główna, Wpis na blogu
Wix Produkt, Kolekcja, Strona główna, Wpis na blogu, Strona witryny

Każda karta ma własny wygląd, własne treści i własne przełączniki na żywo. Zapisanie jednego typu strony nigdy nie zmienia innego. Podgląd to prawdziwa okładka: renderuje się z tego samego szablonu i tych samych propsów, których użyje opublikowana strona.

WooCommerce umieszcza też mały panel okładki na ekranie edycji produktu, dzięki czemu możesz zobaczyć i zmienić okładkę bez opuszczania produktu. Shopify z tego samego powodu umieszcza blok FastOG na stronie produktu w panelu administracyjnym. Wix trzyma wszystko w aplikacji.

Wybór wyglądu

Wygląd to układ, który rysuje okładka — szablon. Selektor pokazuje cały katalog, a zablokowane wyglądy są oznaczone planem, który je odblokowuje.

Plan Wyglądy
Community Darmowy zestaw
Starter Wyselekcjonowany zestaw Starter
Pro Każdy szablon
Scale Każdy szablon plus renderowanie priorytetowe

Zablokowany wygląd to witryna sklepowa, a nie wybór: możesz go podejrzeć, a monit o uaktualnienie wskazuje plan, który go odblokowuje. Zapis jest odrzucany po stronie serwera, więc podgląd i aktywna okładka nie mogą się różnić.

Ten sam selektor jest używany, gdy zaczynasz z kreatora konfiguracji, a wygląd jednego typu strony możesz zmienić bez wpływu na pozostałe.

Kopiowanie i styl

Po wyglądzie edytor ma dwie grupy pól:

  • Treść — nagłówek, podtytuł, plakietka, linie funkcji, obraz i wszystko inne, co drukuje ten szablon. Puste pola są uzupełniane danymi sklepu, gdy szablon może je wypełnić.
  • Styl — motyw, kolory, czcionka, wzór i wykończenie. Style są przypisane do szablonu: wartość, która ma sens w jednym układzie, nie jest wymuszana na innym.

W WooCommerce i Shopify każdy plan może edytować treść i styl reguły obejmującej cały sklep. W Wix pola swobodnej treści i stylu należą do Pro custom buildera: Starter wybiera wygląd, a stałe pola presetu są wyświetlane, a nie swobodnie edytowane.

Edytor per-product dostępny tylko w Pro to te same pola zastosowane do jednego elementu (patrz poniżej), plus nadpisanie logo.

Pole oznaczone jako nigdy niewypełnialne to takie, którego FastOG odmawia wymyślenia. Oceny to typowy przypadek: pusty rząd gwiazdek nie jest wypełniany fałszywą średnią.

Sygnały na żywo

Sygnały na żywo to przełączniki pod maską, a nie tekst, który wpisujesz. Decydują one, czy okładka może wyświetlić wartość, którą FastOG już zna w momencie udostępnienia:

Sygnał Co pokazuje Plan
Cena Bieżąca cena, w tym przekreślona cena porównawcza, gdy produkt jest w promocji Każdy plan
Promocja Wstążka promocyjna / oznaczenie ceny porównawczej Każdy plan
Stan magazynowy Niski stan ("Zostały tylko 3 sztuki") i wyprzedanie Każdy plan
Ocena i liczba recenzji Rzeczywista średnia sklepu i liczba recenzji Starter i wyższe
Próg oceny Ukrycie całego wiersza gwiazdek poniżej minimalnej oceny lub liczby recenzji Pro i wyższe

Sens przełącznika polega na tym, że pozwala ci zachować pole w układzie, ale ukryć je, gdy dane są słabe. Produkt z oceną 3,1 gwiazdki i dwiema recenzjami zwykle wygląda lepiej bez wiersza gwiazdek niż ze słabym wierszem obok ceny.

Wyłączenie sygnału niczego nie usuwa: wartość nadal jest odczytywana ze sklepu, a okładka po prostu jej nie wyświetla. Ponowne włączenie pokazuje ją znowu przy następnym renderowaniu.

Okładki dla produktów i elementów

Okładka dla produktu to okładka zapisana dla jednego elementu, nakładana na regułę typu strony. To funkcja dostępna w planach Pro i Scale.

Platforma Gdzie ją otworzyć
WooCommerce Ekran edycji produktu → panel FastOG cover → Customize cover
Shopify Otwórz produkt w panelu administracyjnym Shopify → blok produktu FastOG → Customize cover
Wix Jeszcze niedostępne dla pojedynczego elementu; użyj okładki typu strony lub wyglądu, który dobrze prezentuje się dla każdego produktu

W planie Pro możesz zmienić wygląd, teksty, plakietki i styl dla tego jednego produktu. Produkty bez nadpisania nadal korzystają z reguły typu strony. Wyczyszczenie nadpisania na produkcie przywraca wspólną okładkę; zapisany wybór zostaje zachowany, a nie zniszczony, jeśli plan później się zmieni.

Panel produktu zawiera też link do Studio, więc reguła dla całego sklepu jest o jedno kliknięcie, gdy produkt nie potrzebuje własnej okładki.

Zasady dla linii produktów

Zasada z zakresem (scoped rule) dopracowuje okładkę produktu dla grupy produktów — tagu, kategorii, typu produktu, kolekcji (Shopify) lub dostawcy. To funkcja Scale.

Otwórz Covers → Covers for specific products (nagłówek jest taki sam w WooCommerce i Shopify). Dodaj zasadę, wybierz zakres i wygląd, a następnie zapisz. Produkty, które pasują, używają wyglądu i tekstów z zasady; wszystkie pozostałe zachowują okładkę typu strony.

Wygrywa najbardziej szczegółowe dopasowanie, więc nie zarządzasz kolejnością. Licznik zasad pokazuje, ile z limitu planu wykorzystałeś; zasadę można usunąć w dowolnym momencie. Wix nie udostępnia jeszcze zasad z zakresem.

Kampanie i zaplanowane powroty

Zaplanowany powrót to bezpieczna połowa kampanii: publikujesz teraz okładkę na Black Friday lub sezonową i wybierasz datę oraz godzinę, o której ma wrócić do okładki aktywnej wcześniej. Połowa odpowiedzialna za powrót jest dostępna w każdym planie, w tym Community.

Zaplanowany start to połowa zarezerwowana dla Scale. W planie Scale możesz też ustawić datę, w której okładka kampanii wejdzie na żywo; poniżej Scale start jest wstrzymany, a projekt i daty zachowane, żeby uaktualnienie planu mogło go wznowić. Obie zmiany są sprawdzane co pięć minut, a godziny używają strefy czasowej pokazanej pod polami.

Obie połowy wymagają końca: kampania ze startem, ale bez końca nigdy by się nie zakończyła, więc formularz ją odrzuca. Wyczyszczenie końca anuluje kampanię. Wygaśnięcie planu niczego nie usuwa — daty i projekt zostają.

Eksportuj PNG

Akcja Pobierz PNG renderuje okładkę, którą widzisz, w rozmiarze 1200×630 i pobiera ją. To funkcja dostępna w planach Pro i Scale w WooCommerce i Shopify; Wix jeszcze jej nie oferuje.

Plik jest generowany na podstawie szablonu i właściwości (props) samego edytora, więc odpowiada podglądowi, a nie osobnemu szablonowi eksportu. Użyj go do oferty w marketplace, prezentacji lub ręcznego posta, w którym nie możesz użyć działającego URL.

Plany, zakres i limity

FastOG sprzedaje zakres, a nie kredyty na renderowanie. Plan obejmuje określoną liczbę Twoich własnych pozycji katalogu oraz zestaw funkcji; liczba renderów nie jest ograniczana.

Community Starter Pro Scale
Cena Bezpłatnie 19 USD / mies. 49 USD / mies. 119 USD / mies.
Objęte pozycje 100 250 1 000 Bez limitu
Typy stron Wszystkie Wszystkie Wszystkie Wszystkie
Wyglądy Zestaw bezpłatny Zestaw wyselekcjonowany Wszystkie Wszystkie
Cena, promocja i stan magazynowy Tak Tak Tak Tak
Oceny (gwiazdki + liczba) — Tak Tak Tak
Dolny limit ocen — — Tak Tak
Okładka dla produktu — — Tak Tak
Mapowanie metafield — — Tak Tak
Eksport PNG — — Tak Tak
Reguły dla linii produktów — — — Tak
Start kampanii — — — Tak
Zaplanowany powrót Tak Tak Tak Tak
Renderowanie priorytetowe — — — Tak

Panel zakresu pokazuje, ile Twoich pozycji obejmuje plan, z podziałem na produkty, kategorie, stronę główną i wpisy bloga. Jeśli katalog przekroczy limit, panel wskazuje następny plan i jego limit; nie przestaje po cichu renderować. Uaktualnij z poziomu Plan (WooCommerce, Shopify) lub Plans (Wix).

Rozliczenie roczne to ten sam poziom za 10 miesięcy w ramach 12-miesięcznego roku. Wix rozlicza przez Wix; WooCommerce i Shopify rozliczają przez widok planu w aplikacji.

Wix korzysta z tej samej drabiny, ale nie udostępnia jeszcze nadpisania dla produktu, reguł z ograniczonym zakresem ani eksportu PNG. Plan nadal kontroluje tam zakres, wyglądy, oceny i kreator niestandardowy.

Kontrole stanu i odświeżanie pamięci podręcznej

Aplikacja uruchamia krótką kontrolę stanu, a pełną listę wyników trzyma pod Szczegóły / Co sprawdziliśmy. Odpowiada na pytania, które faktycznie psują podgląd:

  • Czy FastOG może odczytać dane i katalog tego sklepu?
  • Czy og:image sklepu wskazuje na FastOG, czy wygrywa motyw lub wtyczka SEO?
  • Czy przykładowy produkt jest prawdziwy i czy podgląd go używa?
  • Czy klucz podpisujący i połączenie są nadal ważne?

Każde ustalenie zawiera poprawkę, jeśli taka istnieje. Raport to blok do skopiowania do wiadomości do pomocy technicznej; jest zaprojektowany tak, by go wkleić, a nie interpretować.

Zmieniona okładka to nie zawsze okładka, którą platforma ponownie odczytała. Podpisany URL jest deterministyczny, więc sam obraz się aktualizuje; w pamięci podręcznej zostaje kopia podglądu strony po stronie platformy. Wymuś ponowne pobranie (re-scrape) albo poczekaj, aż pamięć podręczna platformy wygaśnie — zobacz przewodnik po pamięci podręcznej oraz wymuszanie odświeżenia na Facebooku. Jeśli og:image strony nadal pochodzi z motywu, kontrola stanu pokaże, że wygrywa inna wtyczka lub motyw.

Wsparcie

Użyj Wsparcia, gdy masz problem z konfiguracją, dostarczaniem okładek, rozliczeniami lub produktem. Dołącz informację o dotkniętej stronie lub produkcie, czego oczekiwałeś i co się stało; raport stanu (health report) to najszybszy załącznik. To asynchroniczne wsparcie produktowe, a nie czat na żywo ani ogólne konsultacje.

Zanim otworzysz zgłoszenie, uruchom sprawdzenie stanu (health check): wychwytuje ono typowe przyczyny (brak połączenia, brak serwowania okładek, wtyczka SEO nadpisująca og:image, nieaktualny cache platformy).

Rozwiązywanie problemów na jednej stronie

Objaw Sprawdź najpierw
Udostępniony link nie ma obrazu Kontrola stanu → czy witryna sklepu og:image FastOG? Czy typ strony jest obsługiwany?
Podgląd pokazuje starą cenę Pamięć podręczna platformy; aktywny URL jest podpisywany przy każdym renderowaniu. Ponownie pobierz metadane strony
Okładka ma niewłaściwy wygląd Reguła typu strony, reguła o zawężonym zakresie lub nadpisanie dla produktu (wygrywa najbardziej szczegółowa)
Zablokowany wygląd nie chce się zapisać Należy do wyższego planu; selektor wskazuje plan
Brakuje oceny Produkt nie ma jeszcze opinii, plan jest niższy niż Starter lub przełącznik ocen jest wyłączony
Zmiana dla produktu nic nie dała Okładki dla produktów są dostępne w planach Pro/Scale, a serwer odrzuca zapis poniżej nich
Okładka jest rozmyta w WhatsApp Zobacz rozmiar obrazu OG i podglądy w WhatsApp

Wypróbuj za darmo — bez rejestracji

Podglądaj i testuj dynamiczne obrazy OG w kilka sekund.

Otwórz darmowy tester obrazów OG