Dodajte aplikacijo za oblikovanje zapestnic v svojo trgovino Shopify v 5 minutah

Loch Ness · VTIČNIKI
Avtor: Camille G., ustanoviteljica Loch Ness · Objavljeno 12. julija 2026 · Čas branja ≈ 6 min
 
O avtorju
Camille G. je od leta 2013 ustvarjalka ročno narejenih in simbolnih nakitov. Kot full-stack razvijalka oblikuje in kode je skladateljica predstavljena tukaj sama kodirala, s številnimi prispevki k odprtokodnim projektom v njenem dosežku. Ta dvojna perspektiva — obrtna in tehnična — ji omogoča, da obvlada tako izkušnjo uporabnika kot tudi rešitev, ki jo poganja. Raziskovalka in obrtnica objavljuje svoje delo pod ORCID identifier 0009-0009-0364-6396. Ta članek temelji na izkušnjah iz prve roke in na uradni dokumentaciji Shopifyja, navedeni na koncu strani.
Ali prodajate naramnice iz dragulja (kristalno zdravljenje) in bi želeli, da si vaši stranki sami sestavljajo direktno v vašo trgovino? Dobra novica: na Shopifyu lahko to storite brez namestitve dodatnega programa in brez spreminjanja kode vaše teme. To navodilo vam koraka za korakom pokazuje, kako dodati Loch Ness skladatelja na vašo spletno stran v nekaj minutah.
1. Kaj potrebujete preden začnete
Integracija temelji na preprostem in preizkušenem načinu: skladatelja naložimo na vašo stran prek varnega okvira (»iframe«). V praksi skladatelj ostane gostovan na naših strežnikih in se prikaže na vaših: vam ni treba gostiti ničesar, ničesar posodabljati in samodejno izkoristiš najnovejše izboljšave.
Potrebni sta le dve stvari: tvoj ID naročnika (ki ga zagotovi Loch Ness, ko aktiviraš svoj račun, na primer moja-trgovina), in nedavna Shopify tema. Vse teme, urejene od leta 2021 naprej — vključno z Dawn, privzeto temo — vključujejo potrebni blok privzeto.
2. Dodajte skladatelja, korak za korakom
Pojdite v vaš Shopify admin, nato sledite tem petim korakom:
1. Pojdi na Spletna trgovina → Teme, nato pa kliknite Prilagodi.
2. Odprite stran, kjer želite prikazati komponist (namensko stran "Sestavi svoj naramec" ali stran proizvoda).
3. Klik Dodaj razdelek (ali Dodaj blok), in izberite Prilagodljiva tekočina.
4. Prilepite kodo iz razdelka 3 spodaj, zamenjajte VAŠ-IDENTIFIKATOR s tvojim.
5. Klik Shrani. Skladatelj se takoj pojavi v predogledu.
V praksi. Mnogi ustvarjalci raje ustvarijo namenjeno stran z naslovom "Sestavi svoj naramec" in jo dodajo glavnemu meniju. Sestavljalnik ima tam več prostora kot sredi strani proizvoda, povezavo pa je enostavno deliti na Instagramu ali po sporočilih.
3. Koda za lepljenje
Kopirajte blok spodaj in ga prilepite v Prilagodljiva tekočina polje. Samo ne pozabi zamenjati VAŠ-IDENTIFIKATOR z identifikatorjem Loch Ness, ki ste ga prejeli.
<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>
Za kopiranje: kliknite v temnem okvirju zgoraj, pritisnite Ctrl+A (ali ⌘+A na Macu) za izbor vsega, nato Ctrl+C (ali ⌘+C) za kopiranje.
Nasvet: Izogibajte se lepljenja te kode v opis proizvoda prek klasičnega urejevalnika besedila. Shopify pogosto filtrira iFrame-e tam. "Blok Custom Liquid" po drugi strani ne uporablja nobenih filtrov.
4. Angleška verzija in pogosto zastavljena vprašanja
Prodajate v tujini? Če želite prikazati skladatelja v angleščini, preprosto zamenjajte URL z: https://visual.scaleyourshop.app/index-en.html?client=YOUR-IDENTIFIER. Preostanek bloka se ne spremeni.
Ali skladatelj prilagaja mojemu brendu? Ja. Vaše barve, logotip, cene in izbor kamna so povezani z vašim identifikatorjem. Preprosto nam pošljite svoje preferences in konfigurirali bomo skladalnik, da bo ustrezal vašemu brendu.
Kaj pa z mobilom? Skladatelj je namenjen za dotik in se popolnoma prikazuje na telefonih. Višina se samodejno prilagodi zahvaljujoč zagotovljeni kodi.
Ali je potrebno, da namestim aplikacijo iz Shopify App Store? Ne, in to je namenoma: ni aplikacije za namestitev, ni upočasnitve vašega trgovine. Preprost blok je dovolj.
Dajte svojim strankam naramnico, kot si jo predstavljajo
Brezplačno preizkusite skladatelja, nato pa ga aktivirajte v svoji trgovini Shopify s svojo lastno identiteto. Vodimo vas na vsakem koraku.

Odkrijte načrte Vzpostavite stik

Viri
1. Shopify — Dodajanje prilagojene vsebine Liquid v temo (uradna dokumentacija) — help.shopify.com
2. Shopify — Teme Online Store 2.0 in dinamični odseki — help.shopify.com
3. MDN Web Docs — Element iframe in atribut loading — developer.mozilla.org
Članek napisal Loch Ness. Navedeni podatki pripadajo njihovim avtorjem in so reproducirani v informativne namene, s povezavami do izvirnega vira.