# Jak dodać e-commerce do dowolnej strony (bez zmiany platformy)

> Trzy sposoby dodania sprzedaży do istniejącej strony. Kiedy który ma sens, co zmienia się na twojej stronie i kiedy zmiana platformy naprawdę się opłaca.

Ryan Badger - 2 czerwca 2023 - 4 min czytania

## Co ludzie naprawdę rozumieją przez "integrację e-commerce"

Masz stronę. Wizytówkę firmy, portfolio, bloga, może coś zbudowanego we Webflow albo Squarespace. Działa. Wygląda tak, jak chcesz. Ale teraz musisz coś z niej sprzedawać.

Złym ruchem jest wyrzucić ją do kosza i zbudować wszystko od nowa w Shopify. Dobry ruch zależy od trzech rzeczy:

1. **Co sprzedajesz.** Jeden produkt czy katalog? Fizyczny czy cyfrowy? Subskrypcja czy jednorazowy zakup?
2. **Na czym działa twoja strona.** Wszędzie tam, gdzie możesz wkleić tag script, opcji jest więcej.
3. **Ile z procesu zakupu chcesz mieć pod własną kontrolą.**

Ten wpis pokazuje, jak w 2026 roku wygląda "integracja" w każdej z tych osi. Jeśli wybierzesz dobrze, nie potrzebujesz zmiany platformy.

## Trzy prawdziwe wzorce integracji

### Wzorzec 1: przekierowanie do hostowanej kasy

Najprostszy. Na stronie masz przyciski kupna. Klient klika i opuszcza twoją stronę, żeby zapłacić (Stripe Payment Links, Gumroad, Payhip, Lemonsqueezy). Płatność odbywa się na ich domenie, a potem klient wraca na twoją stronę z podziękowaniem.

**Zalety:** zero integracji w JS, działa na dosłownie każdej stronie, mało pracy przy utrzymaniu. **Wady:** przerwanie doświadczenia (opuszczenie twojej strony) obniża konwersję. Branding jest niespójny. Procesy porzuconych koszyków i analityka robią się trudniejsze.

Dobre dla: twórców z jednym produktem, niskiego wolumenu i osób, które z zasady nie chcą nic osadzać.

### Wzorzec 2: widżet osadzony na stronie

Osadzony widżet działa wewnątrz twojej strony. Klient jej nie opuszcza. Koszyk, szczegóły produktu i kasa wyświetlają się na twoich podstronach.

Tak działają Shoprocket, Snipcart, Ecwid i podobne platformy.

Typowa integracja:

```
<!-- EXAMPLE ONLY. Grab your real snippet from Sales channels → Embeds in your dashboard -->
<script src="https://cdn.shoprocket.io/loader.js" data-pk="pk_yourkey"></script>
<div data-shoprocket="catalog" data-embed-id="emb_xxx"></div>
```

Jedna linijka, jedno wklejenie i gotowe. Widżet sam synchronizuje się z panelem: produkty, ceny, zdjęcia, zasady podatkowe, opcje dostawy, metody płatności. Klienci zostają na twojej domenie od przeglądania aż po "dziękujemy za zamówienie".

**Zalety:** spójne doświadczenie, kontrola nad marką, mniej utraconych konwersji. **Wady:** twoja strona zyskuje zależność od JS. Większość jest lekka (~20-50 KB), ale to nie zero.

Dobre dla: każdej strony, która chce prawdziwego sklepu bez zmiany platformy.

### Wzorzec 3: integracja headless (przez API)

Interfejs budujesz sam i wywołujesz API handlowe (Stripe API, Shopify Storefront API, BigCommerce, Commercetools), które obsługuje mechanikę sprzedaży. W pełni własne, w pełni twoje.

**Zalety:** pełna kontrola, żadnych kompromisów wizualnych, skaluje się do niestandardowych procesów. **Wady:** prawdziwa praca inżynierska. Budujesz kasę, stan koszyka, obliczanie podatków, synchronizację stanów magazynowych, webhooki. To miesiące, nie minuty.

Dobre dla: zespołów z programistą pracującym nad sprzedażą na pełen etat albo produktów, które nie zmieszczą się w gotowym widżecie.

## Drzewo decyzyjne

Zacznij od pytania "czy klient może opuścić twoją stronę":

- **Tak**: wzorzec 1 (link do hostowanej kasy). Stripe Payment Links albo Gumroad, 10 minut konfiguracji.
- **Nie**: przejdź do następnego pytania.

Czy chcesz pisać własny kod?

- **Tak, mamy moce programistyczne**: wzorzec 3 (headless).
- **Nie, chcemy gotowe rozwiązanie**: wzorzec 2 (osadzony widżet). Tu ląduje większość stron.

