Πώς να προσθέσετε πεδίο αναζήτησης στην ιστοσελίδα ή το E-shop σας στη Webnode

Θέλετε να προσθέσετε ένα πεδίο αναζήτησης (search bar) στην ιστοσελίδα/E-shop που διατηρείτε στη Webnode;

Ψάχνετε για ένα απλό και όμορφο πεδίο αναζήτησης που μπορείτε να προσθέσετε στην ιστοσελίδα/E-shop που διατηρείτε στη Webnode;

ΒΙΝΤΕΟ-ΟΔΗΓΟΣ

Το βίντεο με τον οδηγό είναι διαθέσιμο μόνο στα Σλοβάκικα.

Στον οδηγό «Πώς να προσθέσετε προσαρμοσμένο πεδίο αναζήτησης της Google» είδαμε πώς μπορείτε να προσθέσετε ένα πεδίο αναζήτησης από την ίδια τη Google στην ιστοσελίδα σας.

Σε αυτόν τον οδηγό θα σας παρουσιάσω το εξωτερικό εργαλείο δημιουργίας πεδίου αναζήτησης SearchIQ, το οποίο θα φορτώσει αυτόματα όλες τις σελίδες της ιστοσελίδας/του E-shop σας

και στη συνέχεια θα σας δημιουργήσει τον κώδικα HTML του πεδίου αναζήτησης, τον οποίο μπορείτε απλά να συμπληρώσετε στην ιστοσελίδα ή το E-shop σας.

Εάν δεν έχετε περισσότερες από 2000 σελίδες στην ιστοσελίδα ή το E-shop σας (π.χ. σελίδες προϊόντων ή άλλες σελίδες του site σας), τότε δεν χρειάζεται να πληρώσετε κάτι για την εφαρμογή SearchIQ.

ΕΙΝΑΙ ΔΩΡΕΑΝ.

Στη ΔΩΡΕΑΝ έκδοση, η υποστήριξη είναι διαθέσιμη μέσω του φόρουμ.

Το SearchIQ προσφέρει επίσης δωρεάν στατιστικά στοιχεία όρων αναζήτησης, τα οποία μπορείτε να ελέγξετε.

Το SearchIQ είναι κατάλληλο ως μηχανή αναζήτησης προϊόντων σε E-shop ή ως μηχανή αναζήτησης για κλασική ιστοσελίδα ή blog.

Χρησιμοποιώ τη μηχανή αναζήτησης SearchIQ και για το Wpromotions.eu. Εάν θέλετε να δείτε πώς λειτουργεί, δεν έχετε παρά να χρησιμοποιήσετε την αναζήτηση στην ιστοσελίδα μου!

Ο οδηγός χωρίζεται σε 3 μέρη:

1. Εγγραφή και λήψη κωδικών
2. Ενσωμάτωση κωδικών στην ιστοσελίδα σας
3. Προσαρμογή του εργαλείου (μεγέθυνση SearchIQ)

Πρώτο μέρος – εγγραφή και λήψη κωδικών

1. Το πρώτο βήμα είναι να εγγραφείτε στο SearchIQ. Μπορείτε να εγγραφείτε μέσω της επίσημης ιστοσελίδας τους: https://www.searchiq.co/
   

   Ξεκινήστε κάνοντας κλικ στο κουμπί “Έναρξη“.

3. Επαληθεύστε τη διεύθυνση email σας κάνοντας κλικ στον σύνδεσμο που σας απεστάλη.

Εάν το email δεν έρχεται – ρίξτε μια ματιά στο φάκελο ανεπιθύμητων (spam).

Αφού επαληθεύσετε το email σας, συνδεθείτε.

4. Αφού συνδεθείτε στην υπηρεσία, επιλέξτε «Όχι, κάτι άλλο».

5. Συμπληρώστε τη διεύθυνση URL της ιστοσελίδας σας και κάντε κλικ στο «Προσθήκη τοποθεσίας»

6. Αφού τελειώσετε, η εφαρμογή θα σας οδηγήσει αυτόματα στις ενότητες «Σύνδεση» και «Εγκατάσταση», όπου θα βρείτε 3 κώδικες που θα πρέπει να επικολλήσετε στην ιστοσελίδα ή το e-shop σας για να λειτουργήσει η αναζήτηση του SearchIQ .

Δεύτερο μέρος – ενσωμάτωση κωδικών στην ιστοσελίδα ή το E-shop σας

Επικολλήστε τον πρώτο κώδικα που παρέχεται από την εφαρμογή στην ενότητα HTML επικεφαλίδας, σε όλες τις σελίδες του site σας.

Επιλέξτε πώς να ενσωματώσετε τον πρώτο κώδικα, ανάλογα με το Premium πρόγραμμα που έχετε ενεργή στη Webnode.

Τέλεια, μόλις προσθέσατε επιτυχώς τον πρώτο κώδικα του SearchIQ.

Ο δεύτερος κώδικας πρέπει να επικολληθεί στο σημείο που θέλετε να εμφανίζεται το πεδίο αναζήτησης.

ΣΥΜΒΟΥΛΗ: Στον δεύτερο κώδικα, μπορείτε να επεξεργαστείτε το κείμενο που θα εμφανίζεται στο πεδίο αναζήτησης.

 

Αλλάξτε το έτοιμο κομμάτι «Πληκτρολογήστε εδώ για αναζήτηση…» του κώδικα σε κάτι δικό σας, π.χ. «Αναζήτηση» κ.λπ.

Πλέον θα πρέπει να μπορείτε να δείτε το πεδίο αναζήτησης στη δημοσιευμένη έκδοση της ιστοσελίδας σας.

Επικολλήστε τον τρίτο κώδικα SearchIQ σε μία ξεχωριστή σελίδα, π.χ. «Αποτελέσματα αναζήτησης».

Δημοσιεύστε τις αλλαγές!

Πηγαίνετε στην εφαρμογή SearchIQ και στην ενότητα «Επαφή» – «Σελίδα αποτελεσμάτων» στο πεδίο «Διεύθυνση URL σελίδας αποτελεσμάτων» προσθέστε τη διεύθυνση URL της σελίδας αποτελεσμάτων σας.

Τέλεια – έχετε πλέον ρυθμίσει σωστά τη μηχανή αναζήτησης SearchIQ.

Το τελευταίο βήμα είναι τώρα να προσαρμόσετε την εμφάνιση και να διευρύνετε το πλαίσιο αναζήτησης SearchIQ με λίγα μαγικά κόλπα με το CSS.

Τρίτο μέρος – προσαρμογή της εμφάνισης

Το SearchIQ σας επιτρέπει να προσαρμόσετε την εμφάνιση του πεδίου αναζήτησης προσθέτοντας δικό σας κώδικα CSS.

Προκειμένου το πεδίο αναζήτησης να φαίνεται ακριβώς όπως φαίνεται στην ιστοσελίδα μου, πρέπει να προσθέσετε δικό σας κώδικα CSS στο SearchIQ.

Εγγραφείτε στο newsletter του Wiliam Promotions και λάβετε έναν έτοιμο κώδικα CSS που αλλάζει την εμφάνιση του πεδίου αναζήτησης του SearchIQ.

Πού τοποθετώ τον κώδικα CSS;

Στην εφαρμογή SearchIQ, μεταβείτε στη σελίδα “Σύνδεση” – “Γενικά” και επικολλήστε τον κώδικα που σας ετοίμασα στο πεδίο “Προσαρμοσμένος κώδικας CSS”.

Αποθηκεύστε τις αλλαγές.

ΕΤΟΙΜΟΙ – Τέλεια, μόλις ολοκληρώσατε με επιτυχία το τελευταίο βήμα και το πλαίσιο αναζήτησής σας εμφανίζεται πλέον περιποιημένο

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

Ελπίζω όλα να πήγαν καλά και να μην αντιμετωπίσατε δυσκολίες.

Εάν δυσκολευτήκατε με τη διαδικασία, μη διστάσετε να μου στείλετε σχετικό e-mail στο Δωρεάν κέντρο υποστήριξης Webnode που έχω φτιάξει.

Μη διστάσετε να μου στείλετε τα σχόλιά σας

Νέοι οδηγοί