{"id":837,"date":"2025-08-11T14:31:42","date_gmt":"2025-08-11T14:31:42","guid":{"rendered":"https:\/\/rs.quarticon.com\/instrukcja-wdrozenia-ai-smart-search-po-api\/"},"modified":"2025-08-12T15:38:12","modified_gmt":"2025-08-12T15:38:12","slug":"instrukcja-wdrozenia-ai-smart-search-po-api","status":"publish","type":"post","link":"https:\/\/help.quarticon.com\/pl\/instrukcja-wdrozenia-ai-smart-search-po-api\/","title":{"rendered":"Instrukcja wdro\u017cenia AI Smart Search po API"},"content":{"rendered":"<article class='jsx-ef86202475c6562f '>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_c57af6b7ad'>Wprowadzenie do instrukcji AI Smart Search po API<\/h2>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Instrukcja, kt\u00f3r\u0105 oddajemy w Twoje r\u0119ce, dotyczy wdro\u017cenia wyszukiwarki AI Smart Search metod\u0105 API i zosta\u0142a spisana w taki spos\u00f3b, by ograniczy\u0107 jego czas i potencjalne ryzyko wyst\u0105pienia b\u0142\u0119d\u00f3w. Poprawnie skonfigurowana wyszukiwarka daje ogromn\u0105 swobod\u0119 w zarz\u0105dzaniu narz\u0119dziem na stronie sklepu internetowego. Dzi\u0119ki niej:<\/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>masz pe\u0142n\u0105 kontrol\u0119 nad finalnym wygl\u0105dem wyszukiwarki i sposobie wy\u015bwietlania produkt\u00f3w (m.in. za pomoc\u0105 nawigacji fasetowej); sprawdza si\u0119 to tak\u017ce w przypadku dopasowania narz\u0119dzia do strony w reakcji na planowane\/zaistnia\u0142e zmiany (np. zmiana layoutu);<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>masz mo\u017cliwo\u015b\u0107 zaawansowanej customizacji wynik\u00f3w generowanych przez wyszukiwark\u0119 i modyfikacji algorytmu wyszukiwania za pomoc\u0105 wag, funkcji sortowania i sugestii produktowych; mo\u017cesz np. zbudowa\u0107 listingi produktowe z wynik\u00f3w wyszukiwania, buduj\u0105c podstrony z bardzo precyzyjn\u0105 fraz\u0105 dla sezonowych kolekcji np. Wakacje;<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>\u0142atwej i szybciej zweryfikujesz poprawno\u015b\u0107 katalogu produktowego (aktualna cena lub stan magazynowy), co w efekcie poprawi jego jako\u015b\u0107 i obni\u017cy koszt utrzymania narz\u0119dzia;<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>skonfigurujesz wi\u0119cej ni\u017c jedn\u0105 instancj\u0119 (wersji) wyszukiwarki, dzi\u0119ki czemu \u0142atwo por\u00f3wnasz skuteczno\u015b\u0107 i efektywno\u015b\u0107 obranej strategii.<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Mo\u017cliwo\u015b\u0107 integracji wyszukiwarki Quarticon przez API pozwala przej\u0105\u0107 Ci kontrol\u0119 nad procesem wdro\u017cenia narz\u0119dzia i skr\u00f3ci\u0107 jego czas, wyeliminowa\u0107 przestoje w pracy w jego trakcie, a tak\u017ce zredukowa\u0107 koszt utrzymania narz\u0119dzia przy jednoczesnym zwi\u0119kszeniu jego efektywno\u015bci.<\/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>Odpowiednio zaprojektowane i zoptymalizowane API minimalizuje czas \u0142adowania i transferu danych na Twojej stronie, dzi\u0119ki czemu przyspiesza czas jej \u0142adowania i nie spowalnia go nawet w przypadku wielu proces\u00f3w uruchomionych w tle. Zwi\u0119kszona wydajno\u015b\u0107 strony pozytywnie wp\u0142ywa z kolei na do\u015bwiadczenia u\u017cytkownika i tym samym na pozycjonowanie sklepu w Google.<\/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>Znasz ju\u017c zalety wdro\u017cenia wyszukiwarki AI Smart Search przez API. Przejd\u017amy zatem do instrukcji.<\/p>\n<\/div>\n<div class='intercom-interblocks-horizontal-rule'>\n<hr>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Spis tre\u015bci:<\/b><\/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><b><a href='#h_5eb5867419'>1. Konfiguracja katalogu produktowego<\/a><\/b><\/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><a href='#h_38036780a9'>Przygotowanie katalogu XML<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_21f534b204'>Utworzenie nowego katalogu i jego podstawowe informacje<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_90fedf702e'>Ustawienia mapowania produkt\u00f3w<\/a><\/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><a href='#h_b3c695ee38'>Wymagane pola i ich identyfikatory<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_7f54e729f8'>Dodatkowe pola<\/a><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_451a5836d3'>Podgl\u0105d katalogu, czyli gdzie sprawdzisz informacje o zaimportowanym katalogu<\/a><\/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><a href='#h_03a9265f96'>Podgl\u0105d produktu<\/a><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_92be432a09'>Ustawienia zasilania katalogu<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_e695dcd725'>Podgl\u0105d katalogu oraz jego ustawie\u0144<\/a><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b><a href='#h_e9214deee4'>2. Tworzenie instancji wyszukiwarki AI Smart Search<\/a><\/b><\/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><b><a href='#h_122f659412'>3. Konfiguracja uprawnie\u0144 po API<\/a><\/b><\/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><a href='#h_420754c1b1'>Po co potrzebna jest autoryzacja API i jakie s\u0105 jej sposoby?<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_3b084b5a92'>Konfiguracja whitelisty domen<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_01f6e3ac76'>Konfiguracja klucza dost\u0119powego do API<\/a><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b><a href='#h_bd574208d7'>4. Konfiguracja wyszukiwarki<\/a><\/b><\/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><a href='#h_af44f3c00f'>Istotno\u015b\u0107 p\u00f3l<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_f2303c7678'>Menu fasetowe<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_1b900288a0'>Sortowanie<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_e373790daf'>Sugestie<\/a><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b><a href='#h_0518bccfa2'>5. Testowanie<\/a><\/b><\/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><b><a href='#h_1c501eb094'>6. Opis endpoint\u00f3w wraz z dokumentacj\u0105 i przyk\u0142adami<\/a><\/b><\/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><b><a href='#h_5ddd4e365c'>7. Budowa frontu aplikacji krok po kroku<\/a><\/b><\/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><a href='#h_994974705e'>Onfocus<\/a><\/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><a href='#h_2ebd48c741'>Wdro\u017cenie onfocus<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_d051cb353a'>Implementacja krok po kroku<\/a><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_d3426dcb81'>Autocomplete<\/a><\/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><a href='#h_62cd311053'>Wdro\u017cenie autocomplete<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_34d0729c86'>Implementacja krok po kroku<\/a><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_754fcd4322'>SERP, czyli strona pe\u0142nych wynik\u00f3w wyszukiwania<\/a><\/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><a href='#h_6256c60f6b'>Implementacja krok po kroku<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_2ad4d71b8d'>Implementacja wynik\u00f3w wyszukiwania<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_5423e50c80'>Implementacja opcji sortowania<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_32436b3546'>Implementacja filtr\u00f3w<\/a><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b><a href='#h_54fb98b108'>8. Przyk\u0142ady kodu JavaScript dla integracji AI Smart Search<\/a><\/b><\/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><b><a href='#h_8cec5bc85f'>9. Przyk\u0142ad kodu HTML dla poszczeg\u00f3lnych cz\u0119\u015bci wyszukiwarki<\/a><\/b><\/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><a href='#h_cdde47898b'>On-focus\/autocomplete, czyli podpowiedzi w ma\u0142ej wyszukiwarce<\/a><\/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><a href='#h_adebdff344'>HTML dla inputu wyszukiwarki<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_5f1f8539ab'>HTML dla okna onfocus\/autocomplete<\/a><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_294ddc9000'>Strona wynik\u00f3w wyszukiwania (SERP)<\/a><\/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><a href='#h_900727afa8'>Sekcja filtr\u00f3w<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_ce9f8ce9c0'>Sekcja wynik\u00f3w wyszukiwania<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_6d249cf9b7'>Sekcja sortowania<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_c623efaeb4'>Sekcja z informacj\u0105 o liczbie wy\u015bwietlonych wynikach<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><a href='#h_e5e83979ff'>Sekcja paginacji (na dole wynik\u00f3w wyszukiwania)<\/a><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-horizontal-rule'>\n<hr>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_be1a28177a'>Instrukcja wdro\u017cenia AI Smart Search (V3) po API<\/h2>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_5eb5867419'>1. Konfiguracja katalogu produktowego<\/h2>\n<\/div>\n<div class='intercom-interblocks-subheading intercom-interblocks-align-left'>\n<h3 id='h_38036780a9'>Przygotowanie katalogu XML<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Przygotuj katalog produktowy w formacie XML, kt\u00f3ry b\u0119dzie dost\u0119pny online oraz cyklicznie uaktualnianiany.<\/p>\n<\/div>\n<div class='intercom-interblocks-table'>\n<table>\n<tbody>\n<tr>\n<td style='background-color:#fed9db80'>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Obs\u0142ugujemy najwa\u017cniejsze formaty plik\u00f3w XML, ale <b>sugerujemy, aby skorzysta\u0107 z formatu Google Merchat XML:<\/b> <a href='https:\/\/support.google.com\/merchants\/topic\/6324338?hl=pl&#038;ref_topic=7294998&#038;sjid=12760409436838237628-EU' rel='nofollow noopener noreferrer' target='_blank'>https:\/\/support.google.com\/merchants\/topic\/6324338?hl=pl&#038;ref_topic=7294998&#038;sjid=12760409436838237628-EU<\/a>.<\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Gdy przygotowany plik znajduje si\u0119 ju\u017c na serwerze, przyst\u0105p do mapowania katalogu XML w panelu AI Smart Search.<\/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='h_21f534b204'>Utworzenie nowego katalogu i jego podstawowe informacje<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>1. <\/b>Zaloguj si\u0119 do <a href='https:\/\/cp.quarticon.com\/qonpanel\/login\/' rel='nofollow noopener noreferrer' target='_blank'>panelu klienta Quarticon<\/a> i przejd\u017a do zak\u0142adki <b>Wyszukiwarka<\/b>.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>\u200b<\/p>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750259338\/1fb0441988ec010c4aeef23a\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750259338\/1fb0441988ec010c4aeef23a\/image.png' width='120' height='298'><\/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<p><b>2. <\/b>W panelu AI Smart Search przejd\u017a do modu\u0142u <b>Smart Search V3<\/b>, a nast\u0119pnie do zak\u0142adki <b>Zarz\u0105dzanie katalogami<\/b>.<\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750261572\/e1a4ad66e6bde0741cb70053\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750261572\/e1a4ad66e6bde0741cb70053\/image.png' width='188' height='148'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>3.<\/b> Aby utworzy\u0107 nowy katalog, kliknij na przycisk <b><i>Skonfiguruj nowy katalog<\/i><\/b>.<\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750263811\/727bda7108e768f777ddc9d9\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750263811\/727bda7108e768f777ddc9d9\/image.png' width='1852' height='354'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>4.<\/b> Skonfiguruj katalog, uzupe\u0142niaj\u0105c podstawowe pola:<\/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>Nazwa katalogu \u2013 unikalna nazwa katalogu, kt\u00f3ra pozwoli Ci rozpozna\u0107 katalog na li\u015bcie;<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Bran\u017ca sklepu \u2013 obecnie dana informacyjne, w przysz\u0142o\u015bci umo\u017cliwi dostarczanie us\u0142ug spersonalizowanych dla danej bran\u017cy;<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>J\u0119zyk katalogu &#8211; j\u0119zyk, w kt\u00f3rym b\u0119dzie dzia\u0142a\u0107 wyszukiwarka;<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Adres URL katalogu &#8211; miejsce, z kt\u00f3rego cyklicznie b\u0119dziemy pobiera\u0107 katalog;<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Przyk\u0142adowa konfiguracja katalogu:<\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750270177\/e5178374ee095aa7e81ac10e\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750270177\/e5178374ee095aa7e81ac10e\/image.png' width='912' height='502'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Po uzupe\u0142nieniu p\u00f3l kliknij <b><i>Dalej<\/i><\/b>.<\/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='h_90fedf702e'>Ustawienia mapowania produkt\u00f3w<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Kolejnym etapem konfiguracji katalogu produktowego jest zmapowanie ka\u017cdego pola z wgranego pliku XML z polem w panelu AI Smart Search. Ten proces jest niezb\u0119dny do tego, by nasz system odpowiednio przetworzy\u0142 i rozpozna\u0142 Twoje produkty.<\/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>Mapuj pola z pliku xml do wymaganych p\u00f3l dla AI Smart Search, oraz dodaj pola dodatkowe.<\/p>\n<\/div>\n<div class='intercom-interblocks-subheading4 intercom-interblocks-align-left'>\n<h5 id='h_b3c695ee38'>Wymagane pola i ich identyfikatory<\/h5>\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><b>id<\/b> \u2013 odpowiedzialne za przechowywanie unikalnego id produktu; w przypadku feeda zawieraj\u0105cego warianty, nale\u017cy wskaza\u0107 pole, kt\u00f3re zawiera ID grupuj\u0105ce: item_group_id =&gt; <a href='https:\/\/support.google.com\/merchants\/answer\/6324507?hl=pl' rel='nofollow noopener noreferrer' target='_blank'>Identyfikator grupy produkt\u00f3w [item_group_id] &#8211; Google Merchant Center &#8211; Pomoc<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>title <\/b>\u2013 odpowiedzialne za przechowywanie tytu\u0142u produktu<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>categories <\/b>\u2013 pole, w kt\u00f3rym znajduj\u0105 si\u0119 kategorie produkt\u00f3w<\/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>wska\u017c separator, kt\u00f3ry rozdzieli zawarto\u015b\u0107 tagu na oddzielne kategorie<\/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><code>&lt;g:product_type&gt;M\u0119\u017cczyzna &gt; Koszule&lt;\/g:product_type&gt;<\/code> &#8211; wska\u017c <code>&gt;<\/code><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><code>&lt;g:product_type&gt;M\u0119\u017cczyzna | Koszule&lt;\/g:product_type&gt;<\/code> &#8211; wska\u017c <code>|<\/code><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><code>&lt;g:product_type&gt;M\u0119\u017cczyzna, Koszule&lt;\/g:product_type&gt;<\/code> &#8211; wska\u017c <code>,<\/code><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>link <\/b>\u2013 pole, w kt\u00f3rym znajduje si\u0119 adres URL produktu<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>image_link <\/b>\u2013 pole, w kt\u00f3rym znajduje si\u0119 adres URL do obrazka produktu<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>availability <\/b>\u2013 pole, w kt\u00f3rym znajduje si\u0119 opis dost\u0119pno\u015bci produktu<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>price <\/b>\u2013 pole, w kt\u00f3rym znajduje si\u0119 cena produktu<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-table'>\n<table>\n<tbody>\n<tr>\n<td style='background-color:#feedaf80'>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>U\u017cywaj atrybutu identyfikator grupy produkt\u00f3w <code>[item_group_id]<\/code>, aby grupowa\u0107 wersje produkt\u00f3w w danych produkt\u00f3w. Wersje to grupa podobnych produkt\u00f3w, kt\u00f3re r\u00f3\u017cni\u0105 si\u0119 od siebie szczeg\u00f3\u0142ami, na przyk\u0142ad atrybutami <a href='https:\/\/support.google.com\/merchants\/answer\/6324492' rel='nofollow noopener noreferrer' target='_blank'>rozmiar <\/a><code>[size]<\/code>, <a href='https:\/\/support.google.com\/merchants\/answer\/6324487' rel='nofollow noopener noreferrer' target='_blank'>kolor <\/a><code>[color]<\/code>, <a href='https:\/\/support.google.com\/merchants\/answer\/6324410' rel='nofollow noopener noreferrer' target='_blank'>materia\u0142 <\/a><code>[material]<\/code>, <a href='https:\/\/support.google.com\/merchants\/answer\/6324483' rel='nofollow noopener noreferrer' target='_blank'>wz\u00f3r <\/a><code>[pattern]<\/code>, <a href='https:\/\/support.google.com\/merchants\/answer\/6324463' rel='nofollow noopener noreferrer' target='_blank'>grupa wiekowa <\/a><code>[age_group]<\/code> i <a href='https:\/\/support.google.com\/merchants\/answer\/6324479' rel='nofollow noopener noreferrer' target='_blank'>p\u0142e\u0107<\/a> <code>[gender]<\/code>.<\/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>Grupuj\u0105c produkty za pomoc\u0105 atrybutu identyfikator grupy produkt\u00f3w <code>[item_group_id]<\/code>, masz pewno\u015b\u0107, \u017ce dany produkt i jego wersje zostan\u0105 wy\u015bwietlone klientom jako grupa, a nie osobne pozycje.<\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class='intercom-interblocks-subheading4 intercom-interblocks-align-left'>\n<h5 id='h_7f54e729f8'>Dodatkowe pola<\/h5>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Mo\u017cesz doda\u0107 dodatkowe informacje, kt\u00f3re b\u0119dziemy przechowa\u0107 w systemie. Po nich b\u0119dzie mo\u017cna dalej skonfigurowa\u0107 wyszukiwanie, filtrowanie czy te\u017c informacje na kafelku produktowym, np. labelki o przecenie, labelki o promocjach itp. <\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Pola dodatkowe wymagaj\u0105 kilku informacji:<\/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><b>Pole z katalogu<\/b> \u2013 wska\u017c, kt\u00f3re pole z katalogu xml ma zosta\u0107 zmapowane<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Qon Id<\/b> \u2013 unikalny identyfikator dla pola, automatycznie tworzony na podstawie pola <b>Pole z katalogu <\/b>(mo\u017cna zmodyfikowa\u0107)<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Typ danych<\/b> \u2013 wska\u017c, jakim typem danych dane pole jest reprezentowane<\/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><b>string <\/b>\u2013 warto\u015b\u0107 pola jest tekstem<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>number <\/b>\u2013 warto\u015b\u0107 pola jest liczb\u0105<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>boolean <\/b>\u2013 warto\u015b\u0107 pola jest typem boolean, czyli true, false, 1 lub 0<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>table <\/b>\u2013 warto\u015b\u0107 pola, podobnie jak kategorie, zawiera wiele warto\u015bci po\u0142\u0105czonych separatorem<\/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>dla tej warto\u015bci ustaw separator tak, jak w przypadku kategorii<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750286034\/1297e53116229fc657b4c58b\/da2c8709-6d6f-4578-8534-7b7b50aa58d1.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750286034\/1297e53116229fc657b4c58b\/da2c8709-6d6f-4578-8534-7b7b50aa58d1.png' width='1251' height='845'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Kliknij <b><i>Dalej<\/i><\/b>, aby przetworzy\u0107 wst\u0119pnie katalog i zobaczy\u0107 jego podgl\u0105d.<\/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='h_451a5836d3'>Podgl\u0105d katalogu, czyli gdzie sprawdzisz informacje o zaimportowanym katalogu<\/h3>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750286844\/d8aded8887310f0287a8712e\/podglad-katalogu.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750286844\/d8aded8887310f0287a8712e\/podglad-katalogu.png' width='1274' height='737'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Kliknij <b><i>Dalej<\/i><\/b>, a system zaimportuje katalog i wy\u015bwietli list\u0119 produkt\u00f3w zaimportowanych wraz z ich zmapowanymi informacjami w kolumnach:<\/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><b>Liczba wariant\u00f3w produkt\u00f3w<\/b> \u2013 je\u015bli podane ID by\u0142o ID grupuj\u0105cym (item_group_id), system znalaz\u0142 produkty o tym samym ID \u2013 w kolumnie <b><i>Liczba wariant\u00f3w produktu<\/i><\/b> b\u0119dzie widoczne, ile r\u00f3\u017cnych wersji posiada dany produkt (po klikni\u0119ciu w przycisk <b><i>Poka\u017c<\/i>,<\/b> rozwinie si\u0119 lista wariant\u00f3w)<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Nazwa produktu \u2013 pobrana nazwa produktu lub wariantu<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Id \u2013 ID produktu lub wariantu<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Cena \u2013 cena produktu lub wariantu<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Kategorie \u2013 kategorie przypisane do produktu lub wariantu<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Zdj\u0119cie \u2013 zdj\u0119cia produktu lub wariantu<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Akcje \u2013 button, za pomoc\u0105 kt\u00f3rego mo\u017cesz otworzy\u0107 podgl\u0105d produktu<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Lista produkt\u00f3w z b\u0142\u0119dami \u2013 miejsce, w kt\u00f3rym znajd\u0105 si\u0119 b\u0142\u0119dy wynikaj\u0105ce z mapowania produkt\u00f3w; z tego miejsca mo\u017cesz pobra\u0107 wszystkie b\u0142\u0119dy jako plik<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-subheading4 intercom-interblocks-align-left'>\n<h5 id='h_03a9265f96'>Podgl\u0105d produktu<\/h5>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Pogl\u0105d produktu zawiera pola wymagane oraz dodatkowe zmapowane w poprzednim kroku. <\/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>Je\u015bli uznasz, \u017ce mapowanie produkt\u00f3w nie spe\u0142nia Twoich oczekiwa\u0144 (np. ze wzgl\u0119du na pomini\u0119te pola lub wskazanie z\u0142ego separatora), mo\u017cesz cofn\u0105\u0107 si\u0119 do poprzedniego ekranu i skorygowa\u0107 mapowanie.<br \/>\u200b<\/p>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750291187\/c97e077032fbf28970b311d4\/podglad-produktu.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750291187\/c97e077032fbf28970b311d4\/podglad-produktu.png' width='633' height='785' style='width:529px'><\/a><\/div>\n<div class='intercom-interblocks-subheading intercom-interblocks-align-left'>\n<h3 id='h_92be432a09'>Ustawienia zasilania katalogu<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Po prawid\u0142owym zmapowaniu produkt\u00f3w, ustal godziny, w kt\u00f3rych katalog b\u0119dzie aktualizowany. Aktualizacja katalogu polega na pobraniu go z podanego wcze\u015bniej linku, przetworzeniu go i imporcie danych do struktury AI Smart Search. <\/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>Mo\u017cesz ustawi\u0107 maksymalnie 4 od\u015bwie\u017cenia katalogu na dzie\u0144. Katalog b\u0119dzie aktualizowany codziennie o wskazanych godzinach.<\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750296745\/6262ba956a1744e59cfb41cf\/odswiezanie-katalogu.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750296745\/6262ba956a1744e59cfb41cf\/odswiezanie-katalogu.png' width='1197' height='599'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Kliknij <b><i>Zapisz<\/i><\/b>, by zapisa\u0107 konfiguracj\u0119 katalogu.<\/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='h_e695dcd725'>Podgl\u0105d katalogu oraz jego ustawie\u0144<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Z poziomu zak\u0142adki <b><i>Zarz\u0105dzanie katalogami<\/i><\/b> mo\u017cesz podejrze\u0107 i sprawdzi\u0107 ustawienia wgranego ktalogu. W tym celu kliknij w symbol trzech pionowych kropek, a nast\u0119pnie w <b><i>Poka\u017c szczeg\u00f3\u0142y<\/i>.<\/b><\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750298115\/caa19b6f4addefeced38858f\/lista-katalogow.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750298115\/caa19b6f4addefeced38858f\/lista-katalogow.png' width='1221' height='533'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>W szczeg\u00f3\u0142ach katalogu mo\u017cesz sprawdzi\u0107:<\/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>list\u0119 p\u00f3l, kt\u00f3re znalaz\u0142 system w feedzie XML oraz status informuj\u0105cy o tym, czy dane pole zosta\u0142o wykorzystane systemie AI Smart Search<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750298864\/a63ef9ec97cc82db0a9d5696\/lista-zmapowanych-pol.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750298864\/a63ef9ec97cc82db0a9d5696\/lista-zmapowanych-pol.png' width='604' height='707' style='width:515px'><\/a><\/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>list\u0119 godzin od\u015bwie\u017cenia, czyli informacj\u0119, w jakich godzinach katalog jest codziennie aktualizowany<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750299700\/6031f12f6d01c768417942fe\/lista-godzin-odswiezania-katalogu.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750299700\/6031f12f6d01c768417942fe\/lista-godzin-odswiezania-katalogu.png' width='584' height='296' style='width:500px'><\/a><\/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>list\u0119 produkt\u00f3w widocznych w katalogu wraz z informacjami o nich<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750300032\/f85286173d23c32b367ef919\/lista-produktow.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750300032\/f85286173d23c32b367ef919\/lista-produktow.png' width='1185' height='559' style='width:597px'><\/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<p>Po klikni\u0119ciu w <b><i>Poka\u017c szczeg\u00f3\u0142y<\/i><\/b> wy\u015bwietli si\u0119 nast\u0119puj\u0105cy widok:<\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750300736\/a4b5e84a23b6f5d3a536c05d\/pokaz-szczegoly-lista-produktow.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750300736\/a4b5e84a23b6f5d3a536c05d\/pokaz-szczegoly-lista-produktow.png' width='381' height='847' style='width:324px'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Po klikni\u0119ciu w <b><i>Poka\u017c produkt<\/i><\/b>, wy\u015bwietli si\u0119 podgl\u0105d produktu znany Ci ju\u017c z <a href='#h_451a5836d3'>poprzedniego podrozdzia\u0142u<\/a>.<\/p>\n<\/div>\n<div class='intercom-interblocks-horizontal-rule'>\n<hr>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_e9214deee4'>2. Tworzenie instancji wyszukiwarki AI Smart Search<\/h2>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>W swoim sklepie internetowym mo\u017cesz zastosowa\u0107 wi\u0119cej ni\u017c jedn\u0105 instancj\u0119 (wersj\u0119) wyszukiwarki dla tego samego lub innego katalogu produktowego. <\/p>\n<\/div>\n<div class='intercom-interblocks-table'>\n<table>\n<tbody>\n<tr>\n<td style='background-color:#fed9db80'>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Instancj\u0119 wyszukiwarki konfigurujemy w panelu \u2013 nie ma tu kodowania, a jedynie szereg ustawie\u0144.<\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Ka\u017cda instancja posiada niezale\u017cne ustawienia, kt\u00f3re pozwalaj\u0105 na testowanie ka\u017cdej z nich. Mo\u017cesz zbudowa\u0107 kilka wyszukiwarek i ka\u017cd\u0105 z nich skonfigurowa\u0107 inaczej, np. mo\u017cesz stworzy\u0107 oddzieln\u0105 wyszukiwark\u0119 dla aplikacji mobilnej i oddzieln\u0105 dla aplikacji webowej. Mo\u017cliwo\u015b\u0107 tworzenia instancji wyszukiwarek pozwala r\u00f3wnie\u017c na testowanie nowych ustawie\u0144 niezale\u017cnie od wersji produkcyjnej. <\/p>\n<\/div>\n<div class='intercom-interblocks-table'>\n<table>\n<tbody>\n<tr>\n<td style='background-color:#d7efdc80'>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Przyk\u0142ady zastosowa\u0144 instancji:<\/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>wersja desktop i wersja mobilna<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>r\u00f3\u017cne wersje j\u0119zykowe<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>listing produkt\u00f3w dla danej kategorii<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>listing produkt\u00f3w na landing page&#8217;ach<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>zmiana wag wyszukiwania w autocomplete \u2013 np. mo\u017cna nada\u0107 wi\u0119ksz\u0105 wag\u0119 tytu\u0142owi produkt\u00f3w ni\u017c ich opisom; w tym wypadku produkty, kt\u00f3re maj\u0105 dan\u0105 fraz\u0119 w nazwie b\u0119d\u0105 pokazane znacznie wy\u017cej ni\u017c produkty z t\u0105 fraz\u0105 w opisach.<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p> Aby utworzy\u0107 now\u0105 instancj\u0119 dla obecnej wyszukiwarki:<\/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><b>1.<\/b> Przejd\u017a do zak\u0142adki <b><i>Zarz\u0105dzanie instancjami<\/i><\/b>, a nast\u0119pnie kliknij w <b><i>Lista instancji<\/i><\/b>.<\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750306620\/930f0f872d5f4add4b02df7d\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750306620\/930f0f872d5f4add4b02df7d\/image.png' width='305' height='501' style='width:208px'><\/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<p><b>2. <\/b>Kliknij w przycisk <b><i>Utw\u00f3rz now\u0105 wyszukiwark\u0119<\/i><\/b>.<\/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\/750307612\/470419855046c16c87f37903\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750307612\/470419855046c16c87f37903\/image.png' width='1851' height='332'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>3. <\/b>Podaj:<\/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>nazw\u0119 wyszukiwarki, czyli unikaln\u0105 nazw\u0119 tworzonej instancji wyszukiwarki<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>katalog dodany wcze\u015bniej, z kt\u00f3rego ta instancja wyszukiwarki b\u0119dzie korzysta\u0107<\/p>\n<\/div>\n<\/li>\n<\/ul>\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\/750308302\/10971489941cc3559ca83e3a\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750308302\/10971489941cc3559ca83e3a\/image.png' width='1455' height='526'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>4.<\/b> Kliknij <b><i>Zapisz<\/i><\/b>.<\/p>\n<\/div>\n<div class='intercom-interblocks-horizontal-rule'>\n<hr>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_122f659412'>3. Konfiguracja uprawnie\u0144 do API<\/h2>\n<\/div>\n<div class='intercom-interblocks-subheading intercom-interblocks-align-left'>\n<h3 id='h_420754c1b1'>Po co potrzebna jest autoryzacja API i jakie s\u0105 jej sposoby?<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Aby m\u00f3c uzyska\u0107 dost\u0119p do API Smart Search, konieczna jest autoryzacja. W naszym systemie dopuszczamy dwa rodzaje autoryzacji:<\/p>\n<\/div>\n<div class='intercom-interblocks-ordered-nested-list'>\n<ol>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Whitelista domen<\/b> \u2013 konfiguracja dost\u0119pu do API wyszukiwarki bazuj\u0105ca na whiteli\u015bcie domen, z kt\u00f3rych przychodz\u0105 \u017c\u0105dania.<\/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>Whitelista pozwala na integracj\u0119 silnika wyszukiwania na poziomie frontendu sklepu internetowego. API przetworzy ka\u017cde \u017c\u0105danie, kt\u00f3re zostanie zainicjowane z dowolnej domeny wymienionej poni\u017cej. \u017b\u0105dania z domen, kt\u00f3re nie b\u0119d\u0105 na li\u015bcie i nie b\u0119d\u0105 autoryzowane w inny spos\u00f3b zostan\u0105 odrzucone.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Klucz dost\u0119pu<\/b> \u2013 konfiguracja dost\u0119pu do API za pomoc\u0105 klucza.<\/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>Wszystkie \u017c\u0105dania podpisane kluczem zostan\u0105 przetworzone. Autoryzacja za pomoc\u0105 klucza pozwala na integracj\u0119 API silnika wyszukiwania z backendem sklepu internetowego. Wszystkie \u017c\u0105dania kt\u00f3re zostan\u0105 wywo\u0142ane z prawid\u0142owym kluczem zostan\u0105 przetworzone. Je\u017celi klucz b\u0119dzie b\u0142\u0119dny lub nie zostanie przekazany, a zg\u0142oszenie do API nie b\u0119dzie autoryzowane w inny spos\u00f3b, zostanie ono odrzucone. <\/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>Pami\u0119taj, aby nie upublicznia\u0107 klucza \u2013 klucz jest unikalny i przypisany do Twojego konta. Je\u017celi istnieje podejrzenie, \u017ce klucz uleg\u0142 ujawnieniu, zalecane jest wygenerowanie klucza ponownie. Uwaga, wygenerowanie nowego klucza usunie aktualny klucz.<\/p>\n<\/div>\n<\/li>\n<\/ol>\n<\/div>\n<div class='intercom-interblocks-table'>\n<table>\n<tbody>\n<tr>\n<td style='background-color:#feedaf80'>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>W przypadku integracji po stronie frontowej aplikacji, <b>skorzystaj z whitelisty domen<\/b>, aby ka\u017cdy request do API z Twojej domeny by\u0142 autoryzowany, a jednocze\u015bnie aby nikt niepowo\u0142any nie skorzysta\u0142 z Twojej wyszukiwarki.<\/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 przypadku wdro\u017cenia po stronie backendowej aplikacji, <b>skorzystaj z klucza dost\u0119pu<\/b>.<\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class='intercom-interblocks-subheading intercom-interblocks-align-left'>\n<h3 id='h_3b084b5a92'>Konfiguracja whitelisty domen<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>1.<\/b> Przejd\u017a do zak\u0142adki <b><i>Ustawienia<\/i><\/b>, a nast\u0119pnie kliknij w <b><i>Dost\u0119p do API<\/i><\/b>. <\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750318240\/ec55b0810490765651ac9a34\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750318240\/ec55b0810490765651ac9a34\/image.png' width='354' height='622' style='width:202px'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>2. <\/b>Upewnij si\u0119, \u017ce znajdujesz si\u0119 w sekcji <b><i>Dost\u0119p whitelist<\/i><\/b> i w polu <b><i>Dodaj now\u0105 autoryzowan\u0105 domen\u0119<\/i><\/b> wpisz adres swojej domeny. Nast\u0119pnie kliknij <b><i>Dodaj<\/i><\/b>.<\/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\/750319173\/511413e9bced3340dcc98651\/dostep-whitelist.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750319173\/511413e9bced3340dcc98651\/dostep-whitelist.png' width='1288' height='590'><\/a><\/div>\n<div class='intercom-interblocks-subheading intercom-interblocks-align-left'>\n<h3 id='h_01f6e3ac76'>Konfiguracja klucza dost\u0119powego do API<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>1. Przejd\u017a do zak\u0142adki <b><i>Ustawienia<\/i><\/b>, a nast\u0119pnie kliknij w <b><i>Dost\u0119p do API<\/i><\/b>.<\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750318240\/ec55b0810490765651ac9a34\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750318240\/ec55b0810490765651ac9a34\/image.png' width='354' height='622' style='width:202px'><\/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<p>2. Przejd\u017a do sekcji <b><i>Klucze dost\u0119pu<\/i><\/b>.<\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750321156\/b1ebcd106f7f71416aa023a9\/klucze-dostepu.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750321156\/b1ebcd106f7f71416aa023a9\/klucze-dostepu.png' width='1535' height='675' style='width:665px'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>W zak\u0142adce widoczne s\u0105 pola:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\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>URL API \u2013 adres API, pod kt\u00f3rym znajduj\u0105 si\u0119 nasze endpointy<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Klucz \u2013 unikalny klucz dost\u0119powy do API; je\u015bli klucz nie istnieje, nale\u017cy klikn\u0105\u0107 przycisk <b><i>Resetuj klucz<\/i><\/b>, a zostanie utworzony nowy klucz<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Symbol klienta \u2013 unikalny customerSymbol u\u017cywany r\u00f3wnie\u017c do autoryzacji w API<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-table'>\n<table>\n<tbody>\n<tr>\n<td style='background-color:#feedaf80'>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Podany w tej zak\u0142adce klucz API u\u017cyj w polu <b>Api-key<\/b> w nag\u0142\u00f3wkach requestu. Wi\u0119cej o autoryzacji dowiesz si\u0119 z dokumentacji naszego API, kt\u00f3ra dost\u0119pna jest pod linkiem: <a href='https:\/\/orion.quarticon.com\/docs\/index.html' rel='nofollow noopener noreferrer' target='_blank'>https:\/\/orion.quarticon.com\/docs\/index.html<\/a>.<\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class='intercom-interblocks-horizontal-rule'>\n<hr>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_bd574208d7'>4. Konfiguracja wyszukiwarki<\/h2>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Oferowany przez Quarticon panel AI Smart Search umo\u017cliwia u\u017cytkownikom konfigurowanie szerokiej gamy ustawie\u0144 wyszukiwarki. Dzi\u0119ki opcjom dost\u0119pnym w panelu (zak\u0142adka <b><i>Zarz\u0105dzanie instancjami<\/i><\/b>), mo\u017cesz samodzielnie wprowadza\u0107 zmiany w takich aspektach jak:<\/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>wyb\u00f3r p\u00f3l, po kt\u00f3rych ma nast\u0105pi\u0107 wyszukiwanie, oraz ustalenie ich istotno\u015bci podczas wyszukiwania,<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>precyzyjne okre\u015blanie, czy pola powinny obs\u0142ugiwa\u0107 wyszukiwanie dok\u0142adne, wyszukiwanie w cudzys\u0142owie czy wyszukiwanie w wielu polach,<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>zarz\u0105dzanie sposobami sortowania produkt\u00f3w podczas wy\u015bwietlania,<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>budowanie w\u0142asnego menu fasetowego, czyli, inaczej m\u00f3wi\u0105c, z jakich p\u00f3l maj\u0105 by\u0107 budowane filtry na stronie SERP,<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>okre\u015blanie, w jaki spos\u00f3b maj\u0105 by\u0107 tworzone sugestie dla wpisanej frazy.<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Wszystkie te mo\u017cliwo\u015bci dost\u0119pne s\u0105 w panelu AI Smart Search V3. Dzi\u0119ki nim masz pe\u0142n\u0105 kontrol\u0119 nad procesem wyszukiwania i mo\u017cesz dostosowa\u0107 go do indywidualnych potrzeb swojego sklepu.<\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750339011\/eb8ecf5ca81093ef193c6088\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750339011\/eb8ecf5ca81093ef193c6088\/image.png' width='300' height='502' style='width:232px'><\/a><\/div>\n<div class='intercom-interblocks-subheading intercom-interblocks-align-left'>\n<h3 id='h_af44f3c00f'>Istotno\u015b\u0107 p\u00f3l<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Dzi\u0119ki tej zak\u0142adce mo\u017cesz wybra\u0107, kt\u00f3re pola maj\u0105 by\u0107 brane pod uwag\u0119 podczas procesu wyszukiwania oraz okre\u015bli\u0107, jakie wagi przypisa\u0107 poszczeg\u00f3lnym polom. <\/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>Dodatkowo, w tej zak\u0142adce mo\u017cliwe jest te\u017c okre\u015blenie, jakie rodzaje wyszukiwania maj\u0105 by\u0107 stosowane dla poszczeg\u00f3lnych p\u00f3l, co daje jeszcze wi\u0119ksz\u0105 kontrol\u0119 nad wynikami wyszukiwania:<\/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><b>Multimatch <\/b>\u2013 to metoda wyszukiwania, kt\u00f3ra pozwala na uwzgl\u0119dnienie wielu kryteri\u00f3w wyszukiwania, takich jak tre\u015b\u0107, tytu\u0142, opis i wiele innych. Dzi\u0119ki temu Twoi klienci maj\u0105 wi\u0119ksze szanse na znalezienie poszukiwanych produkt\u00f3w. Metoda ta jest szczeg\u00f3lnie polecana jest dla sklep\u00f3w internetowych, kt\u00f3re oferuj\u0105 szeroki wachlarz produkt\u00f3w, a klienci mog\u0105 szuka\u0107 produkt\u00f3w po r\u00f3\u017cnych kryteriach.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Exactsearch <\/b>\u2013 to metoda wyszukiwania, kt\u00f3ra skupia si\u0119 na dok\u0142adnym dopasowaniu wyszukiwanego wyra\u017cenia do nazwy produktu lub jego cech. Dzi\u0119ki temu Twoi klienci maj\u0105 wi\u0119ksz\u0105 pewno\u015b\u0107, \u017ce znajd\u0105 dok\u0142adnie to, czego szukaj\u0105, co jest szczeg\u00f3lnie wa\u017cne dla sklep\u00f3w internetowych, kt\u00f3re oferuj\u0105 produkty o specjalnych cechach lub o unikalnych nazwach.<\/p>\n<\/div>\n<\/li>\n<\/ul>\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><b>Fullmatch <\/b>\u2013 to metoda wyszukiwania, kt\u00f3ra wymaga dok\u0142adnego dopasowania wszystkich element\u00f3w wyszukiwanego wyra\u017cenia do nazwy produktu. Ta metoda jest idealna dla sklep\u00f3w internetowych, kt\u00f3re oferuj\u0105 produkty o unikalnych nazwach lub skr\u00f3tach, a klienci wiedz\u0105, czego dok\u0142adnie szukaj\u0105.<\/p>\n<\/div>\n<\/li>\n<\/ul>\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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750326679\/d37e319dc2c8a143db4a79f7\/ustawienia-wag.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750326679\/d37e319dc2c8a143db4a79f7\/ustawienia-wag.png' width='1285' height='557'><\/a><\/div>\n<div class='intercom-interblocks-subheading intercom-interblocks-align-left'>\n<h3 id='h_f2303c7678'>Menu fasetowe<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Menu fasetowe to rodzaj interfejsu, kt\u00f3ry umo\u017cliwia \u0142atwe filtrowanie. Dzi\u0119ki niemu mo\u017cesz dok\u0142adnie okre\u015bli\u0107, jakie elementy chcesz prezentowa\u0107 swoim klientom w wynikach wyszukiwania, a jakie chcesz wykluczy\u0107. To rozwi\u0105zanie szczeg\u00f3lnie przydatne w sklepach internetowych, serwisach z og\u0142oszeniami i innych aplikacjach, w kt\u00f3rych klienci szukaj\u0105 konkretnych informacji.<\/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 menu fasetowym masz do dyspozycji kilka rozwijanych list, w kt\u00f3rych wybierasz interesuj\u0105ce Ci\u0119 kategorie lub cechy element\u00f3w, np. kolor, mark\u0119, cen\u0119, rozmiar itp. Dzi\u0119ki temu proces szukania jest \u0142atwiejszy i bardziej precyzyjny. System umo\u017cliwia dodanie rodzaj\u00f3w obs\u0142ugiwanych i wy\u015bwietlanych filtr\u00f3w. <\/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>Aby doda\u0107 pole, wymagane s\u0105 nast\u0119puj\u0105ce informacje:<\/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>Pole -\u2013 pole z katalogu, kt\u00f3rego dotyczy filtr;<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Wy\u015bwietlana nazwa \u2013 nazwa, kt\u00f3ra s\u0142u\u017cy do wy\u015bwietlenia nazwy filtra;<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Funkcja<\/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>Suwak \u2013 u\u017cywana do p\u00f3l z zakresem cenowym<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Pole zaznaczenia \u2013 standardowe pole dla wi\u0119kszo\u015bci filtr\u00f3w<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Kategorie &#8211; u\u017cywane do budowania zagnie\u017cd\u017conych filtr\u00f3w kategorii<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Przyk\u0142ad zdefiniowanych filtr\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\/750331312\/358c64319231ca858dc05ecf\/zdefiniowane-filtry.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750331312\/358c64319231ca858dc05ecf\/zdefiniowane-filtry.png' width='1417' height='378' style='width:644px'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>i spos\u00f3b ich wy\u015bwietlania na froncie sklepu:<\/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\/750331662\/883a52862d2fdb362d71ae46\/filtry-na-froncie-sklepu.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750331662\/883a52862d2fdb362d71ae46\/filtry-na-froncie-sklepu.png' width='1300' height='889'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Ka\u017cda zmiana w panelu jest natychmiastowo odwzorowana na sklepie. Mo\u017cesz zarz\u0105dza\u0107 kolejno\u015bci\u0105 filtr\u00f3w lub dodawa\u0107\/usuwa\u0107 nowe pola do menu fasetowego.<\/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='h_1b900288a0'>Sortowanie<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Zak\u0142adka <b><i>Sortowanie <\/i><\/b>w panelu AI Smart Search V3 to narz\u0119dzie, kt\u00f3re pozwala Ci na \u0142atwe i precyzyjne zarz\u0105dzanie sposobami sortowania produkt\u00f3w w Twoim sklepie.<\/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>Dzi\u0119ki temu narz\u0119dziu, mo\u017cesz dostosowa\u0107 wyniki wyszukiwania do swoich indywidualnych potrzeb, a to z kolei przek\u0142ada si\u0119 na lepsze do\u015bwiadczenie zakupowe dla Twoich klient\u00f3w. Proces sortowania wynik\u00f3w jest kluczowy dla skutecznej wyszukiwarki e\u2011commerce, a dzi\u0119ki zak\u0142adce <b><i>Sortowanie <\/i><\/b>w panelu AI Smart Search V3, proces ten jest nie tylko \u0142atwy i intuicyjny, ale tak\u017ce niezwykle elastyczny i dostosowywalny.<\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750333942\/deab759157a220f56f7dfa1a\/sortowanie.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750333942\/deab759157a220f56f7dfa1a\/sortowanie.png' width='1287' height='594'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Mo\u017cesz ustali\u0107 tu:<\/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>Nazw\u0119 sortowania \u2013 unikalna nazwa sortowania, kt\u00f3ra podczas wykonywania requestu rozpoznaje rodzaj wymaganego sortowania;<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Etykieta sortowania \u2013 etykieta s\u0142u\u017cy do wy\u015bwietlenia nazwy sortowania na stronie wynik\u00f3w wyszukiwania;<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Typ sortowania \u2013 pozwala na sprecyzowanie, w jaki spos\u00f3b zwracane produkty maj\u0105 by\u0107 sortowane:<\/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>Domy\u015blnie \u2013 sortowanie po scoringu produkt\u00f3w zwr\u00f3conych z wynik\u00f3w sortowania<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Wed\u0142ug pola \u2013 wska\u017c pole, po jakim ma odby\u0107 si\u0119 sortowanie<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Wed\u0142ug skryptu \u2013 mo\u017cliwo\u015b\u0107 dodania w\u0142asnego skryptu sortuj\u0105cego (wymaga konsultacji z dzia\u0142em IT QON)<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Sprzeda\u017c<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Konwersja<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Popularno\u015b\u0107 produktu<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Dodatkowe ustawienia \u2013 dla p\u00f3l wymagaj\u0105cych dodatkowe ustawienia tu pojawia si\u0119 pole wyboru;<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Kolejno\u015b\u0107 \u2013 rodzaj sortowania \u2013 czy malej\u0105cy czy rosn\u0105cy;<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Akcje \u2013 w tym polu mo\u017cesz zmieni\u0107 kolejno\u015b\u0107 wy\u015bwietlania obiekt\u00f3w sortowania.<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-subheading intercom-interblocks-align-left'>\n<h3 id='h_e373790daf'>Sugestie<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Funkcjonalno\u015b\u0107 <b><i>Sugestie <\/i><\/b>pozwala na okre\u015blenie sposobu generowania sugestii dla wpisywanej frazy. Dzi\u0119ki niej mo\u017cna w prosty spos\u00f3b ustawi\u0107 algorytmy, kt\u00f3re odpowiadaj\u0105 za wy\u015bwietlanie propozycji dopasowanych do wpisanej frazy. W efekcie, Twoi klienci \u0142atwiej znajd\u0105 to, czego szukaj\u0105, co wp\u0142ynie pozytywnie na ich zadowolenie z korzystania z Twojej strony.<\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750340090\/e85be32f856a7144cfc53622\/sugestie-onfocus.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750340090\/e85be32f856a7144cfc53622\/sugestie-onfocus.png' width='942' height='631'><\/a><\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750336873\/2bc7b1001ce279e5e109f6d6\/ustwienia-sugestii.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750336873\/2bc7b1001ce279e5e109f6d6\/ustwienia-sugestii.png' width='1621' height='680'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>W zak\u0142adce <b><i>Sugestie <\/i><\/b>wska\u017c, z jakich p\u00f3l maj\u0105 by\u0107 generowane sugestie. <\/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>Standardowo sugestie generuj\u0105 si\u0119 z pola <i>suggestions<\/i>. Sugestie te zwracane s\u0105 z tytu\u0142u produktu, odpowiednio odfiltrowane. <\/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>Dodaj\u0105c dodatkowe pola do sugestii, po przetworzeniu katalogu, pola ta b\u0119d\u0105 uwzgl\u0119dniane podczas wy\u015bwietlania w sugestiach.<\/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>Wskazuj\u0105c pole title i kolor dla swojego produktu, w sugestiach pojawi\u0105 si\u0119 w\u0142a\u015bnie te warto\u015bci.<\/p>\n<\/div>\n<div class='intercom-interblocks-horizontal-rule'>\n<hr>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_0518bccfa2'>5. Testowanie<\/h2>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Aby umo\u017cliwi\u0107 testowanie wyszukiwarki w spos\u00f3b zbli\u017cony do wdro\u017cenia produkcyjnego, udost\u0119pnili\u015bmy wersj\u0119 demo, kt\u00f3ra umo\u017cliwia korzystanie ze swojej instancji wyszukiwarki po wprowadzeniu danych autoryzacyjnych, ale przed jej fizycznym wdro\u017ceniem na sklep.<\/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><b>Demo znajduje si\u0119 po linkiem: <a href='https:\/\/cdn.quartic.com.pl\/search\/v3\/index.html' rel='nofollow noopener noreferrer' target='_blank'>https:\/\/cdn.quartic.com.pl\/search\/v3\/index.html<\/a>.<\/b><\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750342038\/b40ee5cd57340d5e645dc83c\/demo.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750342038\/b40ee5cd57340d5e645dc83c\/demo.png' width='1246' height='725'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Przy pierwszej wyzycie zostaniesz poproszony o podanie danych do autoryzacji:<\/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><b>customerSymbol <\/b>\u2013 unikalny symbol klienta w Quarticon, kt\u00f3ry znajdziesz w zak\u0142adce <b><i>Dost\u0119p do API<\/i> -&gt; <i>Klucze dost\u0119pu<\/i><\/b><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>searchId <\/b>\u2013 unikalny identyfikator wyszukiwarki, kt\u00f3ry znajdziesz w zak\u0142adce <b><i>Instancje Wyszukiwarek<\/i><\/b><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>apiKey <\/b>&#8211; unikalny klucz dost\u0119pu do API w QaurticOn, kt\u00f3ry znajdziesz w zak\u0142adce <b><i>Dost\u0119p do API<\/i> -&gt; <i>Klucze dost\u0119pu<\/i><\/b><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Po podaniu danych autoryzacyjnych, strona prze\u0142aduje si\u0119, a wyszukiwarka zacznie dzia\u0142a\u0107 w oparciu o Tw\u00f3j katalog i Twoje ustawienia z panelu.<\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750343229\/e3d985a4864ce60f8fb2201e\/demo-dziala.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/750343229\/e3d985a4864ce60f8fb2201e\/demo-dziala.png' width='1434' height='913'><\/a><\/div>\n<div class='intercom-interblocks-horizontal-rule'>\n<hr>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_1c501eb094'>6. Opis endpoint\u00f3w wraz z dokumentacj\u0105 i przyk\u0142adami<br \/> <\/h2>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Opis dost\u0119pnych endpoint\u00f3w, jest dost\u0119pny w naszej dokumentacji: <a href='https:\/\/orion.quarticon.com\/docs\/index.html' rel='nofollow noopener noreferrer' target='_blank'>SmartSearch Qon API<\/a>.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-horizontal-rule'>\n<hr>\n<\/div>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_5ddd4e365c'> 7. Budowa frontu aplikacji krok po kroku<\/h2>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Poni\u017cej przedstawiamy nazewnictwo poszczeg\u00f3lnych element\u00f3w wyszukiwarki oraz czynno\u015bci, jakie nale\u017cy wykona\u0107 podczas implementacji ich na swojej stronie.<\/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='h_994974705e'>Onfocus<\/h3>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751609008\/ac893a2f5833303388b5ead3\/onfocus.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751609008\/ac893a2f5833303388b5ead3\/onfocus.png' width='926' height='630'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Onfocus<\/b> to okno, kt\u00f3re pojawia si\u0119 po klikni\u0119ciu w pole wyszukiwarki, jeszcze zanim u\u017cytkownik cokolwiek w nie wpisze. <\/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>Onfocus zawiera najcz\u0119\u015bciej <b>Popularny frazy<\/b> wpisywane przez u\u017cytkownik\u00f3w, <b>Popularne produkty<\/b>, oraz <b>Ostatnio wyszukiwane.<\/b><\/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><b>Popularne frazy<\/b> to zaagregowane frazy wpisywane przez u\u017cytkownik\u00f3w sklepu (liczb\u0119 w DEMO wy\u015bwietlamy w celach reprezentacyjnych). Podpowiadaj\u0105 co u\u017cytkownicy wyszukuj\u0105 oraz jakie s\u0105 obecne trendy w sklepie.<\/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><b>Popularne produkty<\/b> to produkty z logik\u0105 Twojego wyboru. Mog\u0105 to by\u0107:<\/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>Najcz\u0119\u015bciej ogl\u0105dane produkty<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Najcz\u0119\u015bciej klikane produkty<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Najcz\u0119\u015bciej kupowane produkty<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Dane agregowane mog\u0105 by\u0107 do poni\u017cszych okres\u00f3w:<\/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>z ostatniego dnia<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>z ostatniego tygodnia<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>z ostatnich dw\u00f3ch tygodni<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>z ostatniego miesi\u0105ca<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Sekcja <b>Ostatnio Wyszukiwane<\/b> jest w trakcie implementacji.<\/p>\n<\/div>\n<div class='intercom-interblocks-table'>\n<table>\n<tbody>\n<tr>\n<td style='background-color:#d7efdc80'>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Innym przyk\u0142adem uk\u0142adu okna na onfocus jest uk\u0142ad 3-modu\u0142owy, kt\u00f3ry zawiera:<\/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><b>Lewy modu\u0142<\/b><\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Poopularne frazy<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Popularne kategorie<\/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><b>\u015arodkowy modu\u0142<\/b><\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Bestseller<\/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><b>Prawy modu\u0142<\/b><br \/>Pozosta\u0142e bestsellery lub inne promowane produkty<\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class='intercom-interblocks-subheading3 intercom-interblocks-align-left'>\n<h4 id='h_2ebd48c741'>Wdro\u017cenie onfocus<\/h4>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Przyk\u0142adowy kod wykorzystany w naszym DEMO (patrz rozdzia\u0142 <b><i><a href='#h_54fb98b108'>8. Przyk\u0142ady kodu JavaScript dla integracji SmartSearch<\/a><\/i><\/b>), implementuje onfocus na inpucie wyszukiwarki wraz z popularnymi frazami i popularnymi produktami:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-code'>\n<pre>\/\/Skonfiguruj Instancj\u0119, dodaj\u0105 customerSymbol, Search Id, oraz Api Key \/\/Skonfiguruj Instancj\u0119, dodaj\u0105 customerSymbol, Search Id, oraz Api Key<br>const SmartSearchConfiguration = new SmartSearch('CUSTOMER_SYMBOL', 'SEARCH_ID', 'API_KEY')<br><br>\/\/ na stronach, na kt\u00f3rych chcesz uruchomi\u0107 autocomplete:<br> new Autocomplete(SmartSearchConfiguration)<br> .setSerpUrl('\/serp.html'') \/\/ wska\u017c na jakiej stronie zaimplementujesz serp<br> .init()<\/pre>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-subheading3 intercom-interblocks-align-left'>\n<h4 id='h_d051cb353a'>Implementacja krok po kroku<\/h4>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Aby samodzielnie zaimplementowa\u0107 onfocus, wykonaj poni\u017csze czynno\u015bci:<\/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>Dodaj input (pole) wyszukiwarki<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Dodaj zdarzenie, kt\u00f3re po klikni\u0119ciu w input, wy\u015bwietli okno onfocus<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Skorzystaj z endpoint\u00f3w, aby pobra\u0107 dane i dodaj je do okna onfocus:<\/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><b>Popularne frazy<\/b><\/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>endpoint zwracaj\u0105cy popularne frazy to:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><code>https:\/\/orion.quarticon.com\/searchapi\/CUSTOMER_SYMBOL\/SEARCH_ID\/queries\/popular<\/code><\/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>przyk\u0142ad w JavaScript (przyk\u0142ad nie posiada uzupe\u0142nionych danych autoryzacyjnych):<\/p>\n<\/div>\n<div class='intercom-interblocks-code'>\n<pre>var data = new FormData();<br><br>var xhr = new XMLHttpRequest();<br>xhr.withCredentials = false;<br><br>xhr.addEventListener('readystatechange', function() {<br> if(this.readyState === 4) {<br> console.log(this.responseText);<br> }<br>});<br><br>xhr.open('GET', 'https:\/\/orion.quarticon.com\/searchapi\/CUSTOMER_SYMBOL\/SEARCH_ID\/queries\/popular');<br>xhr.setRequestHeader('Api-key', 'API-KEY');<br><br>xhr.send(data);<\/pre>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>endpoint zwr\u00f3ci dane w formacie:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-code'>\n<pre>{<br> 'meta': {<br> 'version': '1.0',<br> 'requestId': 'bd8a6370a686b516c5b7c86beb99ef65',<br> 'debugKey': '12bdbd54-c427-4490-aff6-588adc92d6d4'<br> },<br> 'queries': [<br> {<br> 'query': 'bluza niebieska',<br> 'count': 529<br> },<br> {<br> 'query': 'bluza palto',<br> 'count': 420<br> },<br> {<br> 'query': 'niebieski bluza z kapturem',<br> 'count': 419<br> }<br> ]<br>}<\/pre>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>wi\u0119cej o endpointach znajdziesz w naszej dokumentacji: <a href='https:\/\/orion.quarticon.com\/docs\/index.html' rel='nofollow noopener noreferrer' target='_blank'>SmartSearch Qon API<\/a><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Popularne produkty<\/b><\/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>endpoint zwracaj\u0105cy produkty to<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><code>https:\/\/orion.quarticon.com\/searchapi\/CUSTOMER_SYMBOL\/SEARCH_ID\/results<\/code><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>aby zwr\u00f3ci\u0107 produkty popularne nale\u017cy przekaza\u0107 w paylod typ sortowania, np:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751617167\/1ced2c51ff1e8c23f0e5eec8\/typ-sortowania-onfocus.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751617167\/1ced2c51ff1e8c23f0e5eec8\/typ-sortowania-onfocus.png' width='1602' height='815' style='width:583px'><\/a><\/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>w panelu ustawione jest sortowanie <b>mostClicked<\/b>, czyli najcz\u0119\u015bciej klikane produkty z tygodnia<\/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>dla tego typu <b>sortowania <\/b>nale\u017cy w payload requestu przekaza\u0107 <b>mostClicked:<\/b><\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><code>s=mostClicked<\/code><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>przyk\u0142ad w JavaScript (przyk\u0142ad nie posiada uzupe\u0142nionych danych autoryzacyjnych):<\/p>\n<\/div>\n<div class='intercom-interblocks-code'>\n<pre>var data = new FormData();<br><br>var xhr = new XMLHttpRequest();<br>xhr.withCredentials = false;<br><br>xhr.addEventListener('readystatechange', function() {<br> if(this.readyState === 4) {<br> console.log(this.responseText);<br> }<br>});<br><br>xhr.open('GET', 'https:\/\/orion.quarticon.com\/searchapi\/CUSTOMER_SYMBOL\/SEARCH_ID\/results?s=mostClicked');<br>xhr.setRequestHeader('Api-key', 'API_KEY');<br><br>xhr.send(data);<\/pre>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>endpoint zwr\u00f3ci dane w formacie:<br \/>\u200b<\/p>\n<\/div>\n<div class='intercom-interblocks-code'>\n<pre>{<br> 'meta': {<br> 'version': '1.0',<br> 'total': 8354,<br> 'totalPage': 349,<br> 'timedOut': false,<br> 'uid': null,<br> 'query': '',<br> 'page': 0,<br> 'filters': [],<br> 'price': {<br> 'min': null,<br> 'max': null<br> },<br> 'sort': 'mostClicked',<br> 'requestId': 'b63d86328191d8c51c958b02c3e68519',<br> 'debugKey': '26f5778f-51b8-424d-9a0b-b73becb775ac'<br> },<br> 'links': {},<br> 'products': [<br> {<br> 'id': 'besfj007c1',<br> 'price': 299,<br> 'link': 'https:\/\/page.pl\/belutti-sfj-007-c1.html',<br> 'link_click': 'http:\/\/orion.quarticon.com\/restapi\/beb3190e764bb95d\/search\/59c90df0ddd36c5fc38c772fdc48ab36\/redirect\/besfj007c1\/b63d86328191d8c51c958b02c3e68519\/aHR0cHM6Ly9rb2Rhbm8ucGwvYmVsdXR0aS1zZmotMDA3LWMxLmh0bWw=',<br> 'title': 'Belutti SFJ 007 C1',<br> 'variants': [<br> {<br> 'image_link': 'http:\/\/page.pl\/media\/catalog\/product\/8\/0\/8049_1_2.jpg',<br> 'link': 'https:\/\/page.pl\/belutti-sfj-007-c1.html',<br> 'product_details_material': 'plastikowe',<br> 'availability': 'In Stock',<br> 'title': 'Belutti SFJ 007 C1',<br> 'condition': 'new',<br> 'product_details_typ_produktu': 'Okulary przeciws\u0142oneczne',<br> 'product_details_ksztalt': 'Owalne',<br> 'price': 299,<br> 'product_details_rodzaj': 'pe\u0142ne',<br> 'product_details_kolor': [<br> 'czarny',<br> 'br\u0105zowy'<br> ],<br> 'suggestions': [<br> 'belutti',<br> 'sfj'<br> ],<br> 'categories': [<br> 'Okulary',<br> 'Okulary przeciws\u0142oneczne'<br> ],<br> 'brand': 'Belutti'<br> }<br> ]<br> }<br> ]<br>}<\/pre>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>wi\u0119cej o endpointach znajdziesz w naszej dokumentacji: <a href='https:\/\/orion.quarticon.com\/docs\/index.html' rel='nofollow noopener noreferrer' target='_blank'>SmartSearch Qon API<\/a><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Ostatnio wyszukiwane<\/b> (w trakcie implementacji, kroki zostan\u0105 uzupe\u0142nione).<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\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='h_d3426dcb81'>Autocomplete<\/h3>\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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751619176\/913d11de3aa5946b89a763fa\/autocomplete-api.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751619176\/913d11de3aa5946b89a763fa\/autocomplete-api.png' width='934' height='628'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Autocomplete<\/b> to swego rodzaju pop-up, kt\u00f3ry wy\u015bwietla si\u0119 po wpisaniu frazy w pole wyszukiwarki. Autocomplete zawiera najcz\u0119\u015bciej podpowiedzi fraz (tzw. sugestie) oraz produkty w formie mini listy. Zawiera te\u017c przycisk, kt\u00f3ry przekierowuje do pe\u0142nej listy wynik\u00f3w wyszukiwania SERP.<\/p>\n<\/div>\n<div class='intercom-interblocks-table'>\n<table>\n<tbody>\n<tr>\n<td style='background-color:#d7efdc80'>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Innym przyk\u0142adem uk\u0142adu okna na onfocus jest uk\u0142ad 3-modu\u0142owy, kt\u00f3ry zawiera:<\/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><b>Lewy modu\u0142<\/b><br \/>Sugerowane frazy<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>\u200b<b>\u015arodkowy modu\u0142<\/b><\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Bestseller z wyszukanych produkt\u00f3w<\/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><b>Prawy modu\u0142<\/b><\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Wyszukane produkty<\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class='intercom-interblocks-subheading3 intercom-interblocks-align-left'>\n<h4 id='h_62cd311053'>Wdro\u017cenie autocomplete<\/h4>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Przyk\u0142adowy kod wykorzystany w naszym DEMO (patrz rozdzia\u0142 <b><i><a href='#h_54fb98b108'>8. Przyk\u0142ady kodu JavaScript dla integracji SmartSearch<\/a><\/i><\/b>) implementuje Autocomplete na inpucie wyszukiwarki, jak na screenie wy\u017cej.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-code'>\n<pre>\/\/Skonfiguruj Instancj\u0119, dodaj\u0105 customerSymbol, Search Id, oraz Api Key<br>const SmartSearchConfiguration = new SmartSearch('CUSTOMER_SYMBOL', 'SEARCH_ID', 'API_KEY')<br><br>\/\/ na stronach, na kt\u00f3rych chcesz uruchomi\u0107 autocomplete:<br> new Autocomplete(SmartSearchConfiguration)<br> .setSerpUrl('\/serp.html'') \/\/ wska\u017c na jakiej stronie zaimplementujesz serp<br> .init()<\/pre>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-subheading3 intercom-interblocks-align-left'>\n<h4 id='h_34d0729c86'>Implementacja krok po kroku<\/h4>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Aby samodzielnie zaimplementowa\u0107 Autocomplete, wykonaj poni\u017csze czynno\u015bci:<\/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>Dodaj input wyszukiwarki (o ile nie zosta\u0142 dodany w poprzednim punkcie).<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Dodaj zdarzenie, kt\u00f3re po wpisaniu frazy w input (odpowiednio d\u0142ugiej) wykona odpowiednie zapytania:<\/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>pobierze Sugestie dla wpisanej frazy<\/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>endpoint <code>https:\/\/orion.quarticon.com\/searchapi\/CUSTOMER_SYMBOL\/SEARCH_ID\/suggestions<\/code><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>przyk\u0142adowy kod JavaScript dla requestu POST:<br \/>\u200b<\/p>\n<\/div>\n<div class='intercom-interblocks-code'>\n<pre>var data = new FormData();<br>data.append('q', 'czerwona');<br><br>var xhr = new XMLHttpRequest();<br>xhr.withCredentials = false;<br><br>xhr.addEventListener('readystatechange', function() {<br> if(this.readyState === 4) {<br> console.log(this.responseText);<br> }<br>});<br><br>xhr.open('POST', 'https:\/\/orion.quarticon.com\/searchapi\/CUSTOMER_SYMBOL\/SEARCH_ID\/suggestions');<br>xhr.setRequestHeader('Api-key', 'API_KEY');<br><br>xhr.send(data);<\/pre>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>endpoint zwr\u00f3ci dane w formacie<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-code'>\n<pre>{<br> 'meta': {<br> 'version': '1.0',<br> 'total': 141,<br> 'sort': 'default',<br> 'requestId': '0b4c23ad4034cc8de4837778a46b65a1',<br> 'query': 'czerwona',<br> 'debugKey': '28b68d25-3d36-44d6-81e6-d1493864a000'<br> },<br> 'suggestions': [<br> {<br> 'czerwona czapka': {<br> 'count': 36<br> },<br> 'czerwona zimowa': {<br> 'count': 16<br> },<br> 'czerwona new': {<br> 'count': 12<br> },<br> 'czerwona blat': {<br> 'count': 11<br> },<br> 'czerwona era': {<br> 'count': 9<br> },<br> 'czerwona 9forty': {<br> 'count': 8<br> },<br> 'czerwona bluza': {<br> 'count': 8<br> },<br> 'czerwona logo': {<br> 'count': 8<br> },<br> 'czerwona okulary': {<br> 'count': 8<br> }<br> }<br> ]<br>}<\/pre>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>pobierze wyniki wyszukania dla wpisanej frazy<\/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>endpoint zwracaj\u0105cy produkty to<\/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><code>https:\/\/orion.quarticon.com\/searchapi\/CUSTOMER_SYMBOL\/SEARCH_ID\/results<\/code><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>endpoint zwr\u00f3ci dane w formacie:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-code'>\n<pre>{<br> 'meta': {<br> 'version': '1.0',<br> 'total': 8354,<br> 'totalPage': 349,<br> 'timedOut': false,<br> 'uid': null,<br> 'query': '',<br> 'page': 0,<br> 'filters': [],<br> 'price': {<br> 'min': null,<br> 'max': null<br> },<br> 'sort': 'default',<br> 'requestId': 'b63d86328191d8c51c958b02c3e68519',<br> 'debugKey': '26f5778f-51b8-424d-9a0b-b73becb775ac'<br> },<br> 'links': {<br> '},<br> 'products': [<br> {<br> 'id': '15743',<br> 'price': 39,<br> 'link': 'https:\/\/page.pl\/czapka-metoda-fullcap',<br> 'link_click': 'http:\/\/orion.quarticon.com\/restapi\/CUSTOMER_SYMBOL\/search\/SEARCH_ID\/redirect\/15743\/377938fd3c3ac6826370666e4915c735\/aHR0cHM6Ly9zZWxlY3RzaG9wLnBsL2N6YXBrYS1tZXRvZGEtZnVsbGNhcA==',<br> 'title': 'Czapka Metoda Sport Fullcap',<br> 'variants': [<br> {<br> 'image_link': 'https:\/\/page.pl\/modpub\/product\/042015\/15743-13cbe4.jpg',<br> 'color': 'Czerwony\/bordowy',<br> 'size': 'XL',<br> 'price': 39,<br> 'link': 'https:\/\/page.pl\/czapka-metoda-fullcap',<br> 'suggestions': [<br> 'czapka',<br> 'metoda',<br> 'sport',<br> 'fullcap'<br> ],<br> 'categories': [<br> 'Czapki',<br> 'Czapki z daszkiem'<br> ],<br> 'availability': 'in stock',<br> 'title': 'Czapka Metoda Sport Fullcap',<br> 'brand': 'Metoda Sport'<br> }<br> ]<br> }<br> ]<br>}<\/pre>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>wi\u0119cej o endpointach znajdziesz w naszej dokumentacji: <a href='https:\/\/orion.quarticon.com\/docs\/index.html' rel='nofollow noopener noreferrer' target='_blank'>SmartSearch Qon API<\/a><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>System wy\u015bwietli wyniki wyszukiwania i sugestie w <b>Autocomplete<\/b>.<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Nast\u0119pnie dodaj:<\/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>przycisk, kt\u00f3ry przekieruje u\u017cytkownika na pe\u0142n\u0105 stron\u0119 wynik\u00f3w wyszukiwania (<b>SERP<\/b>)<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>zdarzenie, kt\u00f3re przekieruj\u0105 u\u017cytkownika na stron\u0119 <b>SERP <\/b>r\u00f3wnie\u017c po klikni\u0119ciu <b>ENTER<\/b><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Przyk\u0142adowy Autocomplete mo\u017ce wygl\u0105da\u0107 tak:<\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751623254\/304063e9bad3a4be4ca93be8\/przykladowy-autocomplete.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751623254\/304063e9bad3a4be4ca93be8\/przykladowy-autocomplete.png' width='934' height='628'><\/a><\/div>\n<div class='intercom-interblocks-subheading intercom-interblocks-align-left'>\n<h3 id='h_754fcd4322'>SERP, czyli strona pe\u0142nych wynik\u00f3w wyszukiwania<\/h3>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751623794\/28b8e1eaba669589a4f00c5b\/serp-ss-api.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751623794\/28b8e1eaba669589a4f00c5b\/serp-ss-api.png' width='1364' height='898'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>SERP<\/b> to strona, na kt\u00f3rej u\u017cytkownik widzi wszystkie wyniki wyszukiwania wraz z mo\u017cliwo\u015bci\u0105 ich sortowania, filtrowania czy przej\u015bcia pomi\u0119dzy kolejnymi stronami wynik\u00f3w wyszukiwania.<\/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>Przyk\u0142adowy kod wykorzystany w naszym DEMO (patrz rozdzia\u0142 <b><i><a href='#h_54fb98b108'>8. Przyk\u0142ady kodu JavaScript dla integracji SmartSearch<\/a><\/i><\/b>), kt\u00f3ry implementuje SERP:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-code'>\n<pre>\/\/Skonfiguruj Instancj\u0119, dodaj\u0105c customerSymbol, Search Id, oraz Api Key<br>const SmartSearchConfiguration = new SmartSearch('CUSTOMER_SYMBOL', 'SEARCH_ID', 'API_KEY')<br><br> \/\/ na stronach, na kt\u00f3rych chcesz uruchomi\u0107 serp<br> new Serp(SmartSearchConfiguration)<br> .init()<\/pre>\n<\/div>\n<div class='intercom-interblocks-subheading3 intercom-interblocks-align-left'>\n<h4 id='h_6256c60f6b'>Implementacja krok po kroku:<\/h4>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Aby samodzielnie zaimplementowa\u0107 SERP, nale\u017cy skorzysta\u0107 z odpowiednich endpoint\u00f3w:<\/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>Endpoint <b>Results,<\/b> kt\u00f3ry zwr\u00f3ci wyniki wyszukania dla query:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><code>https:\/\/orion.quarticon.com\/searchapi\/CUSTOMER_SYMBOL\/SEARCH_ID\/results<\/code><\/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>Endpoint ten odpowie w poni\u017cszy spos\u00f3b<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-code'>\n<pre>{<br> 'meta': {<br> 'version': '1.0',<br> 'total': 2,<br> 'totalPage': 1,<br> 'timedOut': false,<br> 'uid': null,<br> 'query': 'czerwona czapka',<br> 'page': 0,<br> 'filters': {},<br> 'price': {},<br> 'sort': 'default',<br> 'requestId': 'e3d8caab120fb5b42d5c500d7e4efedc',<br> 'debugKey': '8b318a5c-6549-4d75-ab8c-176d1a8c84fe'<br> },<br> 'links': {<br> },<br> 'products': [<br> {<br> 'id': '271895',<br> 'price': 51.9,<br> 'link': 'https:\/\/page.pl\/czapka-palto-label-maroon',<br> 'link_click': 'http:\/\/orion.quarticon.com\/restapi\/CUSTOMER_SYMBOL\/search\/SEARCH_ID\/redirect\/271895\/e3d8caab120fb5b42d5c500d7e4efedc\/aHR0cHM6Ly9zZWxlY3RzaG9wLnBsL2N6YXBrYS1wYWx0by1sYWJlbC1tYXJvb24=',<br> 'title': 'Czapka Zimowa Palto Label',<br> 'variants': [<br> {<br> 'image_link': 'https:\/\/page.pl\/modpub\/product\/112021\/271895-3a8881.jpg',<br> 'color': 'Czerwony\/bordowy',<br> 'size': 'UNI',<br> 'price': 51.9,<br> 'link': 'https:\/\/page.pl\/czapka-palto-label-maroon',<br> 'suggestions': [<br> 'czapka',<br> 'zimowa',<br> 'palto',<br> 'label'<br> ],<br> 'categories': [<br> 'Czapki',<br> 'Czapki zimowe'<br> ],<br> 'availability': 'in stock',<br> 'title': 'Czapka Zimowa Palto Label',<br> 'brand': 'Palto'<br> }<br> ]<br> }<br> ]<br>}<\/pre>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Endpoint <b>Sort<\/b>, kt\u00f3ry zwr\u00f3ci ustawione w panelu typy sortowa\u0144 dost\u0119pnych dla u\u017cytkownik\u00f3w:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><code>https:\/\/orion.quarticon.com\/searchapi\/CUSTOMER_SYMBOL\/SEARCH_ID\/sort<\/code><\/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>endpoint zwr\u00f3ci sortowania w formie, jak poni\u017cej<br \/>\u200b<\/p>\n<\/div>\n<div class='intercom-interblocks-code'>\n<pre>{<br> 'meta': {<br> 'version': '1.0',<br> 'requestId': '8de2883fe183b6870f4dcb9cd4cafd2f',<br> 'debugKey': '7c593307-cc64-4b12-822f-ce7040658600'<br> },<br> 'sort': [<br> {<br> 'name': 'default',<br> 'label': 'Domy\u015blne',<br> 'position': 1<br> },<br> {<br> 'name': 'bestsellers',<br> 'label': 'Bestsellery',<br> 'position': 2<br> },<br> {<br> 'name': 'titleAsc',<br> 'label': 'Po tytule rosn\u0105co',<br> 'position': 3<br> },<br> {<br> 'name': 'titleDsc',<br> 'label': 'Po tytule malej\u0105co',<br> 'position': 4<br> },<br> {<br> 'name': 'score',<br> 'label': 'po score malej\u0105co',<br> 'position': 5<br> }<br> ]<br>}<\/pre>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Wa\u017cne! <\/b>Aby sortowa\u0107 wyniki wyszukania, id sortowania w polu <b>name <\/b>nale\u017cy przekazywa\u0107 do parametru <b>s.<\/b><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Endpoint <b>Aggregations, <\/b>kt\u00f3ry zwr\u00f3ci ustawione w panelu filtry dla \u017c\u0105danego query:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><code>https:\/\/orion.quarticon.com\/searchapi\/CUSTOMER_SYMBOL\/SEARCH_ID\/aggregations?q=QUERY<\/code><\/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>endpoint zwr\u00f3ci dane, jak poni\u017cej:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-code'>\n<pre>{<br> 'Cena': {<br> 'field': 'price',<br> 'label': 'Cena',<br> 'type': 'range',<br> 'data': {<br> 'min': 19,<br> 'max': 799<br> }<br> },<br> 'Marka produktu': {<br> 'field': 'brand',<br> 'label': 'Marka produktu',<br> 'type': 'checkbox',<br> 'data': {<br> '2005': {<br> 'count': 28<br> },<br><br> 'Mini Logo Skateboards': {<br> 'count': 6<br> },<br> 'JoyRide': {<br> 'count': 5<br> },<br><br> 'Premiere': {<br> 'count': 2<br> },<br> 'Primitive': {<br> 'count': 2<br> },<br> 'Silver Skateboarding': {<br> 'count': 2<br> },<br> 'Tensor Trucks': {<br> 'count': 2<br> },<br><br> }<br> },<br> 'Kolor produktu': {<br> 'field': 'color',<br> 'label': 'Kolor produktu',<br> 'type': 'checkbox',<br> 'data': {<br> 'Czarny': {<br> 'count': 311<br> },<br> 'Czerwony\/bordowy': {<br> 'count': 141<br> },<br> 'Zielony': {<br> 'count': 73<br> },<br><br> 'R\u00f3\u017cowy\/\u0141ososiowy': {<br> 'count': 24<br> },<br> '\u017b\u00f3\u0142ty': {<br> 'count': 19<br> },<br><br> 'Z\u0142oty': {<br> 'count': 1<br> }<br> }<br> }<br>}<\/pre>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\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>wi\u0119cej o endpointach znajdziesz w naszej dokumentacji: <a href='https:\/\/orion.quarticon.com\/docs\/index.html' rel='nofollow noopener noreferrer' target='_blank'>SmartSearch Qon API<\/a><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-subheading3 intercom-interblocks-align-left'>\n<h4 id='h_2ad4d71b8d'>Implementacja wynik\u00f3w wyszukiwania<\/h4>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Dla \u017c\u0105danego query nale\u017cy pobra\u0107 wyniki wyszukiwania z endpointu <b>results<\/b>, a nast\u0119pnie doda\u0107 wyniki do struktury HTML strony:<\/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\/751626741\/ed9e4174ee2fa6127de3a498\/implementacja-wyniow-wyszukiwania.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751626741\/ed9e4174ee2fa6127de3a498\/implementacja-wyniow-wyszukiwania.png' width='966' height='701'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Zaimplementuj paginacj\u0119. Liczb\u0119 produkt\u00f3w per strona mo\u017cesz zmieni\u0107 w panelu.<\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751627048\/147cd0a87ce9c062b7f0fec5\/paginacja.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751627048\/147cd0a87ce9c062b7f0fec5\/paginacja.png' width='1066' height='514'><\/a><\/div>\n<div class='intercom-interblocks-subheading3 intercom-interblocks-align-left'>\n<h4 id='h_5423e50c80'>Implementacja <b>opcji sortowania<\/b> <\/h4>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751627548\/02888b73fb8bc00540e2945f\/opcje-sortowania-implementacja.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751627548\/02888b73fb8bc00540e2945f\/opcje-sortowania-implementacja.png' width='1043' height='463'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Skorzystaj z endpointu <b>Sort<\/b>, kt\u00f3ry zwr\u00f3ci ustawione w panelu opcje sortowa\u0144. Wy\u015bwietl w strukturze HTML jako <i>select<\/i>, a nast\u0119pnie dodaj zdarzenie, kt\u00f3re po zmianie opcji sortowania, uwzgl\u0119dni typ sortowania podczas zapytania o wyniki wyszukania.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-subheading3 intercom-interblocks-align-left'>\n<h4 id='h_32436b3546'>Implementacja filtr\u00f3w<\/h4>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751628028\/4f3f20dfe04cdb3c9c4e3e00\/filtry-implementacja.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751628028\/4f3f20dfe04cdb3c9c4e3e00\/filtry-implementacja.png' width='322' height='895'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Skorzystaj z endpointu <b>Aggregations<\/b>, kt\u00f3ry zwraca wyniki dla \u017c\u0105danego query, a nast\u0119pnie dodaj filtry w HTML strony.<\/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>Nast\u0119pnie nale\u017cy doda\u0107 eventy, kt\u00f3re obs\u0142u\u017c\u0105 klikni\u0119cie w zadany filtr i przeka\u017c\u0105 go do zapytania, aby endpoint <b>results<\/b>, zwr\u00f3ci\u0142 produkty wyfiltrowane do zaznaczonego filtra.<\/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>Pami\u0119taj te\u017c, aby oznaczy\u0107 filtry, kt\u00f3re u\u017cytkownik ma ju\u017c zaznaczone:<\/p>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751628508\/429c968e8ec9b8f0c23d0d53\/wyczysc-filtry.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751628508\/429c968e8ec9b8f0c23d0d53\/wyczysc-filtry.png' width='309' height='541'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Dodaj te\u017c przycisk, kt\u00f3ry umo\u017cliwi wyczyszczenie filtr\u00f3w.<\/p>\n<\/div>\n<div class='intercom-interblocks-horizontal-rule'>\n<hr>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_54fb98b108'>8. Przyk\u0142ady kodu JavaScript dla integracji AI Smart Search<\/h2>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Przygotowali\u015bmy przyk\u0142adowe wdro\u017cenie naszej wyszukiwarki w oparciu o Framework Bootstrap CSS.<\/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><b>DEMO SmartSearch V3: <\/b><a href='https:\/\/cdn.quartic.com.pl\/search\/v3\/index.html' rel='nofollow noopener noreferrer' target='_blank'>https:\/\/cdn.quartic.com.pl\/search\/v3\/index.html<\/a><\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751634055\/a773750290a9cac3870d1ed0\/przyklady-kodu-js-1.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751634055\/a773750290a9cac3870d1ed0\/przyklady-kodu-js-1.png' width='1693' height='890'><\/a><\/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\/751633931\/b463ff04fa973c748d3316b0\/przyklady-kodu-js.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751633931\/b463ff04fa973c748d3316b0\/przyklady-kodu-js.png' width='1516' height='894'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Do skorzystania z niej potrzebne s\u0105:<\/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>customerSymbol \u2013 indywidualny identyfikator klienta Quarticon<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>searchId \u2013 identyfikator Twojej wyszukiwarki dost\u0119pny w panelu AI Smart Search<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>API-KEY \u2013 klucz od API, mo\u017cliwy do pobrania z panelu AI Smart Search<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Wszystkie powy\u017csze dane otrzymasz od swojego opiekuna Quarticon.<\/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='h_a95e92e135'>Przyk\u0142adowe wdro\u017cenie SmartSearch za pomoc\u0105 kodu JavaScript<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Aby wykorzysta\u0107 udost\u0119pniony kod wykorzystaj:<\/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>dane dost\u0119powe do API, tj:<\/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>customerSymbol \u2013 indywidualny identyfikator klienta Quarticon<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>searchId \u2013 identyfikator Twojej wyszukiwarki dost\u0119pny w panelu AI Smart Search<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>API-KEY \u2013 klucz od API, mo\u017cliwy do pobrania z panelu AI Smart Search<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>style oparte s\u0105 o bootstrap 5:<\/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>CSS <a href='https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.2.3\/dist\/css\/bootstrap.min.css' rel='nofollow noopener noreferrer' target='_blank'>https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.2.3\/dist\/css\/bootstrap.min.css<\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>JS <a href='https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.2.3\/dist\/js\/bootstrap.bundle.min.js' rel='nofollow noopener noreferrer' target='_blank'>https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.2.3\/dist\/js\/bootstrap.bundle.min.js<\/a><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>przed zako\u0144czeniem strony dodaj skrypty:<\/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><code>&lt;script src='https:\/\/cdn.quartic.com.pl\/search\/v3\/js\/SmartSearch.js'&gt;&lt;\/script&gt;<\/code><\/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>odpowiedzialny za konfiguracj\u0119<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><code>&lt;script src='https:\/\/cdn.quartic.com.pl\/search\/v3\/js\/serp.js'&gt;&lt;\/script&gt;<\/code><\/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>odpowiedzialny za obs\u0142ug\u0119 strony SERP<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><code>&lt;script src='https:\/\/cdn.quartic.com.pl\/search\/v3\/js\/autocomplete.js'&gt;&lt;\/script&gt;<\/code><\/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>odpowiedzialny za obs\u0142ug\u0119 autocomplete<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Nast\u0119pnie skonfiguruj i wywo\u0142aj udost\u0119pnione instancje:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-code'>\n<pre>\/\/Skonfiguruj Instancj\u0119, dodaj\u0105 customerSymbol, Search Id, oraz Api Key<br>const SmartSearchConfiguration = new SmartSearch('CUSTOMER_SYMBOL', 'SEARCH_ID', 'API_KEY')<br><br>\/\/ na stronach, na kt\u00f3rych chcesz uruchomi\u0107 autocomplete:<br> new Autocomplete(SmartSearchConfiguration)<br> .setSerpUrl('\/serp.html'') \/\/ wska\u017c na jakiej stronie zaimplementujesz serp<br> .init()<br><br><br>\/\/ na stronach, na kt\u00f3rych chcesz uruchomi\u0107 serp<br> new Serp(SmartSearchConfiguration)<br> .init()<\/pre>\n<\/div>\n<div class='intercom-interblocks-horizontal-rule'>\n<hr>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_8cec5bc85f'>9. Przyk\u0142ad kodu HTML dla poszczeg\u00f3lnych cz\u0119\u015bci wyszukiwarki<\/h2>\n<\/div>\n<div class='intercom-interblocks-table'>\n<table>\n<tbody>\n<tr>\n<td style='background-color:#feedaf80'>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Wszystkie poni\u017csze przyk\u0142ady zosta\u0142y utworzone na podstawie Bootstrap CSS; link: Bootstrap v5.2.3 (<a href='https:\/\/getbootstrap.com\/' rel='nofollow noopener noreferrer' target='_blank'>https:\/\/getbootstrap.com\/<\/a>).<\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class='intercom-interblocks-table'>\n<table>\n<tbody>\n<tr>\n<td style='background-color:#feedaf80'>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Wszystkie przyk\u0142ady kodu pochodz\u0105 z naszego DEMO, kt\u00f3re dost\u0119pne jest pod tym linkiem: <a href='https:\/\/cdn.quartic.com.pl\/search\/v3\/index.html' rel='nofollow noopener noreferrer' target='_blank'>https:\/\/cdn.quartic.com.pl\/search\/v3\/index.html<\/a>.<\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class='intercom-interblocks-table'>\n<table>\n<tbody>\n<tr>\n<td style='background-color:#feedaf80'>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Budowa krok po kroku aplikacji, opisana jest szczeg\u00f3\u0142owo w podrozdziale <a href='#h_5ddd4e365c'>Budowa frontu aplikacji krok po kroku<\/a>.<\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Poni\u017cej przedstawiamy przyk\u0142adowy kod HTML dla poszczeg\u00f3lnych cz\u0119\u015bci wyszukiwarki.<\/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='h_cdde47898b'>On-focus\/autocomplete, czyli podpowiedzi w ma\u0142ej wyszukiwarce<\/h3>\n<\/div>\n<div class='intercom-interblocks-subheading3 intercom-interblocks-align-left'>\n<h4 id='h_adebdff344'>HTML dla inputu wyszukiwarki<\/h4>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751637693\/147af4b990c06bd2a37cb7aa\/html-dla-inputu.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751637693\/147af4b990c06bd2a37cb7aa\/html-dla-inputu.png' width='595' height='78'><\/a><\/div>\n<div class='intercom-interblocks-code'>\n<pre>&lt;div class='input-group mb-3 input-group-lg'&gt; &lt;input type='text' class='form-control' id='search-input' placeholder='Czego szukasz?' aria-label='Wpisz wyszukiwane s\u0142owo' aria-describedby='button-search' autocomplete='off' name='q'&gt; &lt;button class='btn btn-primary' type='button' id='search-button'&gt;Szukaj&lt;\/button&gt; &lt;\/div&gt;<\/pre>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-subheading3 intercom-interblocks-align-left'>\n<h4 id='h_5f1f8539ab'>HTML dla okna onfocus\/autocomplete<\/h4>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-left'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751638077\/052642afe20416f3d65d9fa3\/html-dla-onfocus.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751638077\/052642afe20416f3d65d9fa3\/html-dla-onfocus.png' width='946' height='635'><\/a><\/div>\n<div class='intercom-interblocks-code'>\n<pre>&lt;div id='autocompletePopup' class='autocomplete-popup shadow p-3 mb-5 bg-body rounded'&gt;<br> &lt;div class='autocomplete-items'&gt;<br> &lt;div class='container'&gt;<br> &lt;div class='row'&gt;<br> &lt;div id='popularQueriesContainer' class='col-md-4 text-dark d-none'&gt;<br> &lt;div class='row'&gt;<br> &lt;p class='text-muted'&gt;Popularne Frazy&lt;\/p&gt;<br> &lt;ul id='popularQueriesList' class='list-group list-group-flush'&gt;<br> &lt;li class='list-group-item d-flex justify-content-between align-items-start'&gt;{{popular}}<br> &lt;span class='badge bg-secondary rounded-pill'&gt;{{count}}&lt;\/span&gt;&lt;\/li&gt;<br> &lt;\/ul&gt;<br> &lt;\/div&gt;<br> &lt;\/div&gt;<br> &lt;div id='suggestionsContainer' class='col-md-4 text-dark'&gt;<br> &lt;div class='row'&gt;<br> &lt;p class='text-muted'&gt;Najtrafniejsze&lt;\/p&gt;<br> &lt;ul id='suggestionsList' class='list-group list-group-flush'&gt;<br> &lt;li class='list-group-item'&gt;{{sugestia}}&lt;\/li&gt;<br> &lt;li class='list-group-item'&gt;{{sugestia}}&lt;\/li&gt;<br> &lt;li class='list-group-item'&gt;{{sugestia}}&lt;\/li&gt;<br><br> &lt;\/ul&gt;<br> &lt;\/div&gt;<br> &lt;\/div&gt;<br> &lt;div class='col-md-8'&gt;<br> &lt;p class='col-md-12 text-muted'&gt;Popularne Produkty&lt;\/p&gt;<br> &lt;div id='autocompleteResults' class='row'&gt;<br> &lt;div class='col-md-6 mb-1' style='position: relative'&gt;<br> &lt;div class='row'&gt;<br> &lt;div class='col-md-4'&gt;<br> &lt;img alt='Czapka Zimowa Metoda Sport Zima Daszek'<br> src='https:\/\/qon-csts3.quartic.com.pl\/beb3190e764bb95d\/e1-c0\/100x100\/aHR0cHM6Ly9zZWxlY3RzaG9wLnBsL21v\/ZHB1Yi9wcm9kdWN0LzExMjAxNC8xMTIx\/MDEtM2E4MzE2LmpwZw==.webp'&gt;<br> &lt;\/div&gt;<br> &lt;div class='col-md-8 p-3 text-black'&gt;<br> &lt;p class='text-truncate' style='-webkit-line-clamp: 2; max-lines: 2;'&gt;&lt;small&gt;Czapka<br> Zimowa Metoda Sport Zima Daszek&lt;\/small&gt;&lt;\/p&gt;<br> &lt;span&gt; 39&nbsp;z\u0142&lt;\/span&gt;<br> &lt;a href='https:\/\/page.pl\/czapka-metoda-sport-zima-daszek-nvwhb'<br> class='stretched-link' target='_blank'&gt;<br> &lt;\/a&gt;<br> &lt;\/div&gt;<br> &lt;\/div&gt;<br> &lt;\/div&gt;<br><br> &lt;div class='d-grid gap-2 col-12 mx-auto'&gt;<br> &lt;a href='\/search\/v3\/serp.html?q=czapka' class='btn btn-secondary btn-lg' tabindex='-1'<br> role='button' aria-disabled='true'&gt;Zobacz wi\u0119cej wynik\u00f3w wyszukania&lt;\/a&gt;<br> &lt;\/div&gt;<br> &lt;\/div&gt;<br><br> &lt;\/div&gt;<br><br> &lt;\/div&gt;<br> &lt;\/div&gt;<br><br><br> &lt;\/div&gt;<br>&lt;\/div&gt;<\/pre>\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='h_294ddc9000'>Strona wynik\u00f3w wyszukiwania (SERP)<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Strona wynik\u00f3w wyszukiwania SERP sk\u0142ada si\u0119 z kilku element\u00f3w:<\/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>sekcji filtr\u00f3w<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>sekcji wynik\u00f3w wyszukiwania<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>sekcji paginacji<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>sekcji sortowania <\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>sekcji z informacj\u0105 o wy\u015bwietlonych wynikach<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751639174\/33711293a6df581814985496\/html-dla-serp.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751639174\/33711293a6df581814985496\/html-dla-serp.png' width='1920' height='2612'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Poni\u017cej prezentujemy przyk\u0142adowy kod HTML dla poszczeg\u00f3lnych sekcji.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-subheading3 intercom-interblocks-align-left'>\n<h4 id='h_900727afa8'>Sekcja filtr\u00f3w<\/h4>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Sekcja filtr\u00f3w to miejsce, w kt\u00f3rym Tw\u00f3j klient mo\u017ce filtrowa\u0107 otrzymane wyniki wyszukiwania.<\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751639933\/34b1f8270386a825f5f6d5d9\/html-dla-filtrow.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751639933\/34b1f8270386a825f5f6d5d9\/html-dla-filtrow.png' width='322' height='860'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Przyk\u0142ad dla prostego filtra, kt\u00f3ry zawiera 2 opcje:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-code'>\n<pre>&lt;div class='container-fluid pb-4 shadow-sm my-4 rounded-3' style='max-height: 400px; overflow: auto'&gt;<br> &lt;h5 class='my-2'&gt;<br> &lt;small class='text-muted'&gt;Marka produktu&lt;\/small&gt;<br> &lt;\/h5&gt;<br> &lt;ul class='list-group list-group-flush'&gt;<br> &lt;li class='list-group-item d-inline-flex justify-content-between align-items-center'&gt;<br> &lt;input class='form-check-input me-2' type='checkbox' data-field='brand' data-field-name='Marka produktu'<br> value='2005'&gt;<br> &lt;span class='flex-grow-0' style='width: 60%'&gt;2005&lt;\/span&gt;<br> &lt;span class='badge bg-secondary rounded-pill' style='margin-left: 20px'&gt;26&lt;\/span&gt;<br> &lt;\/li&gt;<br> &lt;li class='list-group-item d-inline-flex justify-content-between align-items-center'&gt;<br> &lt;input class='form-check-input me-2' type='checkbox' data-field='brand' data-field-name='Marka produktu'<br> value='47 Brand'&gt;<br> &lt;span class='flex-grow-0' style='width: 60%'&gt;47 Brand&lt;\/span&gt;<br> &lt;span class='badge bg-secondary rounded-pill' style='margin-left: 20px'&gt;157&lt;\/span&gt;<br> &lt;\/li&gt;<br> &lt;\/ul&gt;<br>&lt;\/div&gt;<\/pre>\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>Filtry ceny mo\u017cna wy\u015bwietli\u0107 w takiej formie:<\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751640396\/9734448028b48b1518bc1461\/ceny-zakres.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751640396\/9734448028b48b1518bc1461\/ceny-zakres.png' width='263' height='133'><\/a><\/div>\n<div class='intercom-interblocks-code'>\n<pre>&lt;div class='container-fluid pb-4 shadow-sm my-4 rounded-3' style='max-height: 400px; overflow: auto'&gt;<br> &lt;h5 class='my-2'&gt;<br> &lt;small class='text-muted'&gt;Cena&lt;\/small&gt;<br> &lt;\/h5&gt;<br> &lt;ul class='list-group list-group-flush'&gt;<br><br><br> &lt;div class='row'&gt;<br> &lt;div class='col-md-6'&gt;<br> &lt;input type='number' class='form-control' id='price-min' name='price-min' placeholder='19' min='19'<br> max='239'&gt;<br> &lt;\/div&gt;<br> &lt;div class='col-md-6'&gt;<br> &lt;input type='number' class='form-control' id='price-max' name='price-max' placeholder='239' min='19'<br> max='239'&gt;<br> &lt;\/div&gt;<br> &lt;\/div&gt;<br><br> &lt;\/ul&gt;<br>&lt;\/div&gt;<\/pre>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-subheading3 intercom-interblocks-align-left'>\n<h4 id='h_ce9f8ce9c0'>Sekcja wynik\u00f3w wyszukiwania<\/h4>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751640749\/2988fce444cba327350c474d\/wyniki-wyszukiwania.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751640749\/2988fce444cba327350c474d\/wyniki-wyszukiwania.png' width='986' height='376'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Przyk\u0142ad kodu HTML dla podstawowego kafelka produktowego:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-code'>\n<pre>&lt;div class='col-md-4 mb-5 product-element p-2'&gt;<br> &lt;div class='h-100 shadow-sm rounded-3 ' style='position: relative'&gt;<br> &lt;div class='d-flex align-items-center p-3' style='min-height: 200px'&gt;<br> &lt;img class='rounded mx-auto d-block card-img-top img-fluid'<br> style='height: auto;width:auto; max-height: 200px; margin: auto;'<br> src='https:\/\/qon-csts3.quartic.com.pl\/beb3190e764bb95d\/e1-c0\/300x300\/aHR0cHM6Ly9zZWxlY3RzaG9wLnBsL21v\/ZHB1Yi9wcm9kdWN0LzEwMjAyMC8yNTM1\/MjAtMjA3NDIxLmpwZw==.webp'<br> alt='Czapka Zimowa Malita Fisher'&gt;<br> &lt;\/div&gt;<br> &lt;div class='card-body p-2'&gt;<br> &lt;div class='text-center'&gt;<br> &lt;h6 class='fw-normal'&gt;Czapka Zimowa Malita Fisher&lt;\/h6&gt;<br> &lt;h6 class='fw-normal'&gt;59,90&nbsp;z\u0142&lt;\/h6&gt;<br> &lt;\/div&gt;<br> &lt;\/div&gt;<br> &lt;div class='card-footer p-2 pt-0 border-top-0 bg-transparent'&gt;<br> &lt;div class='text-center'&gt;<br> &lt;a class='stretched-link'<br> href='http:\/\/orion.quarticon.com\/restapi\/beb3190e764bb95d\/search\/fdc63ca281908351b3499f91ad4c361b\/redirect\/253520\/1fc5723734747380c531aab80d06c5bc\/aHR0cHM6Ly9zZWxlY3RzaG9wLnBsL2N6YXBrYS16aW1vd2EtbWFsaXRhLWZpc2hlci15ZWxsb3c='<br> target='_blank'&gt;&lt;\/a&gt;&lt;\/div&gt;<br> &lt;\/div&gt;<br> &lt;\/div&gt;<br>&lt;\/div&gt;<\/pre>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-subheading3 intercom-interblocks-align-left'>\n<h4 id='h_6d249cf9b7'>Sekcja sortowania<\/h4>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Dzi\u0119ki opcji sortowania Tw\u00f3j klient mo\u017ce sortowa\u0107 wyniki wyszukiwania wed\u0142ug swoich preferencji np. po cenie rosn\u0105co\/malej\u0105co, po nowo\u015bciach, po popularno\u015bci.<\/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-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751641784\/838ce633615938d44632164a\/sortowanie-api.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751641784\/838ce633615938d44632164a\/sortowanie-api.png' width='399' height='201'><\/a><\/div>\n<div class='intercom-interblocks-code'>\n<pre>&lt;div id='sortingButtonsContainer' class='col-md-3'&gt;<br> &lt;select id='sortingButtons' class='form-select' aria-label='Sorting select example'&gt;<br> &lt;option name='default' selected=''&gt;Domy\u015blne&lt;\/option&gt;<br> &lt;option name='bestsellers'&gt;Bestsellery&lt;\/option&gt;<br> &lt;option name='titleAsc'&gt;Po tytule rosn\u0105co&lt;\/option&gt;<br> &lt;option name='titleDsc'&gt;Po tytule malej\u0105co&lt;\/option&gt;<br> &lt;\/select&gt;&lt;\/div&gt;<\/pre>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-subheading3 intercom-interblocks-align-left'>\n<h4 id='h_c623efaeb4'>Sekcja z informacj\u0105 o liczbie wy\u015bwietlonych wynikach<\/h4>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-left'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751642115\/a58dfd15c80a0ce4c17eedfb\/wyniki-wyszukiwania-sekcja-api.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751642115\/a58dfd15c80a0ce4c17eedfb\/wyniki-wyszukiwania-sekcja-api.png' width='723' height='55'><\/a><\/div>\n<div class='intercom-interblocks-code'>\n<pre>&lt;div class='container-fluid pb-4 my-1'&gt;<br> &lt;p id='info-container' class='lead fw-normal text-dark mb-0 text-center'&gt;Wyniki wyszukiwania dla: &lt;b&gt;czapka&lt;\/b&gt; (24 wyniki z 872)&lt;\/p&gt;<br>&lt;\/div&gt;<\/pre>\n<\/div>\n<div class='intercom-interblocks-subheading3 intercom-interblocks-align-left'>\n<h4 id='h_e5e83979ff'>Sekcja paginacji (na dole wynik\u00f3w wyszukiwania)<\/h4>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Sekcja ta umo\u017cliwia wy\u015bwietlanie liczby stron z wynikami wyszukiwania i przej\u015bcie na ka\u017cd\u0105 z nich.<\/p>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751643341\/143421150554861aa33ccbb2\/paginacja-api-ss.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/751643341\/143421150554861aa33ccbb2\/paginacja-api-ss.png' width='493' height='83'><\/a><\/div>\n<div class='intercom-interblocks-code'>\n<pre>&lt;div id='paginationContainer' class='py-3'&gt;<br> &lt;nav aria-label='Page navigation example'&gt;<br> &lt;ul class='pagination justify-content-center'&gt;<br><br> &lt;li class='page-item'&gt;<br> &lt;a class='page-link active' href='' data-page-number='0'&gt;1&lt;\/a&gt;<br> &lt;\/li&gt;<br><br> &lt;li class='page-item'&gt;<br> &lt;a class='page-link ' href='' data-page-number='1'&gt;2&lt;\/a&gt;<br> &lt;\/li&gt;<br><br> &lt;li class='page-item'&gt;<br> &lt;a class='page-link ' href='' data-page-number='2'&gt;3&lt;\/a&gt;<br> &lt;\/li&gt;<br><br> &lt;li class='page-item'&gt;<br> &lt;a class='page-link ' href='' data-page-number='3'&gt;4&lt;\/a&gt;<br> &lt;\/li&gt;<br><br> &lt;li class='page-item'&gt;<br> &lt;a class='page-link' href='' data-page-number='1'&gt;Nast\u0119pna&lt;\/a&gt;<br> &lt;\/li&gt;<br><br> &lt;\/ul&gt;<br> &lt;\/nav&gt;<br>&lt;\/div&gt;<\/pre>\n<\/div>\n<div class='intercom-interblocks-horizontal-rule'>\n<hr>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Powy\u017csz\u0105 instrukcj\u0119 opisali\u015bmy krok po kroku tak, by proces wdro\u017cenia naszej wyszukiwarki AI Smart Search by\u0142 dla Ciebie dzia\u0142aniem bezstresowym. Mamy nadziej\u0119, \u017ce tak\u0105 rol\u0119 w\u0142a\u015bnie spe\u0142ni\u0142o.<\/b><\/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>Je\u015bli masz jakiekolwiek w\u0105tpliwo\u015bci\/uwagi co do poszczeg\u00f3lnych krok\u00f3w lub potrzebujesz pomocy w procesie, daj zna\u0107 swojemu opiekunowi biznesowemu, kt\u00f3ry udzieli Ci wsparcia.<\/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<\/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<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>Wprowadzenie do instrukcji AI Smart Search po APIInstrukcja, kt\u00f3r\u0105 oddajemy w Twoje r\u0119ce, dotyczy wdro\u017cenia wyszukiwarki AI Smart Search metod\u0105 API i zosta\u0142a s<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-837","post","type-post","status-publish","format-standard","hentry","category-smartsearch"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/837","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=837"}],"version-history":[{"count":5,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/837\/revisions"}],"predecessor-version":[{"id":2101,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/837\/revisions\/2101"}],"wp:attachment":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/media?parent=837"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/categories?post=837"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/tags?post=837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}