Loch Ness · PLUGIN-URI
De Camille G., fondator al Loch Ness · Publicat 12 iulie 2026 · Timp de citire ≈ 6 min
Despre autor
Camille G. creează bijuterii artizanale și simbolice din 2013. Developer full-stack, ea proiectează și codifică compozitorul prezentat aici ea însăși, cu mai multe contribuții la proiecte open source în activul ei. Această perspectivă duală — artizanală și tehnică — îi permite să stăpânească atât experiența clientului, cât și soluția care o alimentează. Cercetătoare și meșteră, ea și publică lucrarea sub ORCID identifier 0009-0009-0364-6396. Acest articol se bazează atât pe această experiență practică, cât și pe documentația oficială Shopify, citată la sfârșitul paginii.
Vinzi brățări din pietre prețioase (vindecare prin cristale) și ți-ar plăcea ca clienții tăi să-și compună propriile brățări direct în magazinul tău? Vești bune: pe Shopify, poți face asta fără să instalezi nicio aplicație și fără să atingi codul temei tale. Acest tutorial îți arată, pas cu pas, cum să adaugi componistul Loch Ness pe site-ul tău în câteva minute.
1. Ce aveți nevoie înainte de a începe
Integrarea se bazează pe o metodă simplă și dovedită: compozitorul este încărcat în pagina dvs. printr-un cadru sigur (un "iframe"). În practică, compozitorul rămâne găzduit pe serverele noastre și se afișează pe ale dvs.: nu aveți nimic de găzduit, nimic de actualizat, și beneficiați automat de cele mai recente îmbunătățiri.
Doar două lucruri sunt necesare: al tău ID abonat (furnizat de Loch Ness când vă activați contul, de exemplu my-shop), și o temă Shopify recentă. Toate temele editate din 2021 — inclusiv Dawn, tema implicită — includ blocul necesar în mod implicit.
2. Adăugați compozitorul, pas cu pas
Accesează panoul de administrare Shopify, apoi urmărește acești cinci pași:
1. Du-te la Magazin Online → Teme, apoi faceți clic Personalizează.
2. Deschideți pagina în care doriți să afișați compozitorul (o pagină dedicată "Compuneți-vă Brățara" sau o pagină de produs).
3. Apasă Adăugați o secțiune (sau Adaugă un bloc), și alegeți Lichid Personalizat.
4. Lipiți codul din secțiunea 3 mai jos, înlocuind IDENTIFICATORUL-DUMNEAVOASTRĂ cu al tău.
5. Apasă Salvare. Compozitorul apare imediat în previzualizare.
2. Deschideți pagina în care doriți să afișați compozitorul (o pagină dedicată "Compuneți-vă Brățara" sau o pagină de produs).
3. Apasă Adăugați o secțiune (sau Adaugă un bloc), și alegeți Lichid Personalizat.
4. Lipiți codul din secțiunea 3 mai jos, înlocuind IDENTIFICATORUL-DUMNEAVOASTRĂ cu al tău.
5. Apasă Salvare. Compozitorul apare imediat în previzualizare.
În practică. Mulți creatori preferă să creeze o pagină dedicată intitulată "Compune-ți Brățara" și să o adauge în meniul principal. Compozitorul are mai mult spațiu acolo decât în mijlocul unei pagini de produs, iar linkul este ușor de partajat pe Instagram sau prin mesaj.
3. Codul de lipit
Copiați blocul de mai jos și lipiți-l în Lichid Personalizat câmp. Doar nu uita să înlocuiești IDENTIFICATORUL-DUMNEAVOASTRĂ cu identificatorul Loch Ness pe care ți l-a furnizat.
<div class=”ln-composeur” style=”max-width:900px;margin:0 auto;background:#f7f5f0;border:1px solid #d8d4c8;border-radius:12px;overflow:hidden;”> <iframe src=”https://visual.scaleyourshop.app/?client=YOUR-IDENTIFIER” style=”width:100%;height:900px;border:0;display:block;” loading=”lazy” title=”Bracelet Composer” allow=”clipboard-write”></iframe> </div> <style>@media (max-width:768px){.ln-composeur iframe{height:680px;}}</style>
Pentru a copia: faceți clic în cadrul închis de sus, apăsați Ctrl+A (sau ⌘+A pe Mac) pentru a selecta tot, apoi Ctrl+C (sau ⌘+C) pentru a copia.
Sfat: evitați să lipiți acest cod într-o descriere de produs prin editorul de text clasic. Shopify filtrează uneori iframe-urile acolo. Blocul "Custom Liquid", pe de altă parte, nu aplică niciun filtru.
4. Versiunea în limba engleză și întrebări frecvente
Vindeți la nivel internațional? Pentru a afișa compozitorul în limba engleză, pur și simplu înlocuiți URL-ul cu: https://visual.scaleyourshop.app/index-en.html?client=YOUR-IDENTIFIER. Restul blocului nu se schimbă.
Compozitorul se adaptează la brandul meu? Da. Culorile tale, logo-ul, prețurile și selecția de piatră sunt legate de identificatorul tău. Pur și simplu trimite-ne preferințele tale și vom configura compozitorul pentru a se potrivi brandului tău.
Dar ce zici de mobil? Compozitorul este conceput pentru atingere și se afișează perfect pe telefoane. Înălțimea se ajustează automat datorită codului furnizat.
Trebuie să instalez o aplicație din Shopify App Store? Nu, și asta e intenționat: nicio aplicație de instalat, nicio încetinire a magazinului tău. Un bloc simplu este suficient.
Oferiți clienților dvs. brățara pe care și-o imaginează
Testați compozitorul gratuit, apoi activați-l pe magazinul dvs. Shopify cu identitatea proprie. Vă ghidăm la fiecare pas.
Surse
1. Shopify — Adăugați conținut Liquid personalizat la o temă (documentație oficială) — help.shopify.com
2. Shopify — Teme Online Store 2.0 și secțiuni dinamice — help.shopify.com
3. MDN Web Docs — Elementul iframe și atributul loading — developer.mozilla.org
Articol scris de Loch Ness. Datele citate aparțin autorilor respectivi și sunt reproduse în scopuri informative, cu linkuri către sursa originală.