# Kaip pridėti el. prekybą prie bet kurios svetainės (nekeičiant platformos)

> Trys integracijos būdai, kaip pridėti prekybą prie jau turimos svetainės. Kada tinka kiekvienas, kas keičiasi jūsų svetainėje ir kada iš tikrųjų verta keisti platformą.

Ryan Badger - 2023 m. birželio 2 d. - 4 min. skaitymo

## Ką žmonės iš tikrųjų turi omenyje sakydami „integruoti el. prekybą“

Turite svetainę. Rinkodaros svetainę, portfolio, tinklaraštį, galbūt „Webflow“ ar „Squarespace“ projektą. Ji veikia. Vizualiai daro tai, ko norite. Bet dabar reikia iš jos kažką parduoti.

Neteisingas žingsnis būtų viską išmesti ir perkurti „Shopify“. Teisingas žingsnis priklauso nuo trijų dalykų:

1. **Ką parduodate.** Vieną produktą ar katalogą? Fizinį ar skaitmeninį? Prenumeratą ar vienkartinį pirkimą?
2. **Kuo veikia jūsų svetainė.** Jei galite įklijuoti script žymę, galimybių daugiau.
3. **Kiek atsiskaitymo patirties norite valdyti patys.**

Šis straipsnis parodo, kaip „integracija“ iš tikrųjų atrodo 2026 metais kiekvienu iš šių pjūvių. Jei pasirinksite teisingai, keisti platformos nereikia.

## Trys tikri integracijos modeliai

### 1 modelis: nukreipimas į talpinamą atsiskaitymą

Paprasčiausias. Jūsų svetainėje yra pirkimo mygtukai. Paspaudus mygtuką, klientas palieka jūsų svetainę ir patenka į atsiskaitymą (Stripe Payment Links, Gumroad, Payhip, Lemonsqueezy). Mokėjimas vyksta jų domene, o po to klientas grįžta į jūsų padėkos puslapį.

**Privalumai:** jokios JS integracijos, veikia tiesiogine prasme bet kurioje svetainėje, mažai priežiūros. **Trūkumai:** patirties lūžis (išėjimas iš jūsų svetainės) kenkia konversijai. Prekės ženklas nenuoseklus. Apleistų krepšelių srautus ir analitiką sunkiau įdiegti.

Tinka: vieno produkto kūrėjams, mažai apyvartai, techniniam nenoru kažką įterpti.

### 2 modelis: valdiklio įterpimas į puslapį

Įterptas valdiklis veikia jūsų svetainės viduje. Klientas niekada jos nepalieka. Krepšelis, produkto informacija ir atsiskaitymas visi atvaizduojami jūsų puslapiuose.

Tai siūlo Shoprocket, Snipcart, Ecwid ir panašios platformos.

Tipinė integracija:

```
<!-- 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>
```

Viena eilutė, vienas įklijavimas, ir viskas. Valdiklis automatiškai sinchronizuojasi su jūsų skydeliu: produktai, kainos, paveikslėliai, mokesčių taisyklės, siuntimo parinktys, mokėjimo būdai. Klientai lieka jūsų domene nuo „naršymo“ iki „ačiū už užsakymą“.

**Privalumai:** nuosekli patirtis, prekės ženklo kontrolė, mažiau konversijos nuotėkių. **Trūkumai:** jūsų svetainė dabar turi JS priklausomybę. Dauguma jų lengvos (~20-50 KB), bet ne nulinės.

Tinka: bet kuriai svetainei, norinčiai tikros parduotuvės nekeičiant platformos.

### 3 modelis: headless (API) integracija

Sąsają kuriate patys ir prekybos mechanikai kviečiate prekybos API (Stripe API, Shopify Storefront API, BigCommerce, Commercetools). Visiškai individualu, visiškai jūsų.

**Privalumai:** pilna kontrolė, jokių vizualinių kompromisų, tinka individualiems srautams. **Trūkumai:** tikras inžinerinis darbas. Kuriate atsiskaitymą, krepšelio būseną, mokesčių skaičiavimą, atsargų sinchronizavimą, webhooks. Mėnesiai laiko, o ne minutės.

Tinka: komandoms su kūrėju, visą darbo dieną dirbančiu su prekyba, arba produktams, kurie netilptų į paruoštą valdiklį.

## Sprendimų medis

Pradėkite nuo „ar norite, kad klientas paliktų jūsų svetainę“:

- **Taip**: 1 modelis (talpinamo atsiskaitymo nuoroda). Stripe Payment Links arba Gumroad, nustatyti užtrunka 10 minučių.
- **Ne**: pereikite prie kito klausimo.

Ar norite rašyti individualų kodą?

