Přidejte tvůrce náramků do vašeho Shopify

Autorka: Camille G. · Aktualizováno v říjnu 2026 · Doba čtení ≈ 7 minut

Prodáváte náramky z drahokamů a chcete, aby si vaši zákazníci mohli navrhovat své vlastní přímo ve vašem obchodě Shopify? Můžete to udělat bez instalace aplikace a bez úprav kódu vaší šablony. Tato příručka vám krok za krokem ukazuje čtyři způsoby, jak přidat tvůrce náramků Loch Ness, od jednoduchého odkazu v nabídce až po plovoucí tlačítko na každé stránce.

Než začnete

Tvůrce zůstává hostován na našich serverech a objevuje se ve vašem obchodě. Vždy máte nejnovější verzi, aniž byste cokoli museli aktualizovat na své straně. Potřebujete dvě věci:

• tvůj identifikátor, poslán společností Loch Ness při nastavení vašeho tvůrce (například my-shop);
• an Motiv Online Store 2.0, který pokrývá všechna nedávná témata Shopify, včetně Dawn.

Vaše jméno, logo, barvy, menu, ceny, měna a výběr kamenů jsou vázány na váš identifikátor. Změňujete je z oblasti klienta a aktualizují se všude najednou, aniž byste se museli znovu dotýkat Shopify.

Kterou možnost byste měli zvolit?

Můžete je kombinovat. Mnoho obchodů používá vyhrazenou stránku a přidá na ni odkaz v hlavní nabídce.

Možnost 1: odkaz v nabídce nebo připravené tlačítko

Bez jakéhokoli rámečku se tvůrce otevírá na celou stránku v твojích barvách. To mu dává nejvíce místa, zvláště na telefonech.

1. Přidej to do menu. Ve vašem administrátoru Shopify přejděte na Internetový obchod → Navigace, otevřete hlavní nabídku a klikněte Přidat položku nabídky.
2. Pojmenujte to a vložte adresu. Pojmenujte to, například "Navrhněte si svůj náramek", poté vložte tuto adresu do pole Odkaz:

https://lochness-paris.com/pwa/en/?client=YOUR-IDENTIFIER

Chcete-li zobrazit tlačítko na domovské stránce nebo v popisu produktu, použijte hotový knoflík z vaší klientské oblasti. Už používá vaše barvy.

Možnost 2: Vyhrazená stránka „Navrhněte si svůj náramek"

1. Vytvořit stránku. Ve vašem administrátoru přejděte na Online obchod → Stránky → Přidat stránku. Dejte mu název ("Navrhněte si náramek") a uložte.
2. Vytvořte šablonu stránky. Jdi na Online obchod → Motivy → Přizpůsobit. V rozbalovacím menu v horní části editoru vyberte Stránky, pak Vytvořit šablonu. Pojmenujte jej například bracelet-builder.
3. Přidejte vlastní sekci Liquid. V této šabloně klikněte Přidat sekci a vybrat Vlastní kapalina.
4. Vložte kód. Vložte kód níže do pole Custom Liquid a uložte.
5. Přiřaďte šablonu. Vrátit se na Online obchod → Stránky, otevřete svou stránku a vyberte bracelet-builder v Šablona pole. Uložit.
6. Přidej to do menu. V Internetový obchod → Navigace, přidejte položku nabídky ukazující na tuto stránku.

<iframe src="https://lochness-paris.com/pwa/en/?client=YOUR-IDENTIFIER" style="width:100%;height:860px;border:0" loading="lazy" title="Bracelet builder"></iframe>
<p style="margin:6px 0 0;font:12px/1.4 Arial,sans-serif;text-align:center;color:#6b6b6b">Bracelet builder by <a href="https://lochness-paris.com/cs" style="color:inherit">Loch Ness&reg;</a></p>

Na počítači tvůrce zobrazuje dva sloupce: náramek na jedné straně, kameny na druhé. Na telefonu se automaticky přepíná na své mobilní rozložení.

Možnost 3: plovoucí tlačítko na každé stránce

