C cenaly.com
Ξεκινήστε δωρεάν

Webflow · επικοινωνία από το χαρτοφυλάκιό σας

Widgets Cenaly.com για Webflow

Προσθέστε επικοινωνία ή ραντεβού στον υπάρχοντα σχεδιασμό Webflow. Επιλέξτε εργασία και ρυθμίστε το widget στο Cenaly.com, έπειτα προσθέστε τον κώδικα σε επίπεδο ιστότοπου ή σελίδας. Παρακάτω — οι προϋποθέσεις πρόσβασης στο custom code και ξεχωριστή οδηγία για το consent.

  • Custom code: ενεργό Site plan ή Core, Growth, Agency ή Freelancer Workspace
  • Η δημοσίευση — ξεχωριστό βήμα μετά την αποθήκευση του κώδικα
  • Ελέγξτε την προβολή σε κινητό, τα animations και τις μεταβάσεις μεταξύ σελίδων
Επιλογή widget Οδηγίες εγκατάστασης

Χωρίς κάρτα · η εγγραφή διαρκεί ένα λεπτό, το tag άλλο ένα · οι αλλαγές ρυθμίσεων φτάνουν στον ιστότοπο σε 5 λεπτά

Ένα tag για όλα τα Widget9 από 13 δωρεάνShadow DOM — δεν χαλάει τη διάταξηΕτικέτες στη γλώσσα της σελίδαςΔύο Cloud: AWS και Ρωσία

Τι λειτουργεί στο Webflow

Επιλέξτε το επιθυμητό widget και ρυθμίστε το στον λογαριασμό σας. Τα συνηθισμένα widget χρησιμοποιούν κοινή ετικέτα· για το consent και την ανάλυση είναι σημαντική μια ξεχωριστή σειρά εγκατάστασης.

Το επιλεγμένο widget και η πλατφόρμα θα διατηρηθούν κατά την εγγραφή. Στη συνέχεια, ρυθμίστε το widget στον λογαριασμό σας. Κρατήστε αυτή την οδηγία για το Webflow ανοιχτή: αφού ολοκληρώσετε τη ρύθμιση, επιστρέψτε στα βήματα εγκατάστασης παρακάτω.

Όλα τα 13 Widget →

Χρειάζεστε πλάνο με χρέωση για Webflow;

Χρειάζεται πλάνο πληρωμής της πλατφόρμας

Χρειάζεστε ενεργό Site plan ή Workspace Core, Growth, Agency ή Freelancer.

Η επίσημη τεκμηρίωση του Webflow επιτρέπει custom code για Site managers και Designers με ενεργό Site plan ή ένα από τα αναφερόμενα Workspace. Το πληρωμένο Site plan δεν είναι η μόνη διαδρομή.

Η διεύθυνση webflow.io από μόνη της δεν δηλώνει αν είναι διαθέσιμη η εισαγωγή κώδικα: ελέγξτε το Workspace, τα δικαιώματα και τις ρυθμίσεις του έργου. Η σύνδεση δικού σας domain και οι δυνατότητες CMS έχουν δικούς τους όρους Πλάνου.

Τα στοιχεία μενού και οι όροι των προγραμμάτων σε αυτή τη σελίδα προέρχονται από την επίσημη τεκμηρίωση:

Επαληθεύτηκε με τη βοήθεια της πλατφόρμας 2026-09-22

Πώς να εισαγάγετε τον κώδικα στο Webflow

Συνήθη widgets: συνομιλία, κουμπί επικοινωνίας, ραντεβού

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

