WAButton

Καθολική ενσωμάτωση μίας γραμμής

Κουμπί WhatsApp για HTML & Custom Websites

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

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

Ρύθμιση σε 1 λεπτά Στόχος: index.html (before </body>) or root layout component

Εγκατάσταση βήμα προς βήμα για HTML & Custom Websites

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

  1. 1

    Αντιγράψτε το απόσπασμα ενσωμάτωσης

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

    Συμβουλή: Κρατήστε ενεργό το χαρακτηριστικό «async» για ασύγχρονη φόρτωση στο πρόγραμμα περιήγησης χωρίς μπλοκάρισμα.

  2. 2

    Επικόλληση πριν από την ετικέτα κλεισίματος </body>

    Επικολλήστε τον κώδικα στο κύριο αρχείο HTML (π.χ. index.html) ή στο βασικό στοιχείο διάταξης (π.χ. layout.tsx, App.vue, base.blade.php) ακριβώς πριν από το </body>.

    Συμβουλή: Όταν ο κώδικας μπαίνει ακριβώς πριν από το </body>, το περιεχόμενο της σελίδας σας φορτώνεται πρώτο. 

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

    Άνοιγμα στο πρόγραμμα περιήγησης

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

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

Μία καθολική ετικέτα κώδικα

Ένα μικροσκοπικό ασύγχρονο πρόγραμμα φόρτωσης που λειτουργεί ακριβώς το ίδιο σε στατικό HTML, σε SSR και σε πλαίσια SPA.

Περιορισμένα στυλ

Κάθε στυλ περιορίζεται σε ονόματα κλάσεων με το πρόθεμα «wabutton-», οπότε δεν αλλάζει την εμφάνιση των κλάσεων Tailwind, Bootstrap ή του δικού σας CSS.

Αυτόνομος κώδικας

Είναι φτιαγμένος με Preact, που περιλαμβάνεται μέσα στον ίδιο τον κώδικα, οπότε η σελίδα σας δεν χρειάζεται jQuery, React ή γραμματοσειρές εικονιδίων.

Αναγνωρίζει την πλοήγηση SPA

Διατηρεί αυτόματα την κατάσταση του widget στις μεταβάσεις διαδρομών στην πλευρά του προγράμματος περιήγησης (React Router, Next.js, Vue Router).

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

Λειτουργεί το WAButton με εφαρμογές μίας σελίδας (SPA) όπως React, Next.js ή Vue;

Ναι! Το WAButton αρχικοποιείται στο αντικείμενο «window» και παραμένει κατά την πλοήγηση του δρομολογητή στην πλευρά του προγράμματος περιήγησης, χωρίς να χρειάζεται να εκτελείται ξανά σε κάθε αλλαγή διαδρομής.

Θα επιβραδύνει το WAButton τη βαθμολογία μου στο Google Lighthouse ή στο PageSpeed Insights;

Το WAButton είναι ένας ασύγχρονος κώδικας κάτω από 40KB (με συμπίεση gzip) που εξυπηρετείται από το δίκτυο αιχμής της Cloudflare, οπότε δεν μπλοκάρει την πρώτη απεικόνιση. Ο πίνακας συνομιλίας φορτώνεται μόνο όταν τον ανοίξει ένας επισκέπτης. Η επίδραση στη δική σας βαθμολογία εξαρτάται από τον ιστότοπό σας, γι' αυτό εκτελέστε το PageSpeed Insights πριν και μετά την προσθήκη.

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

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

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

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

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

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

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