# Osadź Shoprocket na dowolnej stronie

> Sprzedawaj ze strony, którą już masz. Utwórz osadzenie w Osadzenia, kliknij Pobierz kod i wklej go na stronę w WordPressie, Squarespace, Wix, Webflow lub zwykłym HTML. Zmiany zapisane później trafiają na każdą stronę bez ponownego wklejania.

Centrum pomocy / Osadzanie - Zaktualizowano 28 października 2026

Osadzenie wstawia część Twojego sklepu na dowolną stronę: jeden produkt z przyciskiem kupna, pełny katalog produktów, kategorie lub pole wyszukiwania. Budujesz je w **Osadzenia**, klikasz **Pobierz kod** i wklejasz kod na stronę. Koszyk i kasa otwierają się prosto na Twojej stronie, więc klienci nigdy nie opuszczają witryny.

Kod wklejasz tylko raz. Gdy później zmienisz osadzenie, nawet przełączając je na inny układ, każda strona, na której jest, aktualizuje się po zapisaniu.

## Zanim zaczniesz

- Dodaj co najmniej jeden aktywny produkt. Osadzenie jednego produktu potrzebuje produktu do sprzedaży.
- Musisz móc edytować swoją stronę i dodać do podstrony blok z kodem lub HTML. Wskazówki dla poszczególnych kreatorów stron są poniżej.

## Krok 1 (opcjonalny, zalecany): Dodaj Shoprocket do każdej podstrony witryny

U góry **Osadzenia** jest karta **Dodaj Shoprocket do każdej podstrony swojej witryny**. Zawiera jedną linijkę kodu do nagłówka witryny. Gdy jest na miejscu, Twój pływający koszyk i czat na żywo działają na każdej podstronie, nie tylko tych z osadzeniem, a każde osadzenie dodane później po prostu działa.

1. W panelu wejdź w **Osadzenia**.
2. Na karcie **Dodaj Shoprocket do każdej podstrony swojej witryny** kliknij **Kopiuj**.
3. Wybierz swój kreator stron na kartach pod kodem (**HTML**, **WordPress**, **Squarespace**, **Wix** lub **Webflow**) i wykonaj jego dwa kroki, aby wkleić linijkę do nagłówka witryny.
4. Otwórz dowolną podstronę witryny. Stan karty zmieni się z **Jeszcze nie wykryto** na **Połączono**.

Możesz pominąć ten krok. Kod każdego osadzenia zawiera tę samą linijkę, więc osadzenie działa samo na każdej podstronie.

## Krok 2: Utwórz osadzenie

1. W **Osadzenia** kliknij **Nowe osadzenie**.
2. W sekcji **Co pokazuje** wybierz jedno: **Jeden produkt**, **Katalog produktów**, **Kategorie** lub **Wyszukiwanie**.
3. Wybierz układ:
   - **Jeden produkt**: **Przycisk**, **Kompaktowy**, **Karta**, **Wyróżniony** lub **Pełne szczegóły**. Potem wybierz produkt w **Który produkt?**
   - **Katalog produktów**: **Siatka**, **Karuzela** lub **Lista**. W **Które produkty?** wybierz **Wszystkie produkty**, **Kategoria** lub **Wybrane ręcznie**.
   - **Kategorie**: **Kafelki**.
   - **Wyszukiwanie**: **Pole wyszukiwania** lub **Ikona wyszukiwania**.
4. Kliknij **Kontynuuj**.

Każdy układ to to samo osadzenie z innymi ustawieniami, więc możesz później zmienić układ w edytorze, a kod, który wklejono, pozostanie taki sam.