Παράδειγμα ετικέτας για συνηθισμένα widget. Πάρτε τον κωδικό σας από τον λογαριασμό· δεν χρειάζεται να τον αντικαταστήσετε με τον δοκιμαστικό τομέα. Για τον αποκλεισμό της ανάλυσης, χρησιμοποιήστε την ξεχωριστή οδηγία παρακάτω. Cookie banner και αναλυτικά στοιχεία: ξεχωριστή διαδικασία →

  1. 1

    Αντιγράψτε τον κώδικα εγκατάστασης

    Στον λογαριασμό Cenaly.com: Πίνακας διαχείρισης → Marketing → «Ο ιστότοπός μου». Γράψτε τη διεύθυνση του ιστότοπου στο πρώτο πεδίο και αντιγράψτε τη γραμμή του tag.

  2. 2

    Ανοίξτε τις ρυθμίσεις του έργου

    Στο Webflow: Site settings (Ρυθμίσεις ιστότοπου) του επιθυμητού έργου.

  3. 3

    Μεταβείτε στο Custom code

    Καρτέλα Custom code — περιέχει δύο πεδία: Head code (μέσα στο head) και Footer code (πριν από το κλείσιμο του body).

  4. 4

    Επικολλήστε την ετικέτα στο Head code

    Επικολλήστε τη γραμμή στο Head code και αποθηκεύστε. Δεν χρειάζεται να προσθέσετε ετικέτες html, head και body σε αυτό το πεδίο — μόνο το ίδιο το script.

  5. 5

    Δημοσιεύστε το έργο

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

  6. 6

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

    Ανοίξτε τον δημοσιευμένο ιστότοπο και επιστρέψτε στο «Ο ιστότοπός μου» → «Έλεγχος εγκατάστασης».

Χρειάζεστε widget μόνο σε μία σελίδα — οι σελίδες στο Webflow έχουν δικά τους πεδία για κώδικα στις ρυθμίσεις σελίδας.

Επίσημη τεκμηρίωση Webflow ↗

Έλεγχος εγκατάστασης

  1. 1

    Δημοσιεύστε ξανά τον ιστότοπο

    Στους οικοδόμους, η αλλαγή μένει στο πρόχειρο: μέχρι να επαναδημοσιευτούν οι σελίδες, η ετικέτα δεν υπάρχει στον ενεργό ιστότοπο.

  2. 2

    Ανοίξτε το «Ο ιστότοπός μου» στον Λογαριασμό

    Πίνακας διαχείρισης → Μάρκετινγκ → «Ο ιστότοπός μου». Στο πρώτο πεδίο βρίσκεται η διεύθυνση του ιστότοπού σας και δίπλα το «Έλεγχος εγκατάστασης».

  3. 3

    Δείτε τι βρέθηκε

    Ο έλεγχος διαβάζει τον πηγαίο HTML της σελίδας και εμφανίζει τα widget που βρέθηκαν. Την ετικέτα που έχει τοποθετηθεί μέσω του Google Tag Manager δεν θα τη δει — αυτός είναι περιορισμός του ελέγχου, όχι της εγκατάστασης.

Ανάλυση σφαλμάτων εγκατάστασης — στη βοήθεια Οδηγίες εγκατάστασης →

Ιδιαιτερότητες της Webflow

  • Preview και δημοσιευμένος ιστότοπος

    Το Webflow υποστηρίζει custom code σε preview/comment, αλλά όχι σε expand canvas. Οι επισκέπτες θα δουν τις αλλαγές μετά τη δημοσίευση· τον τελικό έλεγχο κάντε στη δημοσιευμένη διεύθυνση.

  • Κώδικας έργου ή μίας σελίδας

    Το γενικό Head code προσθέτει την ετικέτα σε επίπεδο ιστότοπου. Αν χρειάζεστε μόνο ένα URL, χρησιμοποιήστε τις ρυθμίσεις σελίδας και μην αντιγράφετε εκεί τη γενική ετικέτα που έχει ήδη εγκατασταθεί.

  • Διατηρήστε φόρμες και σχεδίαση

    Το widget δεν συνδέει αυτόματα τις φόρμες του Webflow με το Cenaly.com. Το Shadow DOM απομονώνει τα στυλ, αλλά τα animations, η δυνατότητα κλικ στα κουμπιά και οι επικαλύψεις πρέπει να ελεγχθούν στον ιστότοπό σας.

  • Consent και GTM

    Μην τοποθετείτε το consent μετά το container που έχει ήδη εκκινήσει trackers. Για ένα συνηθισμένο tag μέσω GTM, ο server-side έλεγχος HTML δεν επιβεβαιώνει την εγκατάσταση — ελέγξτε το widget στη δημοσιευμένη σελίδα.

