WAButton

Προσαρμοσμένος κώδικας Webflow

Κουμπί WhatsApp για Webflow

Προσθέστε αιωρούμενο κουμπί WhatsApp στον ιστότοπό σας σε Webflow. Επιλέξτε χαιρετισμό και αφήστε τους επισκέπτες να γράφουν στον επαγγελματικό σας αριθμό.

Δημιουργία δωρεάν κουμπιού

Ρύθμιση σε 2 λεπτά Στόχος: Project Settings -> Custom Code -> Footer Code

Εγκατάσταση βήμα προς βήμα για Webflow

Ακολουθήστε αυτά τα βήματα για να προσθέσετε τον κώδικα εγκατάστασης του WAButton στον ιστότοπό σας σε Webflow.

  1. 1

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

    Ανοίξτε το έργο σας στο Webflow. Μεταβείτε στο Project Settings -> Custom Code.

    Συμβουλή: Αν θέλετε, μπορείτε να προσθέσετε προσαρμοσμένο κώδικα και σε μεμονωμένες σελίδες από τις ρυθμίσεις σελίδας του Webflow.

  2. 2

    Επικόλληση στο «Footer Code»

    Κάντε κύλιση στο «Footer Code» (πριν από την ετικέτα </body>) και επικολλήστε το απόσπασμα.

    Συμβουλή: Το WAButton περιορίζει τα στυλ του σε ονόματα κλάσεων με το πρόθεμα «wabutton-», οπότε τα ονόματα κλάσεων και το πλέγμα CSS του Webflow μένουν ανέπαφα. 

    <script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
  3. 3

    Δημοσίευση ιστότοπου

    Κάντε κλικ στο «Save Changes» και μετά στο «Publish» για δημοσίευση στον προσαρμοσμένο τομέα σας.

    Συμβουλή: Δημοσιεύστε τόσο στον δοκιμαστικό τομέα όσο και στον τομέα παραγωγής για να ελέγξετε πριν από την έγκριση του πελάτη.

Γιατί καταστήματα και εταιρείες ψηφιακού μάρκετινγκ επιλέγουν το WAButton για Webflow

Αισθητική σχεδιαστή

Κομψή τυπογραφία, διακριτικές σκιές και προσεγμένες μικροαλληλεπιδράσεις.

Παράδοση σε πελάτες γραφείου

Μοιραστείτε διαδραστικές ζωντανές προεπισκοπήσεις του widget με τους πελάτες πριν από τη δημοσίευση.

Αφήνει ανέγγιχτες τις κλάσεις σας

Τα στυλ περιορίζονται σε ονόματα κλάσεων με το πρόθεμα «wabutton-» και το κουμπί εκκίνησης έχει σταθερή θέση, οπότε οι κλάσεις και η διάταξη του Webflow μένουν όπως είναι.

Συχνές ερωτήσεις

Θα επηρεάσουν τα στυλ του WAButton τις κλάσεις CSS του Webflow;

Όχι. Το WAButton περιορίζει τα στυλ του στα δικά του ονόματα κλάσεων με το πρόθεμα «wabutton-», οπότε δεν αγγίζουν τις κλάσεις σας στο Webflow.

Σχετικά δωρεάν εργαλεία

Δημιουργήστε συνδέσμους WhatsApp, κωδικούς QR και μηνύματα για την επιχείρησή σας.

Περισσότεροι οδηγοί εγκατάστασης

Προσθέστε το WhatsApp .

Δώστε στους επισκέπτες έναν τρόπο να ρωτούν για τα προϊόντα, τις τιμές ή τη διαθεσιμότητά σας. Απαντήστε από το WhatsApp που ήδη χρησιμοποιείτε.

Δημιουργία δωρεάν κουμπιού Προεπισκόπηση κουμπιού

Διαθέσιμο δωρεάν πρόγραμμα. Χωρίς πιστωτική κάρτα.