{"id":882,"date":"2025-08-11T14:31:46","date_gmt":"2025-08-11T14:31:46","guid":{"rendered":"https:\/\/rs.quarticon.com\/kreator-widgetow\/"},"modified":"2025-08-12T15:38:10","modified_gmt":"2025-08-12T15:38:10","slug":"kreator-widgetow","status":"publish","type":"post","link":"https:\/\/help.quarticon.com\/pl\/kreator-widgetow\/","title":{"rendered":"Kreator widget\u00f3w"},"content":{"rendered":"<article class='jsx-ef86202475c6562f '>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Poni\u017csza instrukcja przyda Ci si\u0119, je\u015bli chcesz edytowa\u0107 <a href='\/dodawanie-ramek-rekomendacji\/'>dodany<\/a> w\u0142a\u015bnie widget lub ten ju\u017c istniej\u0105cy.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>W kreatorze drag&#038;drop w lewej kolumnie widoczne jest pole <i>Warstwy<\/i>, kt\u00f3re s\u0142u\u017cy do prze\u0142\u0105czania si\u0119 pomi\u0119dzy poszczeg\u00f3lnymi warstwami widgetu.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-left'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/88442104\/7d07010beeec3e5f02ebdde5\/AqZWnMChLkJU9-CdwxqXZcRGgVWPwXR_ntqdmuC--VPaAiCLWOgI5RQ_4MEI5y2wnGQxVC7nMbu2En48_k17j9QkzHnBWk0q7rx5VLguSxpglWZ3fSQ3PpcyJVZ1GQmG9sdNQjII' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/88442104\/7d07010beeec3e5f02ebdde5\/AqZWnMChLkJU9-CdwxqXZcRGgVWPwXR_ntqdmuC--VPaAiCLWOgI5RQ_4MEI5y2wnGQxVC7nMbu2En48_k17j9QkzHnBWk0q7rx5VLguSxpglWZ3fSQ3PpcyJVZ1GQmG9sdNQjII' width='383' height='674'><\/a><\/div>\n<div class='intercom-interblocks-subheading intercom-interblocks-align-left'>\n<h3 id='head-text'>Head text<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Pozwala na zmian\u0119 nazwy elementu, okre\u015blenie jego po\u0142o\u017cenia, zmiany stylu tekstu, a tak\u017ce dostosowania przycisku CTA.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-subheading intercom-interblocks-align-left'>\n<h3 id='siatka-produktw'>Siatka produkt\u00f3w<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Definiuje ilo\u015b\u0107 produkt\u00f3w rekomendowanych w postaci siatki tabeli, czyli ilo\u015b\u0107 wierszy i ilo\u015b\u0107 kolumn, a tak\u017ce ich po\u0142o\u017cenie, czyli odleg\u0142o\u015b\u0107 siatki produkt\u00f3w od lewej g\u00f3rnej kraw\u0119dzi widgetu oraz odst\u0119py pomi\u0119dzy poszczeg\u00f3lnymi wierszami i kolumnami w siatce produkt\u00f3w.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-left'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/88442107\/7e07c3b6c49e11d2e7117aaa\/dCMoQf8QdTfQBIVPThQq4af8hmo5ReAU-vE9jUVNzjenjzTrZCUFBRcH7kp1s0nDo8DdEzyl7MNO77U2K6T3Ga_ybzSzFcKHdW_b2e4rprE4NNJgeDdCNevHtHU3l7vqPhixedr9' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/88442107\/7e07c3b6c49e11d2e7117aaa\/dCMoQf8QdTfQBIVPThQq4af8hmo5ReAU-vE9jUVNzjenjzTrZCUFBRcH7kp1s0nDo8DdEzyl7MNO77U2K6T3Ga_ybzSzFcKHdW_b2e4rprE4NNJgeDdCNevHtHU3l7vqPhixedr9' width='1600' height='596'><\/a><\/div>\n<div class='intercom-interblocks-subheading intercom-interblocks-align-left'>\n<h3 id='produkt'>Produkt<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>W tej warstwie mo\u017cna edytowa\u0107 wszystkie trzy elementy zawarte w pojedynczym produkcie rekomendowanym:<\/p>\n<\/div>\n<div class='intercom-interblocks-unordered-nested-list'>\n<ul>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>zdj\u0119cie produktu &#8211; mo\u017cna zmieni\u0107 w\u0142a\u015bciwo\u015bci obrazka i jego po\u0142o\u017cenie, a tak\u017ce dostosowa\u0107 przycisk <i>CTA<\/i><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>nazw\u0119 produktu &#8211; mo\u017cna zmieni\u0107 nazw\u0119, po\u0142o\u017cenie pola i styl tekstu, a tak\u017ce dostosowa\u0107 przycisk <i>CTA<\/i><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>cen\u0119 produktu &#8211; mo\u017cna dostosowa\u0107 cen\u0119, zmieni\u0107 nazw\u0119 i po\u0142o\u017cenie pola, a tak\u017ce styl tekstu, a tak\u017ce dostosowa\u0107 przycisk <i>CTA<\/i><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-left'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/88441456\/eba79613bb36e0422de180df\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/88441456\/eba79613bb36e0422de180df\/image.png' width='272' height='420'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Ka\u017cdy z element\u00f3w posiada w\u0142a\u015bciwo\u015bci, kt\u00f3re wp\u0142ywaj\u0105 na wygl\u0105d wszystkich produkt\u00f3w w siatce tak, by by\u0142y one jednakowe.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-subheading intercom-interblocks-align-left'>\n<h3 id='ustawienia-oglne'>Ustawienia og\u00f3lne<\/h3>\n<\/div>\n<div class='intercom-interblocks-unordered-nested-list'>\n<ul>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>nazwa widgetu<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>wyb\u00f3r <a href='\/katalog-produktow\/'>katalogu produkt\u00f3w<\/a> do wykorzystania<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>wysoko\u015b\u0107 i szeroko\u015b\u0107<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>kolor t\u0142a i obrysu<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>responsywno\u015b\u0107 (szeroko\u015b\u0107 jest dostosowywana do nadrz\u0119dnego w strukturze DOM elementu)<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>znaczniki UTM (np. dla Google Analytics, warto\u015b\u0107 powinna by\u0107 poprzedzona znakiem ? lub &#038; w zale\u017cno\u015bci czy parametry dodawane poprzez kreator s\u0105 pocz\u0105tkowymi parametrami czy kolejnymi)<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>tryb i kod JS callback<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-left'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/88442119\/76a4848e6bb6b05885940387\/RH4LmBBvpbtpaSikXXUP8SE9AukKuLAMbaSZEyk_eFHxwrodtA2D503CrX0LKXzW6zFAk3Ep_ebh9BcDHUHSaG0Nlp3Qb9ZOM_eBOvfJuw2tn0qCUtd5LW434CY2EJ5VoXDKTZeY' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/88442119\/76a4848e6bb6b05885940387\/RH4LmBBvpbtpaSikXXUP8SE9AukKuLAMbaSZEyk_eFHxwrodtA2D503CrX0LKXzW6zFAk3Ep_ebh9BcDHUHSaG0Nlp3Qb9ZOM_eBOvfJuw2tn0qCUtd5LW434CY2EJ5VoXDKTZeY' width='1600' height='726'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Edycja widgetu mo\u017cliwa jest r\u00f3wnie\u017c z poziomu widoku raportu w zak\u0142adce <i>Rekomendacje<\/i>.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-left'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/88441971\/162d5beabd20f04090d1c3b6\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/88441971\/162d5beabd20f04090d1c3b6\/image.png' width='1175' height='307'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>Poni\u017csza instrukcja przyda Ci si\u0119, je\u015bli chcesz edytowa\u0107 dodany w\u0142a\u015bnie widget lub ten ju\u017c istniej\u0105cy. W kreatorze drag&#038;drop w lewej kolumnie widoczne jest pol<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-882","post","type-post","status-publish","format-standard","hentry","category-rekomendacje"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/882","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=882"}],"version-history":[{"count":6,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/882\/revisions"}],"predecessor-version":[{"id":2346,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/882\/revisions\/2346"}],"wp:attachment":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/media?parent=882"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/categories?post=882"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/tags?post=882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}