Pridėkite apyrankės konstruktorių prie savo Shopify

Camille G. · Atnaujinta 2026 spalį · Skaitymo laikas ≈ 7 min

Ar jūs parduodate brangakmenių apyrankius ir norite, kad jūsų klientai galėtų jų kurti patys, tiesiogiai jūsų Shopify parduotuvėje? Tai galite padaryti nenaudodami programėlės ir nepaliesdami savo temos kodo. Šiame vadove parodomas keturios būdai, kaip pridėti Loch Ness apyrankės generatorių – nuo paprastos meniu nuorodos iki plaukiojančio mygtuko kiekvienoje puslapyje, žingsnis po žingsnio.

Prieš pradedant

Konstruktorius išlieka saugomas mūsų serveriuose ir pasirodo jūsų parduotuvėje. Jūs visada gausite naujausią versiją be jokių atnaujinimų jūsų pusėje. Jums reikia dviejų dalykų:

• jūsų identifikatorius, išsiųstas pagal Loch Ness, kai jūsų kuratorius yra nustatytas (pavyzdžiui my-shop);
• an Online Store 2.0 tema, kuri apima visas naujas „Shopify" temas, įskaitant „Dawn".

Jūsų vardas, logotipas, spalvos, meniu, kainos, valiuta ir akmenų pasirinkimas yra susieti su jūsų identifikatoriumi. Jūs juos keičiate iš savo kliento srities, ir jie atnaujinami visur vienu metu, nebetusėdami Shopify dar kartą.

Kurią parinktį turėtumėte pasirinkti?

Galite juos sujungti. Daugelis parduotuvių naudoja dedikuotą puslapį ir prideda nuorodą į jį pagrindinėje meniu.

Variantas 1: nuoroda jūsų meniu arba paruoštas mygtukas

Be jokios rėmelio, kūrėjas atidaromas visame puslapyje, jūsų spalvomis. Tai suteikia daugiausiai vietos, ypač telefonu.

1. Pridėk tai į meniu. Jūsų „Shopify" administravimo skyriuje eikite į Internetinė parduotuvė → Navigacija, atidarykite pagrindinį meniu ir spustelėkite Pridėti meniu elementą.
2. Pavadinkite ir įklijuokite adresą. Pavadinkite jį, pavyzdžiui, „Suprojektuokite savo apyrankę", tada įklijuokite šį adresą Nuorodos laukelyje:

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

Norėdami rodyti mygtuką savo pradiniame puslapyje arba produkto aprašyme, naudokite paruoštas mygtukas iš jūsų kliento zonos. Jame jau naudojamos jūsų spalvos.

2 pasirinkimas: skirta "Kurkite savo pulsirą" puslapis

1. Sukurkite puslapį. Jūsų administravimo skiltyje eikite į Internetinė parduotuvė → Puslapiai → Pridėti puslapį. Suteikite jam pavadinimą („Suprojektuokite savo papuošalą") ir išsaugokite.
2. Sukurkite puslapio šabloną. Eikite į Internetinė parduotuvė → Temos → Tinkinti. Iš išsiskleidžiamojo meniu redaktoriaus viršuje pasirinkite Puslapiai, tada Sukurti šabloną. Pavadinkite tai, pavyzdžiui bracelet-builder.
3. Pridėkite pasirinktinę skysčio sekciją. Šiame šablone spustelėkite Pridėti skyrių ir pasirinkite Pasirinktinis skystis.
4. Įklijuokite kodą. Įklijuokite toliau pateiktą kodą į pasirinktinio skysto lauką ir išsaugokite.
5. Priskirti šablonui. Grįžti į Internetinė parduotuvė → Puslapiai, atverkite savo puslapį ir pasirinkite bracelet-builder in the Šablonas laukas. Išsaugoti.
6. Pridėk tai į meniu. In Internetinė parduotuvė → Navigacija, pridėkite meniu elementą, nukreipiantį į šį puslapį.

<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/lt" style="color:inherit">Loch Ness&reg;</a></p>

Kompiuteryje konstruktorius rodo du stulpelius: rankinį vieninėje pusėje, akmenį kitoje. Telefone jis automatiškai perjungiasi į mobiliųjų įrenginių maketą.

Parinktis 3: plūduriuojantis mygtukas kiekviename puslapyje

Mažas apvalus mygtukas pasirodo jūsų parduotuvės kampe. Vienu spustelėjimu atidariamas konstruktorius lange, nepalikiant puslapio. Konstruktorius įkeliamas tik pirmo spustelėjimo metu, todėl jūsų parduotuvė išlieka greita.

1. Atidaryti temos redaktorių. Eikite į Internetinė parduotuvė → Temos → Tinkinti.
2. Pridėkite pasirinktinę skystąją sekciją į poraštę. Į Poraštis kairiosios skydelio srityje, spustelėkite Pridėti skyrių ir pasirinkite Pasirinktinis skystis. Sekcija poraštėje pasirodo kiekviename puslapyje.
3. Žemiau įklijuokite kodą ir išsaugokite.
4. Įjunkite mygtuką. Jūsų klientų srityje įjunkite slankųjį mygtuką ir pasirinkite jo tekstą bei pusę (kairę arba dešinę). Jį galite išjungti bet kuriuo metu, nepaliesdami „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/lt" style="color:inherit">Loch Ness&reg;</a></p>

Jei jūsų tema nepasiūlo sekcijų poraštėje, įklijuokite tą patį kodą į Internetinė parduotuvė → Temos → … → Redaguoti kodą, į layout/theme.liquid failas, tiesiog prieš </body>.

4 parinktis: kompaktus kūrėjas (stulpelis arba produkto puslapis)

Šis variantas visada naudoja mobilųjį maketą, siaurame kadre. Jis tinka šoninei juostai, aksesuaro produkto puslapiui arba „Išbandyti" blokui pagrindinėje puslapyje. Pridėkite jį į Pasirinktinis skystis sekcija arba blokas, kaip 2 parinktyje.

<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/lt" style="color:inherit">Loch Ness&reg;</a></p>

Kelios kalbos jūsų parduotuvėje

Statybininkas egzistuoja Anglų, prancūzų, ispanų ir vengrų (ir daug daugiau pagal užklausą). Norėdami pakeisti kalbą, pakeiskite /en/ adrese su /fr/, /es/ arba /hu/, and lang=en su atitinkamu kodu plūduriuojančiam mygtukui. Jei jūsų parduotuvė naudoja „Shopify Markets" su keliomis kalbomis, pridėkite po vieną „Custom Liquid" skyrių kiekvienai kalbos versijai arba paprašykite mūsų: jūsų kliento sritis pateikia kodus kiekvienai kalbai.

Patikrinkite, kad viskas veikia

• Konstruktorius rodo jūsų vardą ir spalvas. Jei matote Loch Ness spalvas, tada identifikatorius kode tikriausiai neteisingai parašytas.
• Testas jūsų telefone, ne tik redaktoriaus peržiūroje.
• Sukurkite testo projektą ir jį atsiųskite. Patikrinkite, ar užsakymo užklausa pasiekia el. pašto adresą, nustatytą jūsų parduotuvei.
• Plūduriuojančiam mygtukai, palauk iki 5 minučių po to, kai jį įjungsi savo kliento zonoje: pakeitimui pasirodyti reikalinga tiek laiko.

Dažniausiai užduodami klausimai

Šaltiniai

Shopify — Skystoji nuoroda · Shopify — Skyrių grupės (antraštė ir poraštė) · MDN Web Docs — Iframe elementas

Parašė Camille G., „Loch Ness" steigėjas. Nuo 2013 iki 2023 metų projektavau simbolinį papuošalą savo prekės ženklui, o nuo tada visą laiką kuriu žiniatinklio programas ir įrankius. Šią apyrankės konstruktorių programavau pats. Moja istorija · GitHub · ORCID