# Pridėkite prekybą prie jau turimos svetainės.

Vienas asinchroninis scenarijaus žymeklis, pora HTML konteinerių, ir jūsų esama svetainė tampa parduotuve. Veikia su WordPress, Webflow, Ghost, Carrd, Framer, paprastu HTML ar bet kuria CMS, leidžiančia įklijuoti scenarijaus žymeklius. Be perkūrimo. Be papildinio. Be temos keitimo.

[Pradėti nemokamą bandymą](https://app-v3.shoprocket.io/signup?lang=lt)[Pamatyti kodo fragmentą](#the-snippet)

14 dienų nemokamas bandomasis laikotarpis

Be kredito kortelės

0 % platformos mokesčių

Veikia bet kuriame plane

1

Eilutės įterpimui

Bet kuri

Svetainė

Pilna

Krepšelis ir apmokėjimas

0%

Platformos mokesčiai

● Problema

## Turite svetainę. Norite joje parduoti. Ne perkurti jos.

Dauguma prekybos platformų nori, kad pakeistumėte dabartinę svetainę jų svetaine. WordPress prašo WooCommerce. Wix nori Wix Stores. Squarespace nori Squarespace Commerce. Shopify nori viso to savo technologijų rinkinyje. Jūs norėjote parduotuvės, o ne perkėlimo projekto.

01

### Jūsų svetainė jau veikia.

Jūsų prekių ženklas, turinys, tinklaraštis, animacijos, SEO. Darbas, kurį jau padarėte. Nė vienas iš jų neturėtų keistis tik todėl, kad pridedate apmokėjimą.

02

### Jūsų CMS nėra problema.

WordPress puikus. Webflow gražus. Ghost tobulas turiniui. Carrd greitas. Nė vienas neturėtų versti jūsų išeiti dėl to, kad gimtąja prasme netvarko prekybos.

03

### Jūsų parduotuvė turėtų gyventi jūsų svetainėje.

Ne atskirame subdomene, ne nukreipimu į talpinamą krepšelį. Prekės puslapis jūsų, apmokėjimas vyksta jame, o klientas niekada nepalieka svetainės.

● Kaip tai veikia

## Trys HTML eilutės. Keturi valdiklių tipai.

Įklijuokite įkėlimo scenarijų vieną kartą. Įdėkite HTML konteinerius ten, kur norite prekybos. Valdiklis automatiškai prijungia kiekvieną rastą, kai puslapis atvaizduojamas.

Diegimas

### Vienas scenarijaus žymeklis. Asinchroninis. Neblokuojantis.

Scenarijaus žymeklis dedamas svetainės head dalyje, prieš pat uždarantį body žymeklį arba jūsų CMS antraštės šablone. Jis įkeliamas asinchroniškai, todėl niekada nesustabdo puslapio atvaizdavimo. Įsikėlęs jis nuskaito puslapį ieškodamas bet kurio HTML elemento su data-shoprocket atributu ir ten prijungia atitinkamą valdiklį. Jei puslapyje valdiklių elementų nėra, jis vis tiek paleidžia slankųjį krepšelį, kad parduotuvės mygtukai kitur jūsų svetainėje veiktų.

- ✓ Asinchroninis įkėlimas, jokio poveikio LCP ar CLS
- ✓ Automatiškai prijungia kiekvieną puslapio data-shoprocket elementą
- ✓ Slankusis krepšelis paleidžiamas visoje svetainėje net puslapiuose be valdiklių

● Valdiklių tipai

## Keturios formos, visos tame pačiame puslapyje.

Rinkitės tą, kurio reikia, ten, kur reikia. Pagrindiniame puslapyje gali būti išskirtos prekės valdiklis, atskirame parduotuvės puslapyje pilnas katalogas, o straipsnyje vienos prekės įterpinys. Viskas toje pačioje svetainėje, viskas iš tos pačios parduotuvės.

01

### Katalogas.

Pilnas prekių tinklelis su filtrais, kategorijomis ir paieška. Įdėkite jį į savo /shop puslapį ir klientai naršys visą jūsų parduotuvę.

02

### Prekė.

Viena prekės kortelė su kaina, variantais ir pridėjimu į krepšelį. Įdėkite tiesiai straipsnyje ar nukreipimo puslapyje šalia pasiūlymo.

03

### Krepšelis.

Pats krepšelis kaip puslapio valdiklis. Arba leiskite slankiajam krepšeliui tvarkyti visoje svetainėje, scenarijus tai paleidžia automatiškai.

04

### Apmokėjimas.

Krepšelis, adresai, pristatymas ir užsakymo suvestinė jūsų puslapyje. Paskutinis mokėjimo žingsnis nukreipia į procesorių dėl PCI atitikties ir grąžina klientą į jūsų svetainę.

● Veikia ten, kur gyvenate

## Jei leidžia scenarijaus žymeklį, Shoprocket įsikelia.

Specialiai išbandyta ir dokumentuota toliau nurodytoms kūrimo priemonėms. Praktiškai veikia visur, kur galite įklijuoti HTML.

01

### WordPress.

Savarankiškai talpinamas arba WordPress.com. Bet kuri tema, bet kuris puslapių kūrėjas (Elementor, Gutenberg, Divi ir kt.). WooCommerce nereikia. Nereikia prižiūrėti papildinio.

02

### Webflow.

Naudokite Embed elementą ten, kur norite parduotuvės. Pasilikite savo Webflow CMS planą, Ecommerce plano atnaujinti nereikia.

03

### Ghost.

HTML kortelė bet kuriame įraše ar puslapyje. Ghost idealus kūrėjams, kurie kartu su turiniu siūlo prekes.

04

### Carrd, Framer, Notion.

Vieno puslapio ir dizainu pagrįsti kūrėjai. Veikia su Carrd Pro Standard įterpiniais, Framer kodo komponentais ir Notion per Super.so / HeyNotion apvalkalus.

05

### Statinis HTML ir JAMstack.

Cloudflare Pages, Netlify, Vercel, paprastas statinis HTML, bet kuris Jekyll / Hugo / Astro / 11ty kūrinys. Įklijuokite kodo fragmentą ir pirmyn.

06

### React, Next.js, Vue, Svelte.

Įdiekite npm paketą \`@shoprocket/widget\` glaudžiai integracijai su karkasu. Importuokite komponentą, prijunkite ten, kur norite parduotuvės.

● Našumas

## Jūsų Core Web Vitals lieka žali.

Visa įterpiamos bet kur prekybos esmė ta, kad jūsų svetainė toliau elgiasi kaip jūsų svetainė.

Skaičiais

### Asinchroninis scenarijus, talpykloje išsaugota konfigūracija, greitas prijungimas.

Įkėlimo scenarijus pateikiamas asinchroniškai, todėl LCP nepaliečiamas. Parduotuvės konfigūracija gaunama iš mūsų API ir talpinama krašte (1 valandos TTL), todėl pakartotiniai puslapių peržiūrėjimai nekartoja užklausos. Valdiklis atvaizduojamas rezervuotame konteineryje, todėl maketas nešokinėja. Svetainės, kurios prieš įterpinį buvo žalios Lighthouse, lieka žalios ir po jo.

- ✓ Asinchroninis scenarijaus žymeklis: jokio poveikio LCP ar CLS
- ✓ Parduotuvės konfigūracija talpinama krašte, pakartotinai peržiūrint teikiama iš CDN
- ✓ Rezervuoti prijungimo konteineriai reiškia, kad nėra kaupiamojo maketo poslinkio

● Dažni klausimai

## Atsakymai apie įterpimą.

Ko žmonės klausia prieš įklijuodami kodo fragmentą.

Kur iš tikrųjų veikia krepšelis ir apmokėjimas? +

Krepšelis, adresai ir pristatymo pasirinkimas vyksta įterpinyje jūsų puslapyje, niekas nepalieka jūsų svetainės naršymo ir pasirinkimo metu. Paskutinis mokėjimo žingsnis nukreipia į jūsų prijungtą mokėjimų procesorių (Stripe, PayPal) dėl PCI atitikties ir grąžina klientą į jūsų svetainę užsakymo patvirtinimui. Taip veikia kiekvienas modernus mokėjimo srautas; apsimetinėti kitaip būtų nesąžininga.

Ar tame pačiame puslapyje gali būti keli valdikliai? +

Taip. Įkėlimo scenarijus nuskaito puslapį ieškodamas kiekvieno elemento su data-shoprocket atributu ir prijungia kiekvieną. Viename puslapyje gali būti išskirtų prekių karuselė, žemiau katalogo tinklelis ir kur nors kitur tiesioginis apmokėjimas. Viskas iš tos pačios parduotuvės.

Ar tai sulėtina mano svetainę? +

Jokio reikšmingo poveikio. Įkėlimo scenarijus asinchroninis, todėl nesustabdo jūsų puslapio atvaizdavimo. Parduotuvės konfigūracija talpinama krašte, todėl pakartotiniai lankytojai nekartoja užklausų. Valdikliai prijungiami rezervuotuose konteineriuose, todėl nėra kaupiamojo maketo poslinkio. Jei jūsų svetainė išlaikė Core Web Vitals prieš tai, išlaikys ir po to.

Ką daryti, jei naudoju React / Next.js / Vue? +

Tiesiogiai įdiekite npm paketą \`@shoprocket/widget\`. Importuokite komponentą, prijunkite ten, kur reikia parduotuvės, perduokite konfigūracijos savybes. Suteikia smulkesnę kontrolę, nei scenarijaus žymeklio įterpimas.

O Wix ir Squarespace? +

Squarespace veikia gerai. Naudokite Code Block elementą Core plane ar aukštesniame, įklijuokite kodo fragmentą, baigta. Wix kiekvieną trečiosios šalies įterpinį uždaro iframe smėlio dėžėje, o tai sugadina apmokėjimą, todėl nerekomenduojame; sąžiningas atsakymas Wix naudotojams yra Shoprocket talpinama parduotuvė arba perėjimas prie kūrėjo, leidžiančio tikrus įterpinius. Žr. mūsų atskirą Wix puslapį dėl trijų tolesnių kelių.

Ar galiu naudoti savo domeną? +

Taip. Valdiklis veikia tame domene, kuriame yra priimančioji svetainė. Jūsų prekės, krepšelis ir apmokėjimas visi yra adresu your-site.com. Jokio atskiro Shoprocket subdomeno, jokių nukreipimų. Klientai nesupranta, kad už prekybos sluoksnio yra trečioji šalis.

Kaip pritaikyti valdiklio išvaizdą? +

Valdiklis paveldi jūsų svetainės CSS maketo kontekstui (konteinerių plotį, tipografijos pagrindą). Pačiai prekybos sąsajai rinkitės iš daugiau nei 40 temų plius šviesią / tamsią spalvų schemą per data atributus prijungimo elemente. Gilesniam pritaikymui nustatykite CSS kintamuosius savo svetainės stiliaus lape ir valdiklis juos paims.

Ką daryti, jei turiu kelias įterpimo konfigūracijas skirtingiems puslapiams? +

Sukurkite kelias įterpimo konfigūracijas savo Shoprocket valdymo skydelyje, kiekviena su savo ID, tema ir funkcijų rinkiniu. Nukreipkite kiekvieną HTML konteinerį į tinkamą įterpimo ID. Pagrindiniame puslapyje gali būti kompaktiškas išskirtų prekių įterpinys, o atskirame parduotuvės puslapyje pilnas katalogo įterpinys, viskas toje pačioje parduotuvėje.

Ar Shoprocket tikrai 0 % platformos mokesčių? +

Taip. Jūsų mokėjimų procesorius (Stripe, PayPal ir kt.) vis tiek ima savo standartinį apdorojimo mokestį, tai pinigų judėjimo kaina, bet Shoprocket nieko nepriduria. 0 % platformos mokesčių taikoma kiekvienam planui, įskaitant kiekvieną įterpimą bet kur.

## Jūsų svetainė. Dabar su prekyba.

14 dienų nemokamas bandomasis laikotarpis. Be kredito kortelės. Įklijuokite kodo fragmentą, paleiskite parduotuvę, pasilikite svetainę.

[Pradėti nemokamą bandymą](https://app-v3.shoprocket.io/signup?lang=lt)[Susisiekite](https://v3.shoprocket.io/lt/kontaktai.md)

---

- HTML version: https://v3.shoprocket.io/lt/funkcijos/pardavimas-bet-kurioje-svetaineje
- Language: Lietuvių (lt)
- 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), [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), [Polski](https://v3.shoprocket.io/pl/funkcje/sprzedaz-na-kazdej-stronie.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)