V rohu vaší prodejny se zobrazí malé kulaté tlačítko. Jedním kliknutím se otevře tvůrce v panelu bez opuštění stránky. Tvůrce se načte pouze při prvním kliknutí, takže vaše prodejna zůstane rychlá.

1. Otevřete editor motivu. Jdi na Online obchod → Motivy → Přizpůsobit.
2. Přidejte do zápatí vlastní sekci Liquid. V Zápatí oblast levého panelu, klikněte Přidat sekci a vybrat Vlastní kapalina. Část v zápatí se zobrazuje na každé stránce.
3. Vložte níže uvedený kód a uložte.
4. Zapni tlačítko. V oblasti klienta zapněte plovoucí tlačítko a zvolte jeho text a stranu (vlevo nebo vpravo). Můžete jej kdykoli vypnout, aniž byste se dotýkali Shopify.

<script src="https://lochness-paris.com/pwa/widget.php?client=YOUR-IDENTIFIER&lang=en" async></script>
<p data-ln-credit style="margin:6px 0 0;font:12px/1.4 Arial,sans-serif;text-align:center;color:#6b6b6b">Bracelet builder by <a href="https://lochness-paris.com/cs" style="color:inherit">Loch Ness&reg;</a></p>

Pokud váš motiv neumožňuje sekce v zápatí, vložte stejný kód do Internetový obchod → Motivy → … → Upravit kód, v layout/theme.liquid soubor, právě před </body>.

Možnost 4: kompaktní tvůrce (sloupec nebo stránka produktu)

Tato verze vždy používá mobilní rozvržení v úzkém rámci. Hodí se do postranního panelu, na stránku produktu náramku nebo do bloku „Vyzkoušejte si" na domovské stránce. Přidejte ji do Vlastní kapalina sekci nebo bloku, jako v možnosti 2.

<iframe src="https://lochness-paris.com/pwa/en/?client=YOUR-IDENTIFIER&layout=mobile" style="width:420px;max-width:100%;height:780px;border:0;border-radius:16px" loading="lazy" title="Bracelet builder"></iframe>
<p style="margin:6px 0 0;font:12px/1.4 Arial,sans-serif;text-align:center;color:#6b6b6b">Bracelet builder by <a href="https://lochness-paris.com/cs" style="color:inherit">Loch Ness&reg;</a></p>

Několik jazyků ve vašem obchodě

Stavbyvedoucí existuje v Angličtina, francouzština, španělština a maďarština (a mnoho dalších na požádání). Chcete-li změnit jazyk, nahraďte /en/ v adrese s /fr/, /es/ nebo /hu/, a lang=en s odpovídajícím kódem pro plovoucí tlačítko. Pokud váš obchod používá Shopify Markets s více jazyky, přidejte jednu sekci Custom Liquid na každou jazykovou verzi, nebo se zeptejte nás: vaše klientské prostředí poskytuje kódy pro každý jazyk.

Zkontroluj, že vše funguje

• Stavitel zobrazuje vaše jméno a barvy. Pokud místo toho vidíte barvy Loch Ness, je identifikátor v kódu pravděpodobně špatně napsán.
• Testujte na svém telefonu, nejen v náhledu editoru.
• Vytvořte testovací design a pošlete ho. Ověřte, že požadavek na objednávku dorazí na e-mailovou adresu nastavenou pro váš obchod.
• Pro plovoucí tlačítkopočkejte až 5 minut poté, co ho v klientské oblasti zapnete: změna se objeví do té doby.

Často kladené otázky

Zdroje

Shopify — Referenční kapalina · Shopify — Skupiny sekcí (záhlaví a zápatí) · MDN Web Docs — Element iframe

Napsáno Camillem G., zakladatelem společnosti Loch Ness. Od roku 2013 do 2023 jsem navrhoval symbolické šperky pro svoji vlastní značku a od té doby se věnuji vývoji webových aplikací a nástrojů na plný úvazek. Tento tvůrce náramků jsem naprogramoval sám. Můj příběh · GitHub · ORCID