Οδηγός ενσωμάτωσης widget

Γρήγορα και εύκολα

Πώς να εγκαταστήσετε το
Accessibi widget

Το widget Accessibi συμβάλλει στη βελτίωση της προσβασιμότητας του ιστότοπού σας. Αυτός ο οδηγός παρέχει λεπτομερείς οδηγίες για την ενσωμάτωση του widget σε διάφορες πλατφόρμες: HTML, WordPress, Shopify, Wix, Weebly, Joomla, Drupal, Magento, Angular, React και Laravel.

Επιλογή 1: Χειροκίνητη εισαγωγή στο θέμα

  1. Ανοίξτε το αρχείο HTML της ιστοσελίδας σας

    • Χρησιμοποιήστε έναν επεξεργαστή κειμένου ή IDE για να επεξεργαστείτε το αρχείο HTML.

  2. Προσθέστε κώδικα widget

    • Επικολλήστε το ακόλουθο σενάριο πριν από την ετικέτα </head> :

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Αποθήκευση και επαλήθευση
    • Αποθηκεύστε το αρχείο και επαναφορτώστε τη σελίδα για να ελέγξετε ότι το widget λειτουργεί.

Επιλογή 2: Χρήση του Elementor

    1. Μεταβείτε στο Elementor > Προσαρμοσμένος κώδικας

      • Κάντε κλικ στο Προσθήκη προσαρμοσμένου κώδικα.

    2. Πληκτρολογήστε τον κωδικό

      • Επικολλήστε το ακόλουθο σενάριο:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Αποθήκευση και δημοσίευση
    • Δημοσιεύστε τον κώδικα και βεβαιωθείτε ότι το widget είναι ορατό.

  1. Πρόσβαση στον πίνακα διαχείρισης

    • Πηγαίνετε στο Ηλεκτρονικό κατάστημα > Θέματα > Ενέργειες > Επεξεργασία κώδικα.

  2. Επεξεργαστείτε το αρχείο του θέματος

    • Ανοίξτε το αρχείο theme.liquid.

    • Επικολλήστε τον κώδικα πριν από το </head>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Αποθήκευση και επαλήθευση
    • Ελέγξτε ότι το widget λειτουργεί σωστά.

  1. Συνδεθείτε στο λογαριασμό σας στο Wix

    • Μεταβείτε στον επεξεργαστή του ιστότοπού σας.

  2. Προσθέστε κώδικα widget

    • Πηγαίνετε στο Ρυθμίσεις > Για προχωρημένους > Προσαρμοσμένος κώδικας.

    • Επικολλήστε τον κώδικα στο Επικεφαλής:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Αποθήκευση και δημοσίευση
    • Ελέγξτε ότι το widget είναι ενεργό.

  1. Πρόσβαση στον πίνακα διαχείρισης

    • Πηγαίνετε στο Ρυθμίσεις > SEO.

  2. Εισάγετε τον κωδικό του widget

    • Στην ενότητα Κωδικός υποσέλιδουπάστα:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Αποθήκευση και επαλήθευση
    • Ελέγξτε ότι το widget είναι ορατό.

  1. Πρόσβαση στον πίνακα ελέγχου

    • Πηγαίνετε στο Επεκτάσεις > Πρότυπα > Πρότυπα.

  2. Επεξεργαστείτε το αρχείο προτύπου

    • Επιλέξτε το χρησιμοποιούμενο πρότυπο και επεξεργαστείτε το αρχείο index.php.

    • Επικολλήστε τον κώδικα του widget πριν από την ετικέτα </head>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Αποθήκευση και επαλήθευση
    • Αποθηκεύστε τις αλλαγές και ελέγξτε ότι το widget είναι ορατό.

  1. Πρόσβαση στον πίνακα διαχείρισης

    • Πηγαίνετε στο Δομή > Μπλοκ.

  2. Δημιουργήστε ένα νέο προσαρμοσμένο μπλοκ

    • Επικολλήστε τον κώδικα του widget στο πεδίο HTML:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Ανάθεση μπλοκ

    • Τοποθετήστε το μπλοκ στο υποσέλιδο.

  2. Αποθήκευση και επαλήθευση

    • Ελέγξτε τη λειτουργία του widget.

  1. Πρόσβαση στον πίνακα διαχείρισης

    • Πηγαίνετε στο Περιεχόμενο > Σχεδιασμός > Διαμόρφωση.

  2. Αλλαγή της διάταξης

    • Επιλέξτε το θέμα που χρησιμοποιείται και κάντε κλικ στο Επεξεργασία.

  3. Εισάγετε τον κωδικό του widget

    • Επικολλήστε τον ακόλουθο κώδικα στο Υποσέλιδο HTML:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Αποθήκευση και επαλήθευση
    • Αποθηκεύστε τις αλλαγές και επαληθεύστε τη λειτουργία του widget.

  1. Ανοίξτε το αρχείο HTML της ιστοσελίδας σας

    • Χρησιμοποιήστε έναν επεξεργαστή κειμένου ή IDE για να επεξεργαστείτε το αρχείο HTML.

  2. Προσθέστε κώδικα widget

    • Επικολλήστε το ακόλουθο σενάριο πριν από την ετικέτα </head>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Αποθήκευση και επαλήθευση
    • Αποθηκεύστε το αρχείο και επαναφορτώστε τη σελίδα για να ελέγξετε ότι το widget λειτουργεί.

Ζητήστε τη δωρεάν συμβουλή σας

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