Adaugă un constructor de brățări la Shopify-ul tău

De Camille G. · Actualizat octombrie 2026 · Timp de citire ≈ 7 min

Vânzi brățări din piatră și vrei ca clienții tăi să-și proiecteze propriile brățări, direct din magazinul tău Shopify? Poți face asta fără să instalezi o aplicație și fără să atingi codul temei tale. Acest ghid arată patru moduri de a adăuga constructorul de brățări Loch Ness, de la un simplu link de meniu până la un buton plutitor pe fiecare pagină, pas cu pas.

Înainte de a începe

Constructorul rămâne găzduit pe serverele noastre și apare în magazinul tău. Obții întotdeauna cea mai recentă versiune, fără să trebuie să faci actualizări din partea ta. Ai nevoie de două lucruri:

• al tău identificator, trimis de Loch Ness atunci când constructorul dvs. este configurat (de exemplu my-shop);
• un Tema Online Store 2.0, care acoperă toate temele Shopify recente, inclusiv Dawn.

Numele tău, logo-ul, culorile, meniul, prețurile, moneda și alegerea pietrei sunt legate de identificatorul tău. Le modifici din zona client, iar ele se actualizează peste tot în același timp, fără a mai atinge Shopify.

Care opțiune ar trebui să alegi?

Puteți să le combinați. Multe magazine folosesc o pagină dedicată și adaugă o legătură la ea în meniul principal.

Opțiunea 1: un link în meniu sau un buton gata-făcut

Fără niciun cadru, constructorul deschide pagina completă, în culorile tale. Asta îi oferă cel mai mult spațiu, mai ales pe telefoane.

1. Adaugă-l la meniu. În panoul de administrare Shopify, accesați Magazin Online → Navigare, deschideți meniul principal și faceți clic Adăugare element meniu.
2. Denumiți-o și lipiți adresa. Denumiți-o, de exemplu "Designează-ți brățara", apoi lipiți această adresă în câmpul Link:

https://lochness-paris.com/pwa/en/?client=YOUR-IDENTIFIER

Pentru a afișa un buton pe pagina dvs. de pornire sau într-o descriere de produs, utilizați buton gata-făcut din zona dvs. de client. Utilizează deja culorile dvs.

Opțiunea 2: o pagină dedicată "Proiectează-ți brățara"

