{"id":896,"date":"2025-08-11T14:31:47","date_gmt":"2025-08-11T14:31:47","guid":{"rendered":"https:\/\/rs.quarticon.com\/jak-utworzyc-baner\/"},"modified":"2025-08-12T15:38:09","modified_gmt":"2025-08-12T15:38:09","slug":"jak-utworzyc-baner","status":"publish","type":"post","link":"https:\/\/help.quarticon.com\/pl\/jak-utworzyc-baner\/","title":{"rendered":"Jak utworzy\u0107 baner?"},"content":{"rendered":"
\n
\n

Aby utworzy\u0107 baner, w zak\u0142adce Rekomendacje<\/b> wybierz przycisk Dodaj baner<\/i><\/b>. Otworzy si\u0119 kreator baneru, kt\u00f3ry sk\u0142ada si\u0119 z czterech etap\u00f3w.<\/p>\n<\/div>\n

\n<\/div>\n
<\/a><\/div>\n
\n

Etap 1: Wska\u017c miejsce dla rekomendacji w sklepie, czyli gdzie wy\u015bwietli\u0107 baner?<\/b> <\/h3>\n<\/div>\n
\n

W zak\u0142adce Wska\u017c miejsce dla rekomendacji w sklepie<\/b> wska\u017c miejsce na stronie, w kt\u00f3rym chcesz umie\u015bci\u0107 baner.<\/p>\n<\/div>\n

\n<\/div>\n
<\/a><\/div>\n
\n

Etap 2: Ustawienia widgetu, czyli komu wy\u015bwietli\u0107 baner?<\/b><\/p>\n<\/div>\n

\n<\/div>\n
\n

W zak\u0142adce Ustawienia widgetu<\/b> wybierz grup\u0119 docelow\u0105, tzn. okre\u015bl, kt\u00f3rzy u\u017cytkownicy maj\u0105 widzie\u0107 baner.<\/p>\n<\/div>\n

\n<\/div>\n
\n

Je\u015bli chcesz wy\u015bwietli\u0107 baner wszystkim u\u017cytkownikom Twojego sklepu, kliknij Dodaj now\u0105 grup\u0119<\/i><\/b>,<\/i> a nast\u0119pnie wybierz wszyscy<\/i><\/b>.<\/p>\n<\/div>\n

\n<\/div>\n
<\/a><\/div>\n
\n

Je\u015bli za\u015b chcesz wy\u015bwietli\u0107 baner okre\u015blonej grupie u\u017cytkownik\u00f3w, skorzystaj z pozosta\u0142ych grup predefiniowanych lub utw\u00f3rz grup\u0119 w oparciu o np. wizyt\u0119 na stronie z dan\u0105 fraz\u0105 URL. <\/p>\n<\/div>\n

\n\n\n\n
\n
\n

W artykule Jak utworzy\u0107 baner dla u\u017cytkownik\u00f3w odwiedzaj\u0105cych dan\u0105 kategori\u0119<\/a> znajdziesz dok\u0142adn\u0105 instrukcj\u0119.<\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

\n

W tym artykule wybrano za grup\u0119 docelow\u0105 wybrano u\u017cytkownik\u00f3w, kt\u00f3rzy obchodz\u0105 urodziny.<\/p>\n<\/div>\n

\n<\/div>\n
<\/a><\/div>\n
\n

Baner wy\u015bwietli si\u0119 tylko tym u\u017cytkownikom, kt\u00f3rzy znajduj\u0105 si\u0119 w danej grupie. Po utworzeniu grupy odbiorc\u00f3w przejd\u017a do Ustawie\u0144 zaawansowanych <\/i>(pod list\u0105 grup), aby okre\u015bli\u0107 capping (ograniczenie liczby wy\u015bwietle\u0144 baneru danemu u\u017cytkownikowi w danym czasie) i harmonogram wy\u015bwietlania baneru.<\/p>\n<\/div>\n

\n<\/div>\n
<\/a><\/div>\n
\n

Etap 3: Kreator widget\u00f3w, czyli jak ma wygl\u0105da\u0107 baner?<\/b>
\u200b
Przejd\u017a do Ustawie\u0144 og\u00f3lnych<\/i><\/b> w kolumnie po lewej stronie, a nast\u0119pnie nadaj nazw\u0119 banerowi.<\/p>\n<\/div>\n

\n<\/div>\n
<\/a><\/div>\n
\n

Nast\u0119pnie edytuj obrazek klikaj\u0105c w pole Photo <\/i><\/b>w kolumnie po lewej stronie.<\/p>\n<\/div>\n

\n<\/div>\n
<\/a><\/div>\n
\n

Je\u015bli chcesz doda\u0107 nowe pole ze zdj\u0119ciem, kliknij Dodaj element<\/i><\/b> i Dodaj obrazek<\/i><\/b>.<\/p>\n<\/div>\n

\n<\/div>\n
<\/a><\/div>\n
\n

Aby wybra\u0107 zdj\u0119cie\/obrazek, kt\u00f3re za\u0142adowane s\u0105 ju\u017c na Twoim koncie (np. je\u015bli wgrywa\u0142a\u015b\/e\u015b zdj\u0119cia do innych kreacji) kliknij na pole ze zdj\u0119ciem w sekcji Link do obrazka<\/i><\/b> i wska\u017c w\u0142a\u015bciwy plik z Twojej biblioteki medi\u00f3w. <\/p>\n<\/div>\n

\n<\/div>\n
<\/a><\/div>\n
<\/a><\/div>\n
\n

Mo\u017cesz tak\u017ce wgra\u0107 nowy obrazek z komputera. W zak\u0142adce Z dysku<\/i><\/b> mo\u017cesz doda\u0107 grafik\u0119 na dwa sposoby:<\/p>\n<\/div>\n

\n<\/div>\n
<\/a><\/div>\n
\n

Ustawianie strony docelowej<\/h3>\n<\/div>\n
\n

Wr\u00f3\u0107 do g\u0142\u00f3wnej sekcji Obrazek <\/i><\/b>i rozwi\u0144 zak\u0142adk\u0119 Przycisk CTA<\/i><\/b>.<\/p>\n<\/div>\n

\n<\/div>\n
<\/a><\/div>\n
\n

Ustaw W\u0142\u0105cz CTA<\/b> na Tak<\/i><\/b>, a tak\u017ce wpisz adres do strony (\u0142\u0105cznie z http:\/\/), na kt\u00f3r\u0105 ma trafi\u0107 u\u017cytkownik po klikni\u0119ciu w baner.<\/p>\n<\/div>\n

\n<\/div>\n
\n

Opr\u00f3cz obrazk\u00f3w, do baneru mo\u017cesz dodawa\u0107 tak\u017ce prostok\u0105ty i pola tekstowe. Sekcja ustawie\u0144 dotycz\u0105ca tych element\u00f3w pojawi si\u0119 po klikni\u0119ciu w nie.<\/p>\n<\/div>\n

\n<\/div>\n
<\/a><\/div>\n
<\/a><\/div>\n
\n

Po\u0142o\u017cenie i rozmiar baneru<\/h3>\n<\/div>\n
\n

W zak\u0142adce Po\u0142o\u017cenie <\/b>mo\u017cesz dopasowa\u0107 rozmiar baneru poprzez ustawienie jego dok\u0142adnej szeroko\u015bci i wysoko\u015bci oraz odleg\u0142o\u015bci od lewej i od g\u00f3ry. Mo\u017cesz te\u017c rozci\u0105gn\u0105\u0107 baner bezpo\u015brednio w polu, w kt\u00f3rym jest widoczny.<\/p>\n<\/div>\n

\n<\/div>\n
<\/a><\/div>\n
\n\n\n\n
\n
\n

Pami\u0119taj!<\/b> Baner, kt\u00f3ry tworzysz w kreatorze w naszym panelu klienta, nie jest responsywny tzn. jego rozmiar nie przeskaluje si\u0119, kiedy otworzysz go na urz\u0105dzeniu mobilnym. Je\u015bli chcesz doda\u0107 baner w wersji mobile, musisz utworzy\u0107 nowy we w\u0142a\u015bciwym rozmiarze.<\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

\n

Etap 4: <\/b>Podsumowanie<\/h3>\n<\/div>\n
\n

W zak\u0142adce Podsumowanie <\/i><\/b>sprawd\u017a, czy wszystkie ustawienia si\u0119 zgadzaj\u0105 \u2013 je\u015bli tak, kliknij Save<\/i><\/b>. Pami\u0119taj, \u017ce baner nie jest jeszcze w trybie live.<\/p>\n<\/div>\n

\n<\/div>\n
<\/a><\/div>\n
\n

Aktywowanie baneru, czyli co zrobi\u0107, by zacz\u0105\u0142 si\u0119 wy\u015bwietla\u0107?<\/h3>\n<\/div>\n
\n

W zak\u0142adce Rekomendacje <\/b>znajd\u017a sw\u00f3j baner na li\u015bcie na dole strony i aktywuj go, klikaj\u0105c na k\u00f3\u0142eczko obok jego nazwy.<\/p>\n<\/div>\n

\n<\/div>\n
<\/a><\/div>\n
\n

Umieszczanie baneru na stronie<\/h2>\n<\/div>\n
\n

W zak\u0142adce Rekomendacje <\/b>\u2192 Wid\u017cety <\/b>znajduje si\u0119 drzewko przedstawiaj\u0105ce struktur\u0119 strony, kt\u00f3re definiuje miejsca ramek rekomendacji i baner\u00f3w.<\/p>\n<\/div>\n

\n<\/div>\n
<\/a><\/div>\n
\n

Z poziomu wybranego miejsca na stronie kliknij Pobierz snippet<\/i><\/b>.<\/p>\n<\/div>\n

\n<\/div>\n
<\/a><\/div>\n
\n

Wstaw wy\u015bwietlony kod <div> <\/i>a stronie swojego sklepu w miejscu, gdzie chcesz wy\u015bwietli\u0107 baner.<\/p>\n<\/div>\n

\n

<\/h2>\n<\/div>\n
<\/a><\/div>\n
\n\n\n\n
\n
\n

W jednym miejscu na stronie sklepu mo\u017cesz wy\u015bwietli\u0107 wiele baner\u00f3w. W takim przypadku b\u0119d\u0105 one wy\u015bwietlane naprzemiennie.<\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/article>\n","protected":false},"excerpt":{"rendered":"

Aby utworzy\u0107 baner, w zak\u0142adce Rekomendacje wybierz przycisk Dodaj baner. Otworzy si\u0119 kreator baneru, kt\u00f3ry sk\u0142ada si\u0119 z czterech etap\u00f3w. Etap 1: Wska\u017c miejsce<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-896","post","type-post","status-publish","format-standard","hentry","category-reklamy"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/896","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/comments?post=896"}],"version-history":[{"count":6,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/896\/revisions"}],"predecessor-version":[{"id":2348,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/896\/revisions\/2348"}],"wp:attachment":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/media?parent=896"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/categories?post=896"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/tags?post=896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}