![Ekran Nowe osadzenie z wybranym Katalog produktów i układami Siatka, Karuzela i Lista do wyboru](https://v3.shoprocket.io/img/help/embed-on-any-website/new-embed-chooser.webp)

## Krok 3: Dostosuj je

Edytor pokazuje podgląd na żywo, po którym możesz klikać jak kupujący: dodać do koszyka, otwierać produkty i przechodzić do kasy. To, co pokazuje osadzenie, zmieniasz na karcie **To osadzenie**. Karta **Projekt sklepu** ustawia kolory i czcionki całego sklepu, więc wszystkie osadzenia i pływający koszyk do siebie pasują.

Osadzenie dostaje na początek nazwę, np. "Produkty · Siatka". Możesz ją zmienić w każdej chwili.

Gdy wszystko wygląda dobrze, kliknij **Zapisz i pobierz kod**.

## Krok 4: Skopiuj kod i wklej go na stronę

Po zapisaniu otwiera się panel **Pobierz kod**. Wygląda tak:

```html
<!-- Shoprocket: Product catalog -->
<script src="https://.../loader.js" data-pk="pk_..."></script>
<div data-shoprocket="embed" data-embed-id="emb_..."></div>
```

Zawsze kopiuj własny kod przyciskiem, nigdy nie przepisuj go ręcznie. Pierwsza linijka nazywa osadzenie, skrypt ładuje Shoprocket dla Twojego sklepu, a ostatnia linijka to miejsce, w którym pojawia się osadzenie.

![Panel Pobierz kod z kartami kreatorów stron, kodem osadzenia i przyciskiem Kopiuj kod](https://v3.shoprocket.io/img/help/embed-on-any-website/get-code.webp)

1. Kliknij **Kopiuj kod**.
2. Wybierz kreator stron na kartach w panelu i wklej kod tam, gdzie ma się pojawić osadzenie:
   - **HTML**: wklej kod tam, gdzie ma się pojawić osadzenie. Linijka ze skryptem musi być na stronie tylko raz, niezależnie od liczby osadzeń.
   - **WordPress**: w edytorze blokowym dodaj blok **Custom HTML** tam, gdzie ma być osadzenie. Wklej kod i zaktualizuj stronę. W WordPress.com skrypty wymagają planu, który pozwala na wtyczki.
   - **Squarespace**: edytuj stronę i dodaj blok **Code** tam, gdzie ma być osadzenie. Wklej kod, zostaw wyświetlanie ustawione na HTML i zapisz.
   - **Wix**: w edytorze wybierz **Add**, potem **Embed code**, potem **Embed HTML**. Wklej kod do pola i zmień jego rozmiar. Wix pokazuje go w ramce, więc zostaw miejsce na koszyk.
   - **Webflow**: przeciągnij element **Code Embed** tam, gdzie ma być osadzenie. Wklej kod, zapisz i opublikuj witrynę.

Jeśli w kroku 1 dodano już Shoprocket do nagłówka witryny, strona potrzebuje tylko ostatniej linijki kodu, tej zaczynającej się od `<div`.

Aby później pobrać kod ponownie, otwórz osadzenie z **Osadzenia** i kliknij **Pobierz kod**.

**Nie masz strony?** Dla jednego produktu bez opcji panel **Pobierz kod** oferuje też **Nie masz strony? Udostępnij link do zakupu**. Kliknij **Kopiuj link** i udostępnij go gdziekolwiek: otwiera kasę z tym produktem. Produkt z opcjami tworzy swój link na własnej stronie produktu, gdzie wybierasz opcję.

**Dodawanie wyszukiwania do menu.** Dla osadzenia **Wyszukiwanie** panel podaje też link, `#!/search`, który dodajesz jako pozycję menu o nazwie Szukaj na swojej stronie. Otwiera to samo wyszukiwanie na każdej stronie z osadzeniem Shoprocket, bez żadnego kodu.

## Pływający koszyk

Twój sklep ma jeden pływający koszyk. To przycisk, który klienci klikają, aby otworzyć koszyk i przejść do kasy, i pojawia się na każdej stronie, na której działa kod Shoprocket. W **Osadzenia** to pierwszy wiersz, **Pływający koszyk**, oznaczony **Zawsze włączone**.

Aby zmienić jego wygląd, kliknij **Pływający koszyk**. Możesz ustawić jego **Pozycja** na krawędzi strony, **Odstęp** od boku oraz od góry lub dołu, co **Pokazuje**, jego **Kształt**, **Rozmiar** i **Ikona** (albo własny obraz) oraz czy pokazywać link **Logowanie**. Kliknij **Zapisz**. Kolory i czcionki pochodzą z projektu sklepu.

## Zmiana lub usunięcie osadzenia

- **Zmiana**: otwórz osadzenie z **Osadzenia**, wprowadź zmiany i kliknij **Zapisz**. Każda strona, na której jest, aktualizuje się. Nowy kod nie jest potrzebny.
- **Usunięcie ze strony**: usuń kod z tej podstrony na swojej witrynie.
- **Skasowanie**: w **Osadzenia** użyj przycisku usuwania w jego wierszu i potwierdź. Usuń też jego kod ze swoich stron.

## Dla programistów

Przewodnik dla programistów opisuje każdą opcję kodu, pokazywanie osadzenia bez panelu oraz JavaScript, który oferuje widżet: [Osadź widżet](https://v3.shoprocket.io/docs/embedding.md).

## Powiązane

- [Czym jest Shoprocket?](https://v3.shoprocket.io/pl/pomoc/czym-jest-shoprocket.md)
- [Połącz swoje konto Stripe](https://v3.shoprocket.io/pl/pomoc/polacz-konto-stripe.md)
- [Twój sklep hostowany](https://v3.shoprocket.io/pl/pomoc/twoj-sklep-hostowany.md)

[Otwórz Osadzenia w panelu](https://app-v3.shoprocket.io/go/embeds)

---

- HTML version: https://v3.shoprocket.io/pl/pomoc/osadz-shoprocket-na-dowolnej-stronie
- Language: Polski (pl)
- Also in: [العربية](https://v3.shoprocket.io/ar/help/embed-on-any-website.md), [Deutsch](https://v3.shoprocket.io/de/hilfe/auf-jeder-website-einbetten.md), [Ελληνικά](https://v3.shoprocket.io/el/help/embed-on-any-website.md), [English](https://v3.shoprocket.io/help/embed-on-any-website.md), [Español](https://v3.shoprocket.io/es/ayuda/integrar-en-cualquier-sitio-web.md), [Français](https://v3.shoprocket.io/fr/aide/integrer-shoprocket-sur-un-site.md), [עברית](https://v3.shoprocket.io/he/help/embed-on-any-website.md), [हिन्दी](https://v3.shoprocket.io/hi/help/embed-on-any-website.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/bantuan/sematkan-di-situs-mana-pun.md), [Italiano](https://v3.shoprocket.io/it/aiuto/incorpora-shoprocket-su-qualsiasi-sito.md), [日本語](https://v3.shoprocket.io/ja/help/embed-on-any-website.md), [Lietuvių](https://v3.shoprocket.io/lt/pagalba/iterpkite-shoprocket-i-bet-kuria-svetaine.md), [Norsk](https://v3.shoprocket.io/nb/hjelp/bygg-inn-shoprocket-pa-et-hvilket-som-helst-nettsted.md), [Nederlands](https://v3.shoprocket.io/nl/hulp/shoprocket-op-elke-website-insluiten.md), [Português](https://v3.shoprocket.io/pt/ajuda/embed-em-qualquer-site.md), [Română](https://v3.shoprocket.io/ro/ajutor/incorporeaza-shoprocket-pe-orice-site.md), [Русский](https://v3.shoprocket.io/ru/help/embed-on-any-website.md), [ไทย](https://v3.shoprocket.io/th/help/embed-on-any-website.md), [Türkçe](https://v3.shoprocket.io/tr/yardim/web-sitesine-gomme.md), [中文](https://v3.shoprocket.io/zh/help/embed-on-any-website.md)