1. Creează pagina. În panoul de administrare, accesați Magazin Online → Pagini → Adăugare pagină. Dă-i un titlu („Creează-ți brățara") și salvează.
2. Creați un șablon de pagină. Du-te la Magazin Online → Teme → Personalizare. În meniul derulant din partea de sus a editorului, alegeți Pagini, apoi Creare șablon. Numește-l, de exemplu bracelet-builder.
3. Adăugați o secțiune Liquid personalizată. În acest șablon, faceți clic Adăugare secțiune și alege Lichid Personalizat.
4. Lipește codul. Lipiți codul de mai jos în câmpul Custom Liquid și salvați.
5. Atribuiți șablonul. Înapoi la Magazine Online → Pagini, deschideți pagina și alegeți bracelet-builder în Șablon câmp. Salvează.
6. Adaugă-l la meniu. În Magazin Online → Navigare, adaugă un element de meniu care să indice spre această pagină.

<iframe src="https://lochness-paris.com/pwa/en/?client=YOUR-IDENTIFIER" style="width:100%;height:860px;border:0" loading="lazy" title="Bracelet builder"></iframe>
<p style="margin:6px 0 0;font:12px/1.4 Arial,sans-serif;text-align:center;color:#6b6b6b">Bracelet builder by <a href="https://lochness-paris.com/ro" style="color:inherit">Loch Ness&reg;</a></p>

Pe un computer, constructorul afişează două coloane: brăţara pe o parte, pietrele pe cealaltă. Pe un telefon, aceasta trece automat la dispunerea sa mobilă.

Opțiunea 3: un buton flotant pe fiecare pagină

Un mic buton rotund apare într-un colț al magazinului tău. Un singur click deschide constructorul într-un panou, fără a părăsi pagina. Constructorul se încarcă doar la primul click, deci magazinul tău rămâne rapid.

1. Deschideți editorul de teme. Du-te la Magazin Online → Teme → Personalizare.
2. Adăugați o secțiune de lichid personalizat în subsol. În Subsol zona din panoul stâng, faceți clic Adăugare secțiune și alege Lichid Personalizat. O secțiune din subsol apare pe fiecare pagină.
3. Lipiți codul de mai jos și salvați.
4. Aprinde butonul. În zona ta de client, activează butonul flotant și alege textul și latura acestuia (stânga sau dreapta). Poți să-l dezactivezi oricând, fără a atinge Shopify.

<script src="https://lochness-paris.com/pwa/widget.php?client=YOUR-IDENTIFIER&lang=en" async></script>
<p data-ln-credit style="margin:6px 0 0;font:12px/1.4 Arial,sans-serif;text-align:center;color:#6b6b6b">Bracelet builder by <a href="https://lochness-paris.com/ro" style="color:inherit">Loch Ness&reg;</a></p>

Dacă tema dumneavoastră nu permite secțiuni în subsol, lipiți același cod în Magazin Online → Teme → … → Editare cod, în layout/theme.liquid fișier, chiar înainte </body>.

Opțiunea 4: un constructor compact (pagina de coloană sau produs)

Această versiune folosește întotdeauna aspectul mobil, într-un cadru îngust. Este potrivită pentru o bară laterală, o pagină de produs brățară sau un bloc "încearcă-l" pe pagina de start. Adaug-o în Lichid Personalizat secțiune sau bloc, ca în opțiunea 2.

<iframe src="https://lochness-paris.com/pwa/en/?client=YOUR-IDENTIFIER&layout=mobile" style="width:420px;max-width:100%;height:780px;border:0;border-radius:16px" loading="lazy" title="Bracelet builder"></iframe>
<p style="margin:6px 0 0;font:12px/1.4 Arial,sans-serif;text-align:center;color:#6b6b6b">Bracelet builder by <a href="https://lochness-paris.com/ro" style="color:inherit">Loch Ness&reg;</a></p>

Plusieurs langues dans votre boutique

Constructorul există în Engleză, franceză, spaniolă și maghiară (și multe altele la cerere). Pentru a schimba limba, înlocuiți /en/ în adresa cu /fr/, /es/ sau /hu/, și lang=en cu codul potrivit pentru butonul plutitor. Dacă magazinul dvs. utilizează Shopify Markets cu mai multe limbi, adăugați o secțiune Custom Liquid pentru fiecare versiune de limbă, sau contactați-ne: zona dvs. de client oferă codurile pentru fiecare limbă.

Verifică că totul funcționează

• Constructorul vă afișează numele și culorile. Dacă vezi culorile Loch Ness în schimb, identificatorul din cod este probabil greșit scris.
• Testează pe telefonul tău, nu doar în previzualizarea editorului.
• Faceți un design de test și trimiteți-l. Verificați că solicitarea de comandă ajunge la adresa de e-mail configurată pentru magazinul dumneavoastră.
• Pentru butonul flotant, așteptați până la 5 minute după ce o porniți în zona dvs. de client: schimbarea durează atât de mult pentru a apărea.

Întrebări frecvente

Surse

Shopify — Referință lichidă · Shopify — Grupuri de secțiuni (antet și subsol) · MDN Web Docs — Elementul iframe

Scris de Camille G., fondator al Loch Ness. Am proiectat bijuterii simbolice pentru propria mea marcă din 2013 până în 2023, iar de atunci lucrez full-time la construirea de aplicații web și instrumente. Am programat singur acest constructor de brățări. My story · GitHub · ORCID