# Įterpkite Shoprocket į bet kurią svetainę

> Parduokite iš jau turimos svetainės. Sukurkite įterpimą skiltyje Įterpimai, spustelėkite Gauti kodą ir įklijuokite į puslapį WordPress, Squarespace, Wix, Webflow ar paprastame HTML. Vėliau išsaugoti pakeitimai pasiekia kiekvieną puslapį be pakartotinio įklijavimo.

Pagalbos centras / Įterpimas - Atnaujinta 2026 m. spalio 28 d.

Įterpimas bet kurioje svetainėje parodo dalį jūsų parduotuvės: vieną prekę su pirkimo mygtuku, visą prekių katalogą, kategorijas arba paieškos lauką. Jį sukuriate skiltyje **Įterpimai**, spustelite **Gauti kodą** ir įklijuojate kodą į puslapį. Krepšelis ir apmokėjimas atsidaro tiesiog jūsų puslapyje, todėl pirkėjai niekada nepalieka svetainės.

Kodą įklijuojate tik vieną kartą. Kai vėliau pakeičiate įterpimą, net perjungdami į kitą išdėstymą, kiekvienas puslapis, kuriame jis yra, atsinaujina, kai išsaugote.

## Prieš pradedant

- Pridėkite bent vieną aktyvią prekę. Vienos prekės įterpimui reikia prekės, kurią parduoti.
- Turite galėti redaguoti savo svetainę ir pridėti kodo ar HTML bloką į puslapį. Pastabos kiekvienam svetainių kūrėjui pateiktos žemiau.

## 1 žingsnis (neprivalomas, rekomenduojamas): pridėkite Shoprocket į kiekvieną svetainės puslapį

**Įterpimai** viršuje yra kortelė **Pridėkite Shoprocket į kiekvieną savo svetainės puslapį**. Joje yra viena kodo eilutė svetainės antraštei. Ją įdėjus, jūsų plaukiojantis krepšelis ir tiesioginis pokalbis veikia kiekviename svetainės puslapyje, ne tik tuose, kuriuose yra įterpimas, o bet kuris vėliau pridėtas įterpimas tiesiog veikia.

1. Valdymo skydelyje eikite į **Įterpimai**.
2. Kortelėje **Pridėkite Shoprocket į kiekvieną savo svetainės puslapį** spustelėkite **Kopijuoti**.
3. Pasirinkite savo svetainių kūrėją iš skirtukų po kodu (**HTML**, **WordPress**, **Squarespace**, **Wix** arba **Webflow**) ir atlikite jo du žingsnius, kad įklijuotumėte eilutę į svetainės antraštę.
4. Atidarykite bet kurį svetainės puslapį. Kortelės būsena pasikeičia iš **Dar nepastebėta** į **Prijungta**.

Šį žingsnį galite praleisti. Kiekvieno įterpimo kode yra ta pati eilutė, todėl įterpimas pats veikia bet kuriame puslapyje.

## 2 žingsnis: sukurkite įterpimą

1. Skiltyje **Įterpimai** spustelėkite **Naujas įterpimas**.
2. Po **Ką rodo** pasirinkite vieną: **Viena prekė**, **Prekių katalogas**, **Kategorijos** arba **Paieška**.
3. Pasirinkite išdėstymą:
   - **Viena prekė**: **Mygtukas**, **Kompaktiškas**, **Kortelė**, **Išskirtinis** arba **Pilna informacija**. Tada pasirinkite prekę po **Kuri prekė?**
   - **Prekių katalogas**: **Tinklelis**, **Karuselė** arba **Sąrašas**. Po **Kurios prekės?** pasirinkite **Visos prekės**, **Kategorija** arba **Atrinktos rankomis**.
   - **Kategorijos**: **Plytelės**.
   - **Paieška**: **Paieškos laukas** arba **Paieškos piktograma**.
4. Spustelėkite **Tęsti**.

Kiekvienas išdėstymas yra tas pats įterpimas su skirtingais nustatymais, todėl vėliau galite keisti išdėstymą rengyklėje, o kodas, kurį įklijavote, lieka toks pat.

![Ekranas Naujas įterpimas su pasirinktu Prekių katalogas ir išdėstymais Tinklelis, Karuselė bei Sąrašas](https://v3.shoprocket.io/img/help/embed-on-any-website/new-embed-chooser.webp)

## 3 žingsnis: pritaikykite jį

Rengyklė rodo tiesioginę peržiūrą, kurioje galite naršyti kaip pirkėjas: dėti į krepšelį, atidaryti prekes ir apmokėti. Ką rodo įterpimas, keičiate skirtuke **Šis įterpimas**. Skirtukas **Parduotuvė** nustato spalvas ir šriftus visai parduotuvei, todėl visi jūsų įterpimai ir plaukiojantis krepšelis derėtų.

Įterpimas iš pradžių gauna pavadinimą, pavyzdžiui, "Prekės · Tinklelis". Galite jį pervadinti bet kada.

Kai viskas gerai, spustelėkite **Išsaugoti ir gauti kodą**.

## 4 žingsnis: nukopijuokite kodą ir įklijuokite į svetainę

Išsaugojus atsidaro skydelis **Gauti kodą**. Jis atrodo taip:

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

Savo kodą visada kopijuokite mygtuku, niekada neperrašinėkite. Pirmoji eilutė pavadina įterpimą, scenarijus įkelia Shoprocket jūsų parduotuvei, o paskutinė eilutė yra ta vieta, kur atsiranda įterpimas.

![Skydelis Gauti kodą su svetainių kūrėjų skirtukais, įterpimo kodu ir mygtuku Kopijuoti kodą](https://v3.shoprocket.io/img/help/embed-on-any-website/get-code.webp)

1. Spustelėkite **Kopijuoti kodą**.
2. Pasirinkite savo svetainių kūrėją iš skydelio skirtukų ir įklijuokite kodą ten, kur turi atsirasti įterpimas:
   - **HTML**: įklijuokite kodą ten, kur turi būti įterpimas. Scenarijaus eilutė puslapyje reikalinga tik vieną kartą, kad ir kiek įterpimų jame būtų.
   - **WordPress**: blokų redaktoriuje pridėkite **Custom HTML** bloką ten, kur turi būti įterpimas. Įklijuokite kodą ir atnaujinkite puslapį. WordPress.com scenarijams reikia plano, leidžiančio įskiepius.
   - **Squarespace**: redaguokite puslapį ir pridėkite **Code** bloką ten, kur turi būti įterpimas. Įklijuokite kodą, palikite rodymą HTML ir išsaugokite.
   - **Wix**: redaktoriuje pasirinkite **Add**, tada **Embed code**, tada **Embed HTML**. Įklijuokite kodą į laukelį ir pakeiskite dydį. Wix rodo jį rėmelyje, todėl palikite vietos krepšeliui.
   - **Webflow**: nuvilkite elementą **Code Embed** ten, kur turi būti įterpimas. Įklijuokite kodą, išsaugokite ir paskelbkite svetainę.

Jei 1 žingsnyje jau pridėjote Shoprocket į svetainės antraštę, puslapiui reikia tik paskutinės kodo eilutės, tos, kuri prasideda `<div`.

Norėdami vėliau vėl gauti kodą, atidarykite įterpimą skiltyje **Įterpimai** ir spustelėkite **Gauti kodą**.

**Neturite svetainės?** Vienai prekei be parinkčių skydelis **Gauti kodą** taip pat siūlo **Neturite svetainės? Bendrinkite pirkimo nuorodą**. Spustelėkite **Kopijuoti nuorodą** ir pasidalykite ja bet kur: ji atidaro apmokėjimą su ta preke. Prekė su parinktimis savo nuorodą sukuria savo prekės puslapyje, kur pasirenkate parinktį.

**Paieškos pridėjimas į meniu.** **Paieška** įterpimui skydelis taip pat pateikia nuorodą, `#!/search`, kurią pridedate kaip meniu elementą, pavadintą Paieška, savo svetainėje. Ji atidaro tą pačią paiešką bet kuriame puslapyje su Shoprocket įterpimu, be jokio kodo.

## Plaukiojantis krepšelis

Jūsų parduotuvė turi vieną plaukiojantį krepšelį. Tai mygtukas, kurį pirkėjai spusteli, kad atidarytų krepšelį ir apmokėtų, ir jis rodomas kiekviename puslapyje, kuriame veikia jūsų Shoprocket kodas. Skiltyje **Įterpimai** tai pirma eilutė, **Plaukiojantis krepšelis**, pažymėta **Visada įjungta**.

Norėdami pakeisti, kaip jis atrodo, spustelėkite **Plaukiojantis krepšelis**. Galite nustatyti jo **Padėtis** puslapio krašte, **Atstumas** nuo šono ir viršaus ar apačios, ką jis **Rodoma**, jo **Forma**, **Dydis** ir **Piktograma** (arba savo vaizdą) bei ar rodoma **Prisijungimas** nuoroda. Spustelėkite **Išsaugoti**. Spalvos ir šriftai imami iš parduotuvės dizaino.

## Įterpimo keitimas ar šalinimas

- **Pakeisti**: atidarykite įterpimą skiltyje **Įterpimai**, atlikite pakeitimus ir spustelėkite **Išsaugoti**. Kiekvienas puslapis, kuriame jis rodomas, atsinaujina. Naujo kodo nereikia.
- **Pašalinti iš puslapio**: ištrinkite kodą iš to puslapio savo svetainėje.
- **Ištrinti**: skiltyje **Įterpimai** naudokite trynimo mygtuką jo eilutėje ir patvirtinkite. Taip pat pašalinkite jo kodą iš savo puslapių.

## Kūrėjams

Kūrėjų vadove aprašyta kiekviena kodo parinktis, įterpimo rodymas be valdymo skydelio ir JavaScript, kurį siūlo valdiklis: [Įterpkite valdiklį](https://v3.shoprocket.io/docs/embedding.md).

## Susiję

- [Kas yra Shoprocket?](https://v3.shoprocket.io/lt/pagalba/kas-yra-shoprocket.md)
- [Prijunkite savo Stripe paskyrą](https://v3.shoprocket.io/lt/pagalba/prijunkite-stripe-paskyra.md)
- [Jūsų talpinama parduotuvė](https://v3.shoprocket.io/lt/pagalba/jusu-talpinama-parduotuve.md)

[Atidaryti Įterpimai valdymo skydelyje](https://app-v3.shoprocket.io/go/embeds)

---

- HTML version: https://v3.shoprocket.io/lt/pagalba/iterpkite-shoprocket-i-bet-kuria-svetaine
- Language: Lietuvių (lt)
- 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), [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), [Polski](https://v3.shoprocket.io/pl/pomoc/osadz-shoprocket-na-dowolnej-stronie.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)