Przy wzorcu 2 kolejna decyzja to wybór platformy. Opisujemy to w osobnym artykule: [porównanie platform z osadzanym koszykiem](https://v3.shoprocket.io/pl/blog/osadzany-koszyk-porownanie-snipcart-ecwid-gumroad-payhip-shoprocket.md).

## Jak wygląda prawdziwa integracja wzorca 2 na popularnych platformach

### WordPress

Wstaw fragment osadzenia do bloku Własny HTML (edytor blokowy) albo do widżetu tekstowego (klasyczny pasek boczny). Nie trzeba instalować żadnej wtyczki.

### Squarespace

Dodaj blok kodu na dowolnej stronie. Wklej. Widżet dopasowuje się do szerokości i odstępów motywu Squarespace.

### Webflow

Element Embed → wklej. Statyczny eksport Webflow nadal zawiera osadzenie po publikacji.

### Framer

Element Embed → wklej. Narzędzia deweloperskie Framera ułatwiają wstawienie kodu w konkretnej sekcji.

### Carrd

Komponent z własnym kodem (funkcja płatnego planu). Jednostronicowe strony z zakładką sklepu, bez komplikacji.

### Notion

Użyj publicznej strony Notion jako swojej witryny, osadź ją przez usługę taką jak Super albo Potion i wklej fragment kodu. Z tego robi się prawdziwy sklep.

### Statyczny HTML / Jekyll / Hugo / 11ty

Wklej kod do szablonu, który renderuje stronę sklepu. Nic więcej.

## Co zmienia się na twojej stronie po integracji

Mniej, niż myślisz.

- Twoje istniejące strony zostają, jak były. Nie trzeba edytować motywu.
- Skrypt ładuje się asynchronicznie, więc szybkość strony praktycznie się nie zmienia (wyniki Lighthouse się trzymają).
- Produkty, ceny i stany magazynowe żyją w panelu sprzedaży, a nie w twoim CMS.
- Dane klientów (zamówienia, adresy e-mail, adresy) trafiają do platformy sprzedażowej. Twój CMS nie musi się tym zajmować.

Czego NIE musisz robić:

- Przebudowywać strony
- Instalować wtyczki CMS
- Migrować treści
- Zatrudniać programisty
- Kupować nowej domeny

> **Wskazówka:** Najpierw przetestuj widżet na stronie testowej. Nie powinien z niczym kolidować, ale warto to sprawdzić na swoim motywie, zanim trafi na produkcyjną stronę sklepu.

## Kiedy naprawdę zmienić platformę

Czasem odpowiedź BRZMI "przejdź na pełną platformę sprzedażową". Sygnały:

- Robisz ponad 100 tys. $ miesięcznie, a główną rolą twojej strony stała się sprzedaż, a nie marka.
- Potrzebujesz integracji z POS (sklep stacjonarny + online).
- Twój katalog ma >1000 SKU i jest stale aktualizowany.

Przy takiej skali Shopify Plus albo podobna platforma zaczyna się zwracać. Dla większości niezależnych stron poniżej tego progu osadzenie jest tańsze, szybsze i pozwala zachować stronę, którą już masz.

## W skrócie

- **Link do hostowanej kasy**: najszybszy, ale przerywa doświadczenie przy płatności. Dobry dla pojedynczych produktów.
- **Osadzony widżet**: klient zostaje na twojej stronie, bez zmiany platformy. Dobry wybór domyślny.
- **Headless API**: budujesz sam, miesiące pracy. Opłaca się dopiero w dużej skali.

[Wypróbuj osadzenie Shoprocket na swojej istniejącej stronie](https://app-v3.shoprocket.io/signup). Darmowy okres próbny, bez karty. Cennik: [od 29 $](https://v3.shoprocket.io/pl/cennik.md), zero opłat transakcyjnych w każdym planie.

---

- HTML version: https://v3.shoprocket.io/pl/blog/jak-dodac-e-commerce-do-dowolnej-strony-bez-zmiany-platformy
- Language: Polski (pl)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Deutsch](https://v3.shoprocket.io/de/blog/ecommerce-zu-jeder-website-hinzufuegen-ohne-plattformwechsel.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [English](https://v3.shoprocket.io/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Español](https://v3.shoprocket.io/es/blog/anadir-ecommerce-a-cualquier-web-sin-cambiar-de-plataforma.md), [Français](https://v3.shoprocket.io/fr/blog/ajouter-ecommerce-a-un-site-sans-changer-de-plateforme.md), [עברית](https://v3.shoprocket.io/he/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/cara-menambahkan-ecommerce-ke-situs-web-mana-pun-tanpa-ganti-platform.md), [Italiano](https://v3.shoprocket.io/it/blog/aggiungere-ecommerce-a-qualsiasi-sito-senza-cambiare-piattaforma.md), [日本語](https://v3.shoprocket.io/ja/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/kaip-prideti-el-prekyba-prie-bet-kurios-svetaines-nekeiciant-platformos.md), [Norsk](https://v3.shoprocket.io/nb/blogg/legg-nettbutikk-til-et-hvilket-som-helst-nettsted-uten-a-bytte-plattform.md), [Nederlands](https://v3.shoprocket.io/nl/blog/webshop-toevoegen-aan-elke-website-zonder-te-verhuizen.md), [Português](https://v3.shoprocket.io/pt/blog/como-adicionar-ecommerce-a-qualquer-site-sem-trocar-de-plataforma.md), [Română](https://v3.shoprocket.io/ro/blog/cum-adaugi-ecommerce-pe-orice-site-fara-sa-schimbi-platforma.md), [Русский](https://v3.shoprocket.io/ru/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [ไทย](https://v3.shoprocket.io/th/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Türkçe](https://v3.shoprocket.io/tr/blog/platform-degistirmeden-web-sitesine-eticaret-ekleme.md), [中文](https://v3.shoprocket.io/zh/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md)