Loch Ness · PLUGINY
Od Camille G., zakladatele Loch Ness · Publikováno 12. července 2026 · Čas čtení ≈ 6 minut
O autorovi
Camille G. vytváří ručně vyráběné a symbolické šperky od roku 2013. Jako full-stack vývojářka navrhuje a kódy zde představené skomponovala sama, má na svém kontě několik příspěvků do projektů s otevřeným zdrojovým kódem. Tato duální perspektiva — řemeslná a technická — jí umožňuje zvládnout jak uživatelskou zkušenost, tak řešení, které ji pohání. Výzkumná pracovnice a řemeslnice zveřejňuje svou práci pod ORCID identifikátor 0009-0009-0364-6396. Tento článek vychází jak z praktických zkušeností, tak z oficiální dokumentace Shopify, na kterou je odkazováno na konci stránky.
Prodáváte náramky z drahokamů (krystaloterapie) a chtěli byste, aby si je vaši zákazníci sami skládali přímo v e-shopu? Máme pro vás dobrou zprávu: na Shopify můžete toto vše udělat bez instalace jakékoli aplikace a bez úpravy kódu vašeho motivu. Tento návod vám krok za krokem ukazuje, jak do vašeho webu v průběhu minut přidat skladatele Loch Ness.
1. Co budete potřebovat, než začnete
Integrace je založena na jednoduché a osvědčené metodě: komponista je načten na vaši stránku prostřednictvím zabezpečeného rámce („iframe"). V praxi zůstává komponista hostován na našich serverech a zobrazuje se na těch vašich: nemáte co hostovat, nic nemusíte aktualizovat a automaticky využíváte nejnovější vylepšení.
Pouze dvě věci jsou nezbytné: tvá ID odběratele (poskytuje Loch Ness při aktivaci vašeho účtu, například můj-obchod), a nedávný motiv Shopify. Všechny motivy upravené od roku 2021 – včetně motivu Dawn, výchozího motivu – obsahují potřebný blok ve výchozím nastavení.
2. Přidejte skladatele, krok za krokem
Přejděte na svůj Shopify admin a poté postupujte podle těchto pěti kroků:
1. Jdi na Online obchod → Motivy, pak klikněte Přizpůsobit.
2. Otevřete stránku, na které chcete zobrazit composer (věnovanou stránku "Compose Your Bracelet" nebo stránku produktu).
3. Klikněte Přidat sekci (nebo Přidat blok), a zvolte Vlastní kapalina.
4. Vložte kód z části 3 níže, který nahradí VÁŠ-IDENTIFIKÁTOR s tvým.
5. Klikněte Uložit. Skladatel se okamžitě zobrazí v náhledu.
2. Otevřete stránku, na které chcete zobrazit composer (věnovanou stránku "Compose Your Bracelet" nebo stránku produktu).
3. Klikněte Přidat sekci (nebo Přidat blok), a zvolte Vlastní kapalina.
4. Vložte kód z části 3 níže, který nahradí VÁŠ-IDENTIFIKÁTOR s tvým.
5. Klikněte Uložit. Skladatel se okamžitě zobrazí v náhledu.
V praxi. Mnoho tvůrců preferuje vytvořit vyhrazenou stránku s názvem "Sestav si svůj náramek" a přidat ji do hlavní nabídky. Skladatel má tam více místa než uprostřed produktové stránky a odkaz lze snadno sdílet na Instagramu nebo zprávou.
3. Kód k vložení
Zkopírujte blok níže a vložte ho do Vlastní kapalina pole. Jen si pamatujte na výměnu VÁŠ-IDENTIFIKÁTOR s identifikátorem Loch Ness, který vám byl poskytnut.
<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>
Chcete-li zkopírovat: klikněte do tmavého rámečku nahoře, stiskněte Ctrl+A (nebo ⌘+A na Macu) pro výběr všeho, poté Ctrl+C (nebo ⌘+C) pro kopírování.
Tip: Vyhněte se vkládání tohoto kódu do popisu produktu prostřednictvím klasického textového editoru. Shopify tam někdy filtruje iframy. Na druhé straně blok "Custom Liquid" neaplikuje žádné filtry.
4. Anglická verze a často kladené otázky
Prodáváte v zahraničí? Chcete-li zobrazit skladatele v angličtině, jednoduše nahraďte adresu URL následující: https://visual.scaleyourshop.app/index-en.html?client=YOUR-IDENTIFIER. Zbytek bloku se nemění.
Přizpůsobuje se skladatel mé značce? Ano. Vaše barvy, logo, ceny a výběr kamenů jsou propojeny s vaším identifikátorem. Jednoduše nám zašlete své preference a my nakonfigurujeme editor tak, aby odpovídal vaší značce.
Co je s mobilem? Skladatel je navržen pro dotyk a dokonale se zobrazuje na telefonech. Výška se automaticky přizpůsobuje díky poskytnutému kódu.
Musím nainstalovat aplikaci ze Shopify App Store? Ne, a to je záměrem: žádná aplikace k instalaci, žádné zpomalení vašeho obchodu. Stačí jednoduchý blok.
Dejte svým zákazníkům náramek, který si představují
Vyzkoušejte composer zdarma a poté jej aktivujte ve vašem obchodě Shopify s vlastní identitou. Budeme vás provázet na každém kroku.
Zdroje
1. Shopify — Přidání vlastního obsahu Liquid do motivu (oficiální dokumentace) — help.shopify.com
2. Shopify — Motivy Online Store 2.0 a dynamické sekce — help.shopify.com
3. MDN Web Docs — Element iframe a atribut loading — developer.mozilla.org
Článek napsaný společností Loch Ness. Citovaná data patří jejich příslušným autorům a jsou zde reprodukována pro informační účely s odkazy na původní zdroj.