- **Taip, turime kūrėjų pajėgumų**: 3 modelis (headless).
- **Ne, norime paruošto**: 2 modelis (įterptas valdiklis). Čia atsiduria dauguma svetainių.

2 modeliui kitas sprendimas yra platformos pasirinkimas. Tai aptarta atskirame mūsų straipsnyje: [įterpiamų krepšelių platformų palyginimas](https://v3.shoprocket.io/lt/tinklarastis/iterpiami-krepselio-sprendimai-snipcart-ecwid-gumroad-payhip-shoprocket-palyginimas.md).

## Kaip tikra 2 modelio integracija atrodo populiariose platformose

### WordPress

Įmeskite įterpimo kodą į Custom HTML bloką (blokų redaktorius) arba teksto valdiklį (klasikinė šoninė juosta). Papildinio diegti nereikia.

### Squarespace

Pridėkite Code Block bet kuriame puslapyje. Įklijuokite. Valdiklis gerbia jūsų Squarespace temos plotį ir tarpus.

### Webflow

Embed Element → įklijuokite. Webflow statinis eksportas paskelbiant vis tiek įtraukia įterpimą.

### Framer

Embed element → įklijuokite. Framer kūrėjų įrankiai leidžia lengvai įmesti kodą į konkretų skyrių.

### Carrd

Custom code komponentas (mokamo plano funkcija). Vieno puslapio svetainės su parduotuvės skirtuku, paprasta.

### Notion

Naudokite viešą Notion puslapį kaip svetainę, įterpkite per tokią paslaugą kaip Super ar Potion ir įklijuokite kodą. Tampa tikra parduotuve.

### Statinis HTML / Jekyll / Hugo / 11ty

Įklijuokite kodą į šabloną, kuris atvaizduoja jūsų parduotuvės puslapį. Daugiau nieko.

## Kas pasikeičia jūsų svetainėje po integracijos

Mažiau, nei manote.

- Esami puslapiai lieka tokie, kokie yra. Temos redaguoti nereikia.
- Skriptas kraunamas asinchroniškai, todėl puslapio greitis iš esmės nepasikeičia (Lighthouse rezultatai išlieka).
- Produktai, kainos ir atsargos gyvena jūsų prekybos skydelyje, o ne CMS.
- Klientų duomenys (užsakymai, el. paštai, adresai) keliauja į prekybos platformą. Jūsų CMS nieko to tvarkyti nereikia.

Ko jums NEREIKIA daryti:

- Perkurti svetainės
- Diegti CMS papildinio
- Perkelti turinio
- Samdyti kūrėjo
- Pirkti naujo domeno

> **Patarimas:** Pirmiausia išbandykite valdiklį bandomajame puslapyje. Jis neturėtų niekam prieštarauti, bet verta patikrinti su jūsų konkrečia tema prieš keliant į gamybinį parduotuvės puslapį.

## Kada iš tikrųjų verta keisti platformą

Kartais atsakymas YRA „pereiti į pilną prekybos platformą“. Požymiai:

- Uždirbate 100 tūkst. USD+ per mėnesį ir pagrindinis jūsų svetainės darbas tapo pardavimas, o ne prekės ženklas.
- Jums reikia POS integracijos (fizinė mažmeninė prekyba + internetas).
- Jūsų produktų katalogas >1 000 SKU su nuolatiniais atnaujinimais.

Tokiu mastu „Shopify Plus“ ar panašus sprendimas pradeda atsipirkti. Daugumai nepriklausomų svetainių, nesiekiančių šios ribos, įterpimas pigesnis, greitesnis ir išsaugo jau turimą svetainę.

## Trumpai

- **Talpinamo atsiskaitymo nuoroda**: greičiausia, sulaužo patirtį mokėjimo metu. Gera vienam produktui.
- **Įterptas valdiklis**: palieka klientą jūsų svetainėje, platformos keisti nereikia. Gera numatytoji parinktis.
- **Headless API**: pasidaryk pats, mėnesiai darbo. Verta tik dideliu mastu.

[Išbandykite Shoprocket įterpimą savo esamoje svetainėje](https://app-v3.shoprocket.io/signup). Nemokamas bandomasis laikotarpis, kortelės nereikia. Kainos: [nuo 29 USD](https://v3.shoprocket.io/lt/kainos.md), jokių sandorių mokesčių nė viename plane.

---

- HTML version: https://v3.shoprocket.io/lt/tinklarastis/kaip-prideti-el-prekyba-prie-bet-kurios-svetaines-nekeiciant-platformos
- Language: Lietuvių (lt)
- 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), [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), [Polski](https://v3.shoprocket.io/pl/blog/jak-dodac-e-commerce-do-dowolnej-strony-bez-zmiany-platformy.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)