# Dodaj handel do strony, którą już masz. > Jeden asynchroniczny tag script zamienia dowolną stronę w sklep. Działa na WordPress, Webflow, Ghost, Carrd, Framer, statycznym HTML, React / Next.js / Vue. Bez przebudowy, bez wtyczki, bez zmiany motywu. Jeden asynchroniczny tag script, kilka kontenerów HTML i twoja istniejąca strona staje się sklepem. Działa na WordPress, Webflow, Ghost, Carrd, Framer, zwykłym HTML lub dowolnym CMS, który pozwala wklejać tagi script. Bez przebudowy. Bez wtyczki. Bez zmiany motywu. [Rozpocznij bezpłatny okres próbny](https://app-v3.shoprocket.io/signup?lang=pl)[Zobacz fragment kodu](#the-snippet) 14 dni za darmo Bez karty kredytowej 0% opłat platformy Działa w każdym planie 1 Linia do osadzenia Dowolna Strona Pełny Koszyk i kasa 0% Opłaty platformy ● Problem ## Masz stronę. Chcesz na niej sprzedawać. Nie przebudowywać jej. Większość platform handlowych chce, żebyś zamienił swoją stronę na ich. WordPress prosi o WooCommerce. Wix chce Wix Stores. Squarespace chce Squarespace Commerce. Shopify chce całości na swoim stosie. Chciałeś sklepu, nie projektu migracji. 01 ### Twoja strona już działa. Twoja marka, treści, blog, animacje, SEO. Praca, którą już wykonałeś. Nic z tego nie powinno się zmieniać, żeby dodać kasę. 02 ### Twój CMS nie jest problemem. WordPress jest w porządku. Webflow jest piękny. Ghost jest idealny do treści. Carrd jest szybki. Żaden nie powinien zmuszać cię do odejścia dlatego, że natywnie nie obsługuje handlu. 03 ### Twój sklep powinien żyć wewnątrz twojej strony. Nie na osobnej subdomenie, nie jako przekierowanie do hostowanego koszyka. Strona produktu jest twoja, kasa dzieje się w jej wnętrzu, a klient nigdy jej nie opuszcza. ● Jak to działa ## Trzy linie HTML. Cztery typy widżetów. Wklej skrypt ładujący raz. Umieść kontenery HTML tam, gdzie ma pojawić się handel. Widżet automatycznie montuje każdy, który znajdzie przy renderowaniu. Instalacja ### Jeden tag script. Asynchroniczny. Nieblokujący. Tag script trafia do head strony, tuż przed zamykający tag body lub do szablonu nagłówka twojego CMS. Ładuje się asynchronicznie, więc nigdy nie blokuje renderowania strony. Po załadowaniu skanuje stronę w poszukiwaniu każdego elementu HTML z atrybutem data-shoprocket i montuje tam odpowiedni widżet. Jeśli na stronie nie ma elementów widżetów, nadal uruchamia pływający koszyk, więc przyciski sklepu w innych miejscach twojej strony nadal działają. - ✓ Ładowanie asynchroniczne, bez wpływu na LCP i CLS - ✓ Automatycznie montuje każdy element data-shoprocket na stronie - ✓ Pływający koszyk uruchamia się w całej witrynie, nawet na stronach bez widżetów ● Typy widżetów ## Cztery kształty, wszystkie na tej samej stronie. Wybierz ten, którego potrzebujesz, tam gdzie go potrzebujesz. Strona główna może mieć widżet wyróżnionego produktu, dedykowana strona sklepu pełny katalog, a artykuł pojedynczy produkt w treści. Wszystko na tej samej stronie, wszystko z tego samego sklepu. 01 ### Katalog. Pełna siatka produktów z filtrami, kategoriami i wyszukiwaniem. Umieść ją na stronie /shop, a klienci przeglądają cały twój sklep. 02 ### Produkt. Pojedyncza karta produktu z ceną, wariantami i dodaniem do koszyka. Umieść ją w treści artykułu lub na landing page obok opisu. 03 ### Koszyk. Sam koszyk, jako widżet strony. Albo pozwól pływającemu koszykowi obsłużyć to w całej witrynie, skrypt uruchamia go automatycznie. 04 ### Kasa. Koszyk, adresy, wysyłka i podsumowanie zamówienia, wszystko wewnątrz twojej strony. Ostatni krok płatności przekierowuje do operatora dla zgodności z PCI i zwraca klienta na twoją stronę. ● Działa tam, gdzie żyjesz ## Jeśli pozwala na tag script, Shoprocket się osadzi. Specjalnie przetestowane i udokumentowane dla poniższych kreatorów. W praktyce działa wszędzie, gdzie można wkleić HTML. 01 ### WordPress. Własny hosting lub WordPress.com. Dowolny motyw, dowolny kreator stron (Elementor, Gutenberg, Divi itd.). WooCommerce niepotrzebne. Żadnej wtyczki do utrzymania. 02 ### Webflow. Użyj elementu Embed tam, gdzie ma być sklep. Zachowaj swój plan Webflow CMS, bez konieczności przejścia na Ecommerce. 03 ### Ghost. Karta HTML w dowolnym wpisie lub stronie. Ghost jest idealny dla twórców wydających treści obok produktów. 04 ### Carrd, Framer, Notion. Kreatory jednostronicowe i nastawione na design. Działa z osadzeniami Carrd Pro Standard, komponentami kodu Framer i Notion przez nakładki Super.so / HeyNotion. 05 ### Statyczny HTML i JAMstack. Cloudflare Pages, Netlify, Vercel, zwykły statyczny HTML, dowolny build Jekyll / Hugo / Astro / 11ty. Wklej fragment i jedziesz. 06 ### React, Next.js, Vue, Svelte. Zainstaluj pakiet npm \`@shoprocket/widget\` dla ścisłej integracji z frameworkiem. Zaimportuj komponent, zamontuj tam, gdzie ma być sklep. ● Wydajność ## Twoje Core Web Vitals pozostają zielone. Cały sens handlu osadzanego wszędzie polega na tym, że twoja strona nadal zachowuje się jak twoja strona. W liczbach ### Skrypt asynchroniczny, konfiguracja w pamięci podręcznej, szybki montaż. Skrypt ładujący jest dostarczany asynchronicznie, więc LCP pozostaje nietknięte. Konfiguracja sklepu jest pobierana z naszego API i buforowana na brzegu (TTL 1 godzina), więc powtórne odsłony nie odpytują ponownie. Widżet renderuje się w zarezerwowanym kontenerze, więc nie ma przesunięcia układu. Strony, które przed osadzeniem były zielone w Lighthouse, pozostają zielone po nim. - ✓ Asynchroniczny tag script: zerowy wpływ na LCP i CLS - ✓ Konfiguracja sklepu w pamięci podręcznej na brzegu, serwowana z CDN przy powtórnych odsłonach - ✓ Zarezerwowane kontenery montażu oznaczają brak skumulowanego przesunięcia układu ● Częste pytania ## Pytania o osadzanie, z odpowiedziami. O co ludzie pytają, zanim wkleją fragment. Gdzie faktycznie działają koszyk i kasa? + Koszyk, adresy i wybór wysyłki działają wewnątrz osadzenia na twojej stronie, nikt nie opuszcza twojej witryny podczas przeglądania i wyboru. Ostatni krok płatności przekierowuje do podłączonego operatora płatności (Stripe, PayPal) dla zgodności z PCI i zwraca klienta na twoją stronę po potwierdzenie zamówienia. Tak działa każdy nowoczesny przepływ płatności; udawanie, że jest inaczej, byłoby nieuczciwe. Czy mogę mieć wiele widżetów na tej samej stronie? + Tak. Loader skanuje stronę w poszukiwaniu każdego elementu z atrybutem data-shoprocket i montuje każdy z nich. Jedna strona może mieć karuzelę wyróżnionych produktów, siatkę katalogu pod nią i kasę w treści gdzie indziej. Wszystko z tego samego sklepu. Czy to spowalnia moją stronę? + Bez istotnego wpływu. Skrypt ładujący jest asynchroniczny, więc nie blokuje renderowania strony. Konfiguracja sklepu jest buforowana na brzegu, więc powracający odwiedzający nie odpytują ponownie. Widżety montują się w zarezerwowanych kontenerach, więc nie ma skumulowanego przesunięcia układu. Jeśli twoja strona przechodziła Core Web Vitals wcześniej, przechodzi je też potem. A jeśli używam React / Next.js / Vue? + Zainstaluj bezpośrednio pakiet npm \`@shoprocket/widget\`. Zaimportuj komponent, zamontuj tam, gdzie potrzebujesz sklepu, przekaż właściwości konfiguracji. Daje to precyzyjną kontrolę, której osadzanie tagiem script nie oferuje. A Wix i Squarespace? + Squarespace działa dobrze. Użyj elementu Code Block w planie Core lub wyższym, wklej fragment, gotowe. Wix umieszcza każde zewnętrzne osadzenie w iframe, co psuje kasę, więc go nie polecamy; szczera odpowiedź dla użytkowników Wix to hostowany sklep Shoprocket lub przejście na kreator, który pozwala na prawdziwe osadzenia. Zobacz naszą dedykowaną stronę o Wix, gdzie opisujemy trzy drogi naprzód. Czy mogę użyć własnej domeny? + Tak. Widżet działa na dowolnej domenie, na której jest strona hosta. Twoje produkty, koszyk i kasa żyją pod your-site.com. Bez osobnej subdomeny Shoprocket, bez przekierowań. Klienci nie zdają sobie sprawy, że za warstwą handlu stoi strona trzecia. Jak dostosować wygląd widżetu? + Widżet dziedziczy CSS twojej strony dla kontekstu układu (szerokości kontenerów, bazowa typografia). Dla samego interfejsu handlu wybierz spośród ponad 40 motywów oraz jasny / ciemny schemat kolorów przez atrybuty danych na elemencie montażu. Dla głębszej personalizacji ustaw zmienne CSS w arkuszu stylów swojej strony, a widżet je przejmie. A jeśli mam wiele konfiguracji osadzeń dla różnych stron? + Utwórz wiele konfiguracji osadzeń w panelu Shoprocket, każdą z własnym ID, motywem i zestawem funkcji. Skieruj każdy kontener HTML na odpowiednie ID osadzenia. Strona główna może pokazywać kompaktowe osadzenie wyróżnionych produktów, a dedykowana strona sklepu pełne osadzenie katalogu, wszystko w tym samym sklepie. Czy Shoprocket naprawdę ma 0% opłat platformy? + Tak. Twój operator płatności (Stripe, PayPal itd.) nadal pobiera swoją standardową opłatę, to koszt przeniesienia pieniędzy, ale Shoprocket nie dolicza nic ponad to. 0% opłat platformy dotyczy każdego planu, w tym każdej instalacji osadzanej gdziekolwiek. ## Twoja strona. Teraz z handlem. 14 dni za darmo. Bez karty kredytowej. Wklej fragment, uruchom sklep, zachowaj stronę. [Rozpocznij bezpłatny okres próbny](https://app-v3.shoprocket.io/signup?lang=pl)[Porozmawiaj z nami](https://v3.shoprocket.io/pl/kontakt.md) --- - HTML version: https://v3.shoprocket.io/pl/funkcje/sprzedaz-na-kazdej-stronie - Language: Polski (pl) - Also in: [العربية](https://v3.shoprocket.io/ar/features/sell-on-any-website.md), [Deutsch](https://v3.shoprocket.io/de/funktionen/auf-jeder-website-verkaufen.md), [Ελληνικά](https://v3.shoprocket.io/el/features/sell-on-any-website.md), [English](https://v3.shoprocket.io/features/sell-on-any-website.md), [Español](https://v3.shoprocket.io/es/funciones/vender-en-cualquier-sitio-web.md), [Français](https://v3.shoprocket.io/fr/fonctionnalites/vendre-sur-nimporte-quel-site.md), [עברית](https://v3.shoprocket.io/he/features/sell-on-any-website.md), [हिन्दी](https://v3.shoprocket.io/hi/features/sell-on-any-website.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/fitur/jual-di-situs-web-mana-pun.md), [Italiano](https://v3.shoprocket.io/it/funzionalita/vendere-su-qualsiasi-sito-web.md), [日本語](https://v3.shoprocket.io/ja/features/sell-on-any-website.md), [Lietuvių](https://v3.shoprocket.io/lt/funkcijos/pardavimas-bet-kurioje-svetaineje.md), [Norsk](https://v3.shoprocket.io/nb/funksjoner/selg-pa-hvilken-som-helst-nettside.md), [Nederlands](https://v3.shoprocket.io/nl/functies/verkopen-op-elke-website.md), [Português](https://v3.shoprocket.io/pt/funcionalidades/vender-em-qualquer-site.md), [Română](https://v3.shoprocket.io/ro/functionalitati/vinde-pe-orice-site.md), [Русский](https://v3.shoprocket.io/ru/features/sell-on-any-website.md), [ไทย](https://v3.shoprocket.io/th/features/sell-on-any-website.md), [Türkçe](https://v3.shoprocket.io/tr/ozellikler/her-web-sitesinde-satis.md), [中文](https://v3.shoprocket.io/zh/features/sell-on-any-website.md)