Skip to main content

Οδηγός εγκατάστασης

Εγκατάσταση του κουμπιού υπαναχώρησης στο Shopify

Προσθέστε τον κώδικα στο θέμα σας μία φορά και ο σύνδεσμος υπαναχώρησης θα εμφανίζεται σε κάθε σελίδα της βιτρίνας που αποδίδεται από το θέμα.

Πριν ξεκινήσετε

  1. 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.

  2. 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.

  3. 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.

  4. Επιτρέψτε και τις δύο διευθύνσεις Shopify

    Προσθέστε το δικό σας domain και τη διεύθυνση your-store.myshopify.com στα επιτρεπόμενα domains.

Προσθέστε τον κώδικα στο θέμα σαςRecommended

  1. Δημιουργήστε αντίγραφο ασφαλείας του θέματος

    Αντιγράψτε πρώτα το ενεργό θέμα σας, ώστε να μπορείτε να επιστρέψετε αν χρειαστεί.

    Where: Online Store → Themes → … δίπλα στο ενεργό θέμα → Duplicate

    Screenshot follows: Online Store → Themes με το μενού … του ενεργού θέματος.

  2. Ανοίξτε τον κώδικα του θέματος

    Ανοίξτε τον επεξεργαστή κώδικα του ενεργού θέματος και το αρχείο layout/theme.liquid.

    Where: … δίπλα στο ενεργό θέμα → Edit code → layout/theme.liquid

  3. Επικολλήστε τον κώδικα πριν από το κλείσιμο του body

    Επικολλήστε τον κώδικα από τον πίνακα ελέγχου στη γραμμή ακριβώς πριν από το </body> και πατήστε Save. Για καταστήματα με πολλές γλώσσες, προσθέστε τη γλώσσα της σελίδας στο script tag: 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 με τον κώδικα πριν από το κλείσιμο του body.

  4. Επαναλάβετε μετά από αλλαγές θέματος

    Οι ενημερώσεις θέματος και ένα νέο θέμα αντικαθιστούν το theme.liquid: προσθέστε ξανά τον κώδικα όταν ενημερώνετε ή αλλάζετε το θέμα.

Good to know

  • Ο σύνδεσμος εμφανίζεται σε όλες τις σελίδες της βιτρίνας που αποδίδονται από το θέμα. Το checkout και οι νέες σελίδες λογαριασμού πελάτη δεν εκτελούν κώδικα θέματος, οπότε ο σύνδεσμος δεν εμφανίζεται εκεί· ρωτήστε τον σύμβουλό σας αν αυτό αρκεί για το κατάστημά σας.
  • Προαιρετικά, προσθέστε στην ειδοποίηση επιβεβαίωσης παραγγελίας (Settings → Notifications → Order confirmation) μια γραμμή που οδηγεί στην hosted φόρμα υπαναχώρησής σας, με τη διατύπωση ακριβώς όπως την εμφανίζει ο πίνακας ελέγχου. Μην πληκτρολογείτε ή μεταφράζετε ποτέ μόνοι σας τη διατύπωση.

Εφαρμογή ShopifyPlanned

Μια εφαρμογή Clawzia με app embed θα προσθέτει το widget χωρίς επεξεργασία κώδικα. Δεν είναι ακόμη διαθέσιμη· μέχρι τότε χρησιμοποιήστε τον κώδικα θέματος παραπάνω.
  1. Ενεργοποιήστε το app embed

    Όταν η εφαρμογή είναι διαθέσιμη, θα ενεργοποιείτε το app embed της Clawzia στον επεξεργαστή θέματος.

    Where: Online Store → Themes → Customize → App embeds

Ελέγξτε την εγκατάσταση

  1. 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.

  2. Try it with the keyboard

    Press Tab until the link is focused, then Enter: the two-step withdrawal form opens. Close it with Esc.

  3. 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.

  4. 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.

  5. 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.

Έτοιμοι για εγκατάσταση;

Δημιουργήστε το κατάστημά σας για να πάρετε τον κώδικά σας και μετά ακολουθήστε τα παραπάνω βήματα.