Loch Ness · WTYCZKI
Autor: Camille G., założyciel Loch Ness · Opublikowano 12 lipca 2026 · Czas czytania ≈ 6 min
O autorze
Camille G. tworzy ręcznie robioną i symboliczną biżuterię od 2013 roku. Jako pełnoprawny deweloper, projektuje i kodów, których autorka przedstawiona tutaj sama koduje, mając na swoim koncie kilka wkładów do projektów open source. Ta podwójna perspektywa — artyzańska i techniczna — pozwala jej opanować zarówno doświadczenie klienta, jak i rozwiązanie, które je napędza. Badaczka i rzemieślniczka, publikuje swoją pracę pod Identyfikator ORCID 0009-0009-0364-6396. Artykuł opiera się zarówno na praktycznym doświadczeniu, jak i oficjalnej dokumentacji Shopify'ego, na którą powołano się na końcu strony.
Sprzedajesz bransoletki z kamieni szlachetnych (krystaloterpia) i chciałbyś, aby Twoi klienci sami je komponowali bezpośrednio w Twojemu sklepie? Mamy dobrą wiadomość: na Shopify możesz to zrobić bez instalowania aplikacji i bez ingerencji w kod swojego motywu. Ten poradnik pokazuje Ci krok po kroku, jak dodać do swojej witryny kompilator Loch Ness w kilka minut.
1. Co potrzebujesz, zanim zaczniesz
Integracja opiera się na prostej i sprawdzonej metodzie: kompozytor jest ładowany na Twoją stronę za pośrednictwem bezpiecznej ramki („iframe"). W praktyce kompozytor pozostaje hostowany na naszych serwerach i wyświetla się na Twoim: nie musisz niczego hostować, niczego aktualizować i automatycznie korzystasz z najnowszych ulepszeń.
Tylko dwie rzeczy są niezbędne: twoje identyfikator subskrybenta (dostarczone przez Loch Ness po aktywacji konta, na przykład mój-sklep), i najnowszy motyw Shopify. Wszystkie motywy edytowane od 2021 roku — w tym Dawn, motyw domyślny — zawierają niezbędny blok domyślnie.
2. Dodaj kompozytora, krok po kroku
Przejdź do panelu administracyjnego Shopify, a następnie wykonaj te pięć kroków:
1. Przejdź do Sklep Online → Motywy, a następnie kliknij Dostosuj.
2. Otwórz stronę, na której chcesz wyświetlić kompozytor (dedykowaną stronę "Skomponuj swoją bransoletkę" lub stronę produktu).
3. Kliknij Dodaj sekcję (lub Dodaj blok), i wybierz Niestandardowy Płyn.
4. Wklej kod z sekcji 3 poniżej, zastępując TWÓJ-IDENTYFIKATOR z twoim.
5. Kliknij Zapisz. Kompozytor pojawia się natychmiast w podglądzie.
2. Otwórz stronę, na której chcesz wyświetlić kompozytor (dedykowaną stronę "Skomponuj swoją bransoletkę" lub stronę produktu).
3. Kliknij Dodaj sekcję (lub Dodaj blok), i wybierz Niestandardowy Płyn.
4. Wklej kod z sekcji 3 poniżej, zastępując TWÓJ-IDENTYFIKATOR z twoim.
5. Kliknij Zapisz. Kompozytor pojawia się natychmiast w podglądzie.
W praktyce. Wielu twórców woli stworzyć dedykowaną stronę zatytułowaną "Skomponuj swoją bransoletkę" i dodać ją do menu głównego. Konfigurator ma tam więcej miejsca niż w środku strony produktu, a link łatwo się udostępnia na Instagramie lub w wiadomościach.
3. Kod do wklejenia
Skopiuj poniższy blok i wklej go do Niestandardowy Płyn pole. Pamiętaj tylko, aby zastąpić TWÓJ-IDENTYFIKATOR z identyfikatorem Loch Ness, który ci udostępniono.
<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>
Aby skopiować: kliknij w ciemną ramkę powyżej, naciśnij Ctrl+A (lub ⌘+A na Macu), aby zaznaczyć wszystko, a następnie Ctrl+C (lub ⌘+C) aby skopiować.
Wskazówka: unikaj wklejania tego kodu w opisie produktu za pośrednictwem klasycznego edytora tekstów. Shopify czasami filtruje tam ramki iframe. Z drugiej strony blok „Custom Liquid" nie stosuje żadnych filtrów.
4. Wersja angielska i często zadawane pytania
Sprzedajesz międzynarodowo? Aby wyświetlić kompozytora w angielskim, po prostu zamień adres URL na: https://visual.scaleyourshop.app/index-en.html?client=YOUR-IDENTIFIER. Reszta bloku się nie zmienia.
Czy kompozytor dostosowuje się do mojej marki? Tak. Twoje kolory, logo, ceny i wybór kamienia są powiązane z Twoim identyfikatorem. Po prostu wyślij nam swoje preferencje, a my skonfigurujemy kompozytor, aby pasował do Twojej marki.
A co z mobilem? Kompozytor jest zaprojektowany dla dotykowych urządzeń i wyświetla się idealnie na telefonach. Wysokość dostosowuje się automatycznie dzięki dostarczonemu kodowi.
Czy muszę zainstalować aplikację ze Shopify App Store? Nie, i to przez projekt: brak aplikacji do instalacji, brak spowolnienia sklepu. Prosty blok wystarczy.
Daj swoim klientom bransoletkę, którą sobie wyobrażają
Przetestuj composer'a bezpłatnie, a następnie aktywuj go w swoim sklepie Shopify ze swoją własną tożsamością. Prowadzimy Cię na każdym kroku.
Źródła
1. Shopify — Dodaj niestandardową treść Liquid do motywu (oficjalna dokumentacja) — help.shopify.com
2. Shopify — Motywy Online Store 2.0 i dynamiczne sekcje — help.shopify.com
3. MDN Web Docs — Element iframe i atrybut loading — developer.mozilla.org
Artykuł napisany przez Loch Ness. Cytowane dane należą do ich odpowiednich autorów i są reprodukowane w celach informacyjnych, z linkami do oryginalnego źródła.