Asennusopas
Asenna peruuttamispainike: Shopify
Lisää koodi teemaasi kerran, niin peruuttamislinkki ilmestyy kaikille teeman renderöimille verkkokaupan sivuille.
Ennen kuin aloitat
Create your shop in Clawzia
Sign up with your email address, create the shop, choose its country and default language and enter the email address that receives withdrawal notifications.
Allow your shop’s domains
Add every domain your shop runs on to the allowed domains, for example with and without www and the platform address of your shop. On other domains the widget only shows a link to the hosted form, with the EU directive’s wording in English.
Copy your code
Copy the code from the Install page of your dashboard (for the plugins, only the public key, which starts with pk_). The public key is not a secret.
Salli molemmat Shopify-osoitteet
Lisää oma verkkotunnuksesi ja
your-store.myshopify.com-osoitteesi sallittuihin verkkotunnuksiin.
Lisää koodi teemaasiRecommended
Varmuuskopioi teemasi
Monista ensin julkaistu teemasi, jotta voit palata siihen tarvittaessa.
Where: Online Store → Themes → … julkaistun teeman vieressä → Duplicate
Screenshot follows: Online Store → Themes ja julkaistun teeman …-valikko.
Avaa teeman koodi
Avaa julkaistun teeman koodieditori ja tiedosto
layout/theme.liquid.Where: … julkaistun teeman vieressä → Edit code →
layout/theme.liquidLiitä koodi ennen sulkevaa body-tagia
Liitä hallintapaneelista saamasi koodi riville juuri ennen
</body>-tagia ja napsauta Save. Jos kaupassa on useita kieliä, lisää sivun kieli skriptitagiin:data-lang="{{ request.locale.iso_code }}".Install code (example) <script src="https://clawzia.com/widget.js" data-shop="pk_YOUR_SHOP_KEY" defer></script> <noscript><a href="https://clawzia.com/w/k/pk_YOUR_SHOP_KEY">[withdrawal wording from your dashboard]</a></noscript>Your personal code with your shop key is in the dashboard after sign-up. The second line (noscript) links visitors without JavaScript to your hosted withdrawal form. Its link text is the legal wording for your shop’s country, which the dashboard or our plugins print for you: never type or translate it yourself. If the code in your dashboard has no noscript line, leave it out.
Screenshot follows: theme.liquid ja koodi ennen sulkevaa body-tagia.
Toista teemamuutosten jälkeen
Teemapäivitykset ja uusi teema korvaavat
theme.liquid-tiedoston: lisää koodi uudelleen, kun päivität tai vaihdat teemaa.
Good to know
- Linkki näkyy kaikilla teeman renderöimillä verkkokaupan sivuilla. Kassa ja uudet asiakastilisivut eivät suorita teeman koodia, joten linkkiä ei näytetä niillä; kysy neuvonantajaltasi, riittääkö se kauppasi tilanteessa.
- Voit halutessasi lisätä tilausvahvistusilmoitukseen (Settings → Notifications → Order confirmation) rivin, joka linkittää isännöityyn peruuttamislomakkeeseesi, tekstillä täsmälleen sellaisena kuin hallintapaneeli sen näyttää. Älä koskaan kirjoita tai käännä tekstiä itse.
Shopify-sovellusPlanned
Kytke app embed päälle
Kun sovellus on saatavilla, kytket Clawzia-sovelluksen app embedin päälle teemaeditorissa.
Where: Online Store → Themes → Customize → App embeds
Tarkista asennus
Open your shop in a private window
The withdrawal link appears at the end of your footer, or as a floating button, depending on the position you chose in the dashboard.
Try it with the keyboard
Press Tab until the link is focused, then Enter: the two-step withdrawal form opens. Close it with Esc.
Check that the code is there once
View the page source and search for data-shop="pk_. The script tag should appear exactly once per page.
Send a test withdrawal
Send a withdrawal with your own email address and the order reference TEST. Check the confirmation email and its receipt link, then close the request in your dashboard.
If the link does not appear
If your site sends a Content Security Policy, allow https://clawzia.com in script-src and connect-src. Exclude widget.js from script combining, minifying and “delay JavaScript” features of optimisation plugins and CDNs.