Grafiki dla sklepów internetowych: podglądy produktów, promocje, maile i reklamy z katalogu

Sklep internetowy w kółko publikuje te same kilka rodzajów grafik: kartę, która pojawia się, gdy ktoś udostępnia produkt, post o wyprzedaży, obniżkę ceny, „znowu dostępne”, kupon w newsletterze, pin, reklamę w pięciu rozmiarach. Każda z nich to stały układ wypełniony danymi, które sklep już ma — nazwą, ceną, starą ceną, zdjęciem. W Shareglint te układy stają się szablonami, a twój katalog danymi wejściowymi, więc grafiki nadążają za katalogiem, zamiast czekać w kolejce do grafika.

Ta strona to przegląd dla sklepów. Szczegółowy opis grafik produktowych znajdziesz na stronie o grafikach produktowych dla e-commerce; poniżej są zadania, szablony i kolejność, w jakiej warto je wdrażać.

1. Podgląd linku dla każdej strony produktu

Gdy ktoś udostępnia link do produktu na WhatsAppie, w Messengerze, na Slacku albo na czacie grupowym, podgląd pokazuje og:image strony. Wiele motywów używa pierwszego zdjęcia produktu, które każda aplikacja przycina do 1,91:1 po swojemu. Adres auto OG naprawia cały katalog jednym tagiem: odczytuje tytuł, opis i zdjęcie każdej strony produktu i renderuje kartę w barwach marki, gdy pierwszy crawler o nią poprosi (jak działa auto OG).

• Shopify: fragment kodu do pliku motywu meta-tags.liquid (strona o Shopify).
• WooCommerce: ten sam tag w WordPressie (strona o WordPressie).
• Inne platformy: każdy motyw, w którym możesz edytować <head>.

Za niezmieniony produkt nigdy nie płacisz drugi raz, a parametry śledzące w adresie nie tworzą nowych obrazków.

2. Grafiki do kampanii prosto z katalogu

Wyprzedaże, obniżki cen, nowości i powroty towaru to posty, które sklep publikuje co tydzień. Obejmują je wbudowane szablony — product-sale, price-drop, new-arrival, back-in-stock, flash-sale, coupon-code, product-grid (do czterech produktów na jednym obrazku), gift-card — a każdy renderuje się w każdym rozmiarze (og 1200×630, square 1080×1080, portrait 1080×1350, story 1080×1920, pinterest 1000×1500, youtube 1280×720), więc jedno zapytanie daje post do aktualności, relację i kartę do linku.

curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_..." \
  -H "Content-Type: application/json" \
  -d '{
    "template": "back-in-stock",
    "sizes": ["square", "story"],
    "format": "jpeg",
    "modifications": { "product": "Trail Runner 2", "price": "349 zł", "image": "https://cdn.example.com/trail-runner-2.jpg" }
  }'

Podłącz to do zdarzeń w sklepie — zmiany ceny, powrotu towaru, nowego produktu — przez webhook we własnym kodzie albo narzędzie do automatyzacji (integracje), a post będzie gotowy w chwili, gdy zdarzenie nastąpi. Do postów w social mediach bezpiecznym formatem jest JPEG; API Instagrama do publikacji przyjmuje wyłącznie JPEG (posty na Instagram).

3. Cały katalog naraz

Przed sezonową wyprzedażą obejmującą 800 produktów wyeksportuj katalog do CSV — nazwę, cenę, starą cenę, adres zdjęcia i SKU jako filename — i wyślij go jako zlecenie hurtowe z potrzebnymi rozmiarami. Każdy produkt wraca jako adres obrazka, a wszystkie razem w jednym pliku ZIP; po aktualizacji cen uruchom zlecenie jeszcze raz, a na nowo wyrenderują się tylko zmienione produkty. Limit wierszy na zlecenie według planu: Free 50, Starter 500, Pro 1 000, Scale 2 000, Business 5 000. Kolumny opisuje poradnik o CSV (po angielsku).

4. Piny, reklamy i maile

• Pinterest: piny produktowe i piny z listami w proporcjach 2:3 (piny na Pinterest, po angielsku); konto firmowe z potwierdzoną witryną może publikować je automatycznie z kanału RSS (Pomoc Pinteresta).
• Reklamy: jeden szablon na każdy rozmiar reklamy i jedno zlecenie hurtowe na kampanię, w granicach limitów plików każdej sieci — wgrywane reklamy displayowe w Google mogą mieć do 150 KB, a rozmiary poniżej naszej minimalnej krawędzi 200 pikseli (728×90, 320×50) odpadają (reklamy banerowe, po angielsku).
• Mail: podpisany adres obrazka z imieniem klienta albo kodem kuponu renderuje się, gdy mail zostaje dostarczony, bez żadnego wywołania API w chwili wysyłki (spersonalizowane obrazki w mailach).

Kolejność wdrożenia

Zacznij tam, gdzie zysk jest największy, a pracy najmniej:

1. Najpierw podglądy linków. Jeden tag w motywie, każda strona produktu objęta, nic do utrzymywania. Potem udostępnij link do produktu na czacie i sprawdź podgląd w darmowym narzędziu do sprawdzania OG.
2. Potem cotygodniowe posty. Wybierz dwa szablony — zwykle wyprzedaż i nowość — raz ustaw kolor accent i logo, a potem renderuj je z danych produktu za każdym razem, gdy rusza promocja.
3. Potem sezonowe zlecenie hurtowe. Przed dużą wyprzedażą wyrenderuj cały katalog w rozmiarach, których potrzebują twoje kanały, i zachowaj ZIP na czas kampanii.
4. Na końcu maile i reklamy. Spersonalizowane obrazki w mailach i warianty reklam opłacają się, gdy szablony i przepływ danych z poprzednich kroków już działają.

Gdzie grafiki nie mogą trafić

Zasady dotyczące zdjęć w Google Merchant Center mówią, że główne zdjęcie produktu nie może zawierać tekstu promocyjnego, znaków wodnych ani ramek (Google Merchant Center), a marketplace'y mają podobne zasady. W plikach danych produktów i na marketplace'ach trzymaj czyste zdjęcia, a wygenerowanych kart używaj w podglądach linków, postach w social mediach, reklamach, w których nakładki są dozwolone, pinach i mailach.

Ile zwykle renderuje sklep

Przykład, który pomoże dobrać plan: sklep z 300 produktami, jednym nowym produktem i dwiema promocjami tygodniowo.

• Podglądy linków: 300 kart raz, potem tylko nowe albo zmienione produkty.
• Cotygodniowe posty: trzy posty, każdy w dwóch rozmiarach, czyli około 25 renderów miesięcznie.
• Sezonowa wyprzedaż: 300 produktów w dwóch rozmiarach, 600 renderów, jednorazowo.

To poniżej 1 000 renderów nawet w miesiącu wyprzedaży. Plan Starter ma 2 000 renderów miesięcznie za $9; 100 renderów w planie Free ma znak wodny, co wystarczy do konfiguracji, ale nie do grafik dla klientów (cennik). Powtórki z tymi samymi wartościami nigdy nie liczą się drugi raz.

Czego nie robi

• Nie ma natywnej aplikacji dla Shopify, WooCommerce ani marketplace'ów: mostem są fragmenty kodu do motywu, API, zlecenia hurtowe z CSV i narzędzia do automatyzacji.
• Nie robi zdjęć produktów, nie usuwa tła i nie tworzy scen AI; szablon układa zdjęcie, które mu przekażesz.
• Nie publikuje w social mediach i nie wgrywa niczego na konta reklamowe — robią to twoje narzędzie do planowania postów i narzędzia reklamowe, korzystając z adresów obrazków.

Szablony dla sklepów znajdziesz w kategorii e-commerce galerii.