Pridėkite „Bracelet Composer" programėlę į savo „Shopify" parduotuvę per 5 minutės

Loch Ness · PAPILDINIAI
Autorius: Camille G., „Loch Ness" įkūrėja · Publikuota 2026 m. liepos 12 d. · Skaitymo laikas ≈ 6 min
 
Apie autorių
Camille G. nuo 2013 metų kuria rankų darbo ir simbolinę papuošalą. Pilno ciklo programuotoja, ji projektuoja ir čia pateiktoji kompozitorė pati koduoja, turėdama kelis indėlius atvirai šaltinio projektams. Šis dvejopas požiūris — amatinis ir techninis — leidžia jai valdyti tiek kliento patirtį, tiek ją suteikiančią sprendimą. Tyrėja ir amatininkė, ji publikuoja savo darbą pagal ORCID identifikatorius 0009-0009-0364-6396. Šis straipsnis remiasi tiek praktine patirtimi, tiek oficialia Shopify dokumentacija, nurodyta straipsnio pabaigoje.
Ar parduodate brangakmenių apyrankius (kristalų gydymas) ir norėtumėte, kad jūsų klientai juos sudarytų patys, tiesiogiai jūsų parduotuvėje? Geros naujienos: „Shopify" tai galite padaryti neinstaluodami jokios programėlės ir neliesdami savo temos kodo. Šis vadovas jums žingsnis po žingsnio parodo, kaip per kelias minutes į savo svetainę pridėti „Loch Ness" композер.
1. Ką jums reikia prieš pradedant
Integracija pagrįsta paprasta ir patikrinta metoda: kompozitorius į jūsų puslapį įkeliamas per saugų kadro pavidalą („iframe"). Praktiškai kompozitorius lieka mūsų serveriuose ir rodomas jūsuose: jums nereikia nieko talpinti, nieko atnaujinti, o jūs automatiškai naudojatės naujausiais patobulinimais.
Reikalingi tik du dalykai: jūsų prenumeratoriaus ID (pateikiama Loch Ness, kai aktyvuojate savo paskyrą, pavyzdžiui mano-parduotuvė), ir naujas Shopify tema. Visos temos, redaguotos nuo 2021 m. — įskaitant Dawn, numatytąją temą — pagal numatytuosius parametrus turi reikalingą bloką.
2. Pridėkite kompozitorių, žingsnis po žingsnio
Eikite į savo „Shopify" administravimo sritį ir atlikite šiuos penkis žingsnius:
1. Eikite į Internetinė parduotuvė → Temos, tada spustelėkite Pritaikyti.
2. Atidarykite puslapį, kuriame norite rodyti sudarinėtoją (dedikuotą „Sudarykite savo rankinę" puslapį arba produkto puslapį).
3. Spustelėkite Pridėti sekciją (arba Pridėti bloką), ir pasirinkite Pasirinktinis skystis.
4. Įklijuokite kodą iš 3 dalies žemiau, pakeisdami JŪS-IDENTIFIKATORIUS su tavo.
5. Spustelėkite Išsaugoti. Kompozitorius iš karto pasirodo peržiūroje.
Praktikoje. Daugelis kūrėjų nori sukurti specialų puslapį pavadinimu „Sukomponuokite savo rankinį" ir pridėti jį prie pagrindinio meniu. Čia kompozitorius turi daugiau vietos nei produkto puslapio viduryje, o nuoroda lengvai bendrinasi „Instagram" arba žinutėmis.
3. Kodas, kurį reikia įklijuoti
Nukopijuokite žemiau esantį bloką ir įklijuokite jį į Pasirinktinis skystis lauką. Tiesiog nepamirškite pakeisti JŪS-IDENTIFIKATORIUS su identifikatoriumi Loch Ness, kurį jums suteikė.
<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=JŪS-IDENTIFIKATORIUS” 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>
Norėdami kopijuoti: spustelėkite tamsioje rėmelyje aukščiau, paspauskite Ctrl+A (arba ⌘+A „Mac") norėdami pasirinkti viską, tada Ctrl+C (arba ⌘+C) norėdami kopijuoti.
Patarimas: neįklijuokite šio kodo į produkto aprašymą per klasikinį teksto redaktorių. „Shopify" kartais filtruoja iframe'us ten. Kita vertus, „Custom Liquid" blokas nefiltruoja jokio turinio.
4. Anglų kalba versija ir dažnai užduodami klausimai
Parduodami tarptautiniu mastu? Jei norite, kad sudarytojas būtu rodomas anglų kalba, paprasčiausiai pakeiskite URL į: https://visual.scaleyourshop.app/index-en.html?client=JŪS-IDENTIFIKATORIUS. Likusi bloko dalis nesikeičia.
Ar kompozitorius prisitaiko prie mano prekės ženklo? Taip. Jūsų spalvos, logotipas, kainos ir akmens pasirinkimas yra susieti su jūsų identifikatoriumi. Tiesiog pasiųskite mums savo pageidavimus, ir mes suderinsime komponistą atitikti jūsų prekės ženklą.
O mobiliąjį telefoną? Komponistas yra skirtas liečiamajam valdymui ir puikiai rodomas telefone. Aukštis automatiškai keičiasi pagal pateiktą kodą.
Ar man reikia įdiegti programą iš „Shopify" programų parduotuvės? Ne, ir tai yra tyčia padarytas sprendimas: nereikia diegti programos, jūsų parduotuvė nėra sulėtinta. Pakanka paprastojo bloko.
Suteikite savo klientams juokslę, kurią jie įsivaizduoja
Išbandykite kompozitorių nemokamai, tada suaktyvinkite jį savo „Shopify" parduotuvėje su savo tapatybe. Mes vadovaujame jums kiekviename žingsnyje.

Sužinokite apie planus Susisiekite su mumis

Šaltiniai
1. Shopify — Pridėkite pasirinktinį Liquid turinį prie temos (oficiali dokumentacija) — help.shopify.com
2. Shopify — „Online Store 2.0" temos ir dinaminės sekcijos — help.shopify.com
3. MDN Web Docs — iframe elementas ir loading atributas — developer.mozilla.org
Straipsnis parašytas Loch Ness. Cituoti duomenys priklauso jų atitinkamiems autoriams ir yra atspausdinti informaciniais tikslais su nuorodomis į pirminį šaltinį.