# Încorporează Shoprocket pe orice site

> Vinde de pe site-ul pe care îl ai deja. Creează o încorporare în Încorporări, fă clic pe Obține codul și lipește-l în pagină pe WordPress, Squarespace, Wix, Webflow sau HTML simplu. Modificările salvate mai târziu ajung pe fiecare pagină fără să mai lipești.

Centrul de ajutor / Integrare - Actualizat 28 octombrie 2026

O încorporare pune o parte din magazinul tău pe orice site: un produs cu buton de cumpărare, un catalog complet de produse, categoriile tale sau un câmp de căutare. O construiești în **Încorporări**, faci clic pe **Obține codul** și lipești codul în pagină. Coșul și finalizarea comenzii se deschid chiar pe pagina ta, deci clienții nu-ți părăsesc niciodată site-ul.

Lipești codul o singură dată. Când modifici o încorporare mai târziu, chiar dacă o treci pe alt aspect, fiecare pagină pe care se află se actualizează la salvare.

## Înainte să începi

- Adaugă cel puțin un produs activ. O încorporare pentru un produs are nevoie de un produs de vândut.
- Trebuie să poți edita site-ul și să adaugi un bloc de cod sau HTML pe o pagină. Notele pentru fiecare constructor de site-uri sunt mai jos.

## Pasul 1 (opțional, recomandat): Adaugă Shoprocket pe fiecare pagină a site-ului

În partea de sus a **Încorporări** e un card **Adaugă Shoprocket pe fiecare pagină a site-ului tău**. Conține o singură linie de cod pentru antetul site-ului. Cu ea la locul ei, coșul tău plutitor și chatul live funcționează pe fiecare pagină a site-ului, nu doar pe cele cu o încorporare, iar orice încorporare adaugi mai târziu funcționează direct.

1. În panou, mergi la **Încorporări**.
2. Pe cardul **Adaugă Shoprocket pe fiecare pagină a site-ului tău**, fă clic pe **Copiază**.
3. Alege constructorul tău de site-uri din filele de sub cod (**HTML**, **WordPress**, **Squarespace**, **Wix** sau **Webflow**) și urmează cei doi pași ai lui ca să lipești linia în antetul site-ului.
4. Deschide orice pagină a site-ului. Starea cardului se schimbă din **Nu a fost văzut încă** în **Conectat**.

Poți sări peste acest pas. Codul fiecărei încorporări include aceeași linie, deci o încorporare funcționează singură pe orice pagină.

## Pasul 2: Creează o încorporare

1. În **Încorporări**, fă clic pe **Încorporare nouă**.
2. La **Ce afișează**, alege una: **Un produs**, **Catalog de produse**, **Categorii** sau **Căutare**.
3. Alege un aspect:
   - **Un produs**: **Buton**, **Compact**, **Card**, **Vedetă** sau **Detalii complete**. Apoi alege produsul la **Ce produs?**
   - **Catalog de produse**: **Grilă**, **Carusel** sau **Listă**. La **Ce produse?** alege **Toate produsele**, **O categorie** sau **Alese manual**.
   - **Categorii**: **Plăci**.
   - **Căutare**: **Câmp de căutare** sau **Pictogramă de căutare**.
4. Fă clic pe **Continuă**.

Fiecare aspect este aceeași încorporare cu setări diferite, deci poți schimba aspectul mai târziu în editor, iar codul pe care îl lipești rămâne același.

![Ecranul Încorporare nouă cu Catalog de produse ales și aspectele Grilă, Carusel și Listă de ales](https://v3.shoprocket.io/img/help/embed-on-any-website/new-embed-chooser.webp)

## Pasul 3: Personalizează-o

Editorul arată o previzualizare live prin care poți naviga ca un cumpărător: adaugi în coș, deschizi produse și finalizezi comanda. Schimbi ce afișează încorporarea în fila **Această încorporare**. Fila **Magazin** setează culorile și fonturile pentru tot magazinul, deci toate încorporările și coșul tău plutitor se potrivesc.

Încorporarea primește la început un nume, precum "Produse · Grilă". Îl poți redenumi oricând.

Când ești mulțumit, fă clic pe **Salvează și obține codul**.

## Pasul 4: Copiază codul și lipește-l în site

După salvare se deschide panoul **Obține codul**. Arată așa:

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

Copiază-ți mereu codul cu butonul, nu-l retasta niciodată. Prima linie numește încorporarea, scriptul încarcă Shoprocket pentru magazinul tău, iar ultima linie este locul unde apare încorporarea.

![Panoul Obține codul cu file pentru constructorii de site-uri, codul de încorporare și butonul Copiază codul](https://v3.shoprocket.io/img/help/embed-on-any-website/get-code.webp)

1. Fă clic pe **Copiază codul**.
2. Alege constructorul tău de site-uri din filele panoului și lipește codul unde trebuie să apară încorporarea:
   - **HTML**: lipește codul unde trebuie să apară încorporarea. Linia de script trebuie să fie pe o pagină o singură dată, oricâte încorporări are.
   - **WordPress**: în editorul de blocuri, adaugă un bloc **HTML personalizat** unde trebuie să stea încorporarea. Lipește codul și actualizează pagina. Pe WordPress.com, scripturile necesită un plan care permite pluginuri.
   - **Squarespace**: editează pagina și adaugă un bloc **Cod** unde trebuie să stea încorporarea. Lipește codul, lasă afișarea setată pe HTML și salvează.
   - **Wix**: în editor, alege **Adaugă**, apoi **Cod de încorporare**, apoi **Încorporează HTML**. Lipește codul în casetă și redimensionează-o să se potrivească. Wix o afișează într-un cadru, deci dă-i loc pentru coș.
   - **Webflow**: trage un element **Code Embed** unde trebuie să stea încorporarea. Lipește codul, salvează și publică site-ul.

Dacă ai adăugat deja Shoprocket în antetul site-ului la Pasul 1, pagina are nevoie doar de ultima linie a codului, cea care începe cu `<div`.

Ca să obții codul din nou mai târziu, deschide încorporarea din **Încorporări** și fă clic pe **Obține codul**.

**Nu ai site?** Pentru un produs fără opțiuni, panoul **Obține codul** oferă și **Nu ai site? Distribuie un link de cumpărare**. Fă clic pe **Copiază linkul** și distribuie-l oriunde: deschide finalizarea comenzii cu acel produs. Un produs cu opțiuni își face linkul pe propria pagină de produs, unde alegi opțiunea.

**Adăugarea căutării într-un meniu.** Pentru o încorporare **Căutare**, panoul îți dă și un link, `#!/search`, pe care îl adaugi ca element de meniu numit Căutare pe site. Deschide aceeași căutare pe orice pagină cu o încorporare Shoprocket, fără cod.

## Coșul plutitor

Magazinul tău are un singur coș plutitor. Este butonul pe care fac clic clienții ca să-și deschidă coșul și să finalizeze comanda, și apare pe fiecare pagină pe care rulează codul tău Shoprocket. În **Încorporări** este primul rând, **Coș plutitor**, marcat **Mereu activ**.

Ca să schimbi cum arată, fă clic pe **Coș plutitor**. Poți seta **Poziție** pe marginea paginii, **Distanță** față de lateral și de sus sau jos, ce **Afișează**, **Formă**, **Dimensiune** și **Pictogramă** (sau propria imagine) și dacă se afișează un link de **Autentificare**. Fă clic pe **Salvează**. Culorile și fonturile vin din designul magazinului.

## Modificarea sau eliminarea unei încorporări

- **Modifică-o**: deschide încorporarea din **Încorporări**, fă modificările și fă clic pe **Salvează**. Fiecare pagină pe care apare se actualizează. Nu ai nevoie de cod nou.
- **Scoate-o de pe o pagină**: șterge codul de pe acea pagină a site-ului.
- **Șterge-o**: în **Încorporări**, folosește butonul de ștergere de pe rândul ei și confirmă. Scoate codul și de pe paginile tale.

## Pentru dezvoltatori

Ghidul pentru dezvoltatori acoperă fiecare opțiune a codului, afișarea unei încorporări fără panou și JavaScript-ul oferit de widget: [Încorporează widgetul](https://v3.shoprocket.io/docs/embedding.md).

## Articole conexe

- [Ce este Shoprocket?](https://v3.shoprocket.io/ro/ajutor/ce-este-shoprocket.md)
- [Conectează-ți contul Stripe](https://v3.shoprocket.io/ro/ajutor/conecteaza-ti-contul-stripe.md)
- [Magazinul tău găzduit](https://v3.shoprocket.io/ro/ajutor/magazinul-tau-gazduit.md)

[Deschide Încorporări în panou](https://app-v3.shoprocket.io/go/embeds)

---

- HTML version: https://v3.shoprocket.io/ro/ajutor/incorporeaza-shoprocket-pe-orice-site
- Language: Română (ro)
- 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), [Lietuvių](https://v3.shoprocket.io/lt/pagalba/iterpkite-shoprocket-i-bet-kuria-svetaine.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), [Русский](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)