Ερωτήσεις και απαντήσεις

Είναι υποχρεωτικό να αγοράσω Site plan;

Όχι, το custom code είναι επίσης διαθέσιμο μέσω Core, Growth, Agency ή Freelancer Workspace σύμφωνα με τους όρους του Webflow. Ελέγξτε τα δικαιώματα Site manager/Designer και την πρόσβαση στο πεδίο στο συγκεκριμένο έργο.

Head code ή Footer code;

Ένα συνηθισμένο tag μπορεί να προστεθεί στο Head code· μην το περιβάλλετε με ετικέτες html/head/body. Το consent με αποκλεισμό μέχρι τη συγκατάθεση απαιτεί ξεχωριστό πρώτο script στο head πριν από τους trackers.

Γιατί το widget δεν εμφανίστηκε στον editor;

Το Custom code δεν λειτουργεί στο expand canvas. Το Preview/comment το υποστηρίζει, αλλά οι αλλαγές πρέπει ακόμη να δημοσιευτούν. Ελέγξτε την ενεργοποίηση του widget και την τελική διεύθυνση του ιστότοπου.

Θα επηρεάσει το widget τα animations;

Η απομόνωση στυλ δεν εγγυάται συμβατότητα με οποιοδήποτε script. Ελέγξτε τις αλληλεπιδράσεις, τις φόρμες και την οθόνη κινητού πριν διαδώσετε το widget σε όλες τις σελίδες.

Τι γίνεται με τις σελίδες CMS;

Ο κοινός κώδικας του ιστότοπου ισχύει και για τις σελίδες συλλογών. Ελέγξτε το δημοσιευμένο παράδειγμα μιας τέτοιας σελίδας και μην αντιγράφετε την ετικέτα στο πρότυπό της.

Για το banner cookie αρκεί ένα συνηθισμένο async tag;

Για τον αποκλεισμό των trackers πριν από τη συγκατάθεση απαιτείται ξεχωριστό consent/v1.js πρώτο στο head χωρίς async/defer. Ελέγξτε τη φόρτωση πριν από την επιλογή, μετά την άρνηση και την αποδοχή. Η ενσωματωμένη αναλυτική της πλατφόρμας μπορεί να απαιτεί ξεχωριστή ρύθμιση· η εμφάνιση του banner δεν επιβεβαιώνει τη συμμόρφωση με τον νόμο.

Περισσότερες λεπτομέρειες — εγκατάσταση ανά πλατφόρμα, ρύθμιση και αντιμετώπιση προβλημάτων — στη βοήθεια. Οδηγίες εγκατάστασης →

Άλλες πλατφόρμες

Τα ίδια widgets — άλλα στοιχεία μενού.

Δεν βρίσκετε την πλατφόρμα στη λίστα; Γενικές οδηγίες εγκατάστασης →

Τοποθετήστε τα widget στον ιστότοπό σας Webflow

Ελέγξτε την πρόσβαση στον custom code, επιλέξτε ένα widget και ρυθμίστε το. Μετά τη δημοσίευση, δοκιμάστε μια συνηθισμένη σελίδα και μια σελίδα συλλογής.

Επιλογή widget

Χωρίς κάρτα · η εγγραφή διαρκεί ένα λεπτό, το tag άλλο ένα · οι αλλαγές ρυθμίσεων φτάνουν στον ιστότοπο σε 5 λεπτά