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


Σε αυτό το άρθρο θα βρείτε:


Εάν θέλετε να βάλετε μια πιο εκτεταμένη, από την ήδη ενσωματωμένη στον ιστότοπο σας, φόρμα επικοινωνίας, μέσω της οποίας να συλλέγετε πρόσθετες πληροφορίες σχετικά με τους πελάτες σας, τότε με τη βοήθεια του κατάλληλου λογισμικού θα μπορείτε να την δημιουργήσετε και να την ενσωματώσετε στο CloudCart κατάστημα σας. Με τη βοήθεια ενός τέτοιου λογισμικού μπορείτε εύκολα να δημιουργήσετε διαφορετικούς τύπους φόρμας για διάφορους σκοπούς - φόρμες για την επιστροφή αγαθών, για συμμετοχή στη κλήρωση, για τη συμπλήρωση ερωτηματολογίου που αφορά κάποια δραστηριότητα του καταστήματος κτλ.


Εμείς προσωπικά, σας προτείνουμε να χρησιμοποιείτε τις Google Forms - αποτελούν μια εύκολη και διαισθητική μέθοδο δημιουργίας φόρμας και διαθέτει όλα τα απαραίτητα πεδία για τη δημιουργία διαφορετικών ειδών φόρμας, ενώ τα δεδομένα από τις συμπληρωμένες φόρμες μπορούν να εξαχθούν και να απεικονιστούν υπό τη μορφή πίνακα στα Google Sheets.  Υπάρχουν και άλλα λογισμικά όπως το JotForm. Είναι σημαντικό το λογισμικό που θα επιλέξετε να επιτρέπει την ενσωμάτωση (embed) των δημιουργημένων φορμών.

Δημιουργία φόρμας

Ας δούμε μια περίπτωση όπου, για παράδειγμα, θέλετε να δημιουργήσετε μια φόρμα επιστροφής της παραγγελίας. Εμείς χρησιμοποιήσαμε τις Google forms για τη δημιουργία της φόρμας μας. Μπορεί να περιέχει διαφορετικές ενότητες, όπως ονόματα, διεύθυνση, αριθμό τηλεφώνου του πελάτη, αριθμό και ημερομηνία παραγγελίας, λίστα προϊόντων, πεδίο για την συμπλήρωση των στοιχείων του τραπεζικού λογαριασμού του πελάτη, στον οποίο θα γίνει η επιστροφή των χρημάτων κτλ., ανάλογα με τα στοιχεία που θέλετε να προσθέσετε. Μπορείτε επίσης να προσθέσετε το λογότυπο του καταστήματος σας, ώστε να φαίνεται καλύτερα όταν το ενσωματώσετε στην ιστοσελίδα σας.

Δείτε πώς φαίνεται ένα τμήμα της παραδειγματικής φόρμας που δημιουργήθηκε από την Google Form:

Αφού δημιουργήσετε μια φόρμα στις Google Forms, μπορείτε να δείτε τις απαντήσεις όλων των πελατών σας που την συμπλήρωσαν, μπορείτε και να εξαγάγετε αυτές τις πληροφορίες στο Google sheet υπό τη μορφή πίνακα για την καλύτερη οργάνωση των αποτελεσμάτων σας.

Ενσωμάτωση της Φόρμας στο διαδικτυακό σας κατάστημα

1. Για να ενσωματώσετε τη δημιουργημένη φόρμα, ανεξάρτητα από τον τύπο της (για επιστροφή εμπορευμάτων, ερωτηματολόγιο, κλήρωση κτλ.) θα πρέπει να αντιγράψετε τον embed κώδικα της φόρμας, κάνοντας κλικ στο κουμπί Send που βρίσκεται στην επάνω δεξιά γωνία της οθόνης, επιλέξτε το εικονίδιο "<>" και αντιγράψτε τον κωδικό. Μπορείτε να αλλάξετε το πλάτος και το μήκος της δημιουργημένης φόρμας ανάλογα με τον τόπο και τον τρόπο που θέλετε να εμφανίζεται στο κατάστημα σας.

2. Το επόμενο βήμα είναι να συνδεθείτε στον πίνακα διαχείρισης του καταστήματος σας και να δημιουργήσετε μια Σελίδα Προορισμού, στην οποία θα ενσωματώσετε την επιθυμητή φόρμα, εάν δεν την έχετε ήδη δημιουργήσει. Για τον σκοπό αυτό, μεταβείτε στο τμήμα Μάρκετινγκ > Σελίδες προορισμού > Προσθήκη νέας σελίδας και επιλέξτε το είδος της σελίδας που θέλετε να δημιουργήσετε - Οπτικός Κατασκευαστής Ιστοσελίδας ή Στατική Σελίδα. Ο οπτικός κατασκευαστής σας δίνει περισσότερη ελευθερία στις ενέργειες, την επεξεργασία και την προσθήκη στοιχείων, οπότε αποφασίστε προσεκτικά ποιον τύπο θα χρησιμοποιήσετε.

  • Εάν επιλέξετε την Στατική σελίδα, τότε κάντε κλικ στο εικονίδιο Source code "<>" στο πρόγραμμα επεξεργασίας κειμένου και επικολλήστε τον αντιγραμμένο κώδικα, κάντε κλικ στο OK και, στη συνέχεια, πατήστε το κουμπί Προσθήκη νέας σελίδας για να αποθηκεύσετε τις αλλαγές.

Μπορείτε να δείτε πώς εμφανίζεται η ενσωματωμένη φόρμα της ιστοσελίδας σας κάνοντας κλικ στον σύνδεσμο της δημιουργημένης σελίδας στη λίστα των σελίδων προορισμού:

  • Εάν επιλέξετε τον Οπτικό Κατασκευαστή ιστοσελίδας, τότε από το κουμπί Προσθήκη νέας σειράς, μπορείτε να επιλέξετε τον αριθμό των στηλών που επιθυμείτε, σύμφωνα με τα στοιχεία που θέλετε να προσθέσετε στη σειρά αυτή.

Αφού προσθέσετε το επιθυμητό μοντέλο, κάντε κλικ στην Προσθήκη νέας ενότητας > Προσθήκη κώδικα.

Στο παράθυρο που θα ανοίξει, επικολλήστε τον αντιγραμμένο κώδικα και κάντε κλικ στην Αποθήκευση.

Μπορείτε να δείτε και πάλι πώς φαίνεται κάνοντας κλικ στον σύνδεσμο της δημιουργημένης σελίδας, στη λίστα των σελίδων προορισμού. Εάν είναι απαραίτητο, μπορείτε να αλλάξετε το πλάτος ή το ύψος της φόρμας στον ίδιο τον κώδικα:3. Αφού ενσωματώσετε την επιθυμητή φόρμα, βεβαιωθείτε ότι έχετε ελέγξει το πως εμφανίζεται στην έκδοση για κινητά και εάν είναι responsive, καθώς η έκδοση για κινητά χρησιμοποιείται από το 90% των χρηστών. Μπορείτε να το κάνετε πατώντας δεξί κλικ > Inspects.

Δημιουργία πλοήγησης

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


1. Αντιγράψτε το σύνδεσμο της φόρμας, μεταβείτε στην ενότητα Κατάστημα > Πλοήγηση και στο Κάτω μενού δημιουργήστε ένα νέο στοιχείο προς το μενού αυτό, από την επιλογή Προσθήκη περισσότερων. Επιλέξτε τον απαιτούμενο τύπο του στοιχείου - Εξωτερικός σύνδεσμος ή Σύνδεσμος προς στατική σελίδα εφόσον η φόρμα που δημιουργήσατε είναι ως στατική σελίδα.

2. Συμπληρώστε τα απαιτούμενα πεδία:

3. Στο υποσέλιδο του καταστήματος σας, ο σύνδεσμος θα εμφανίζεται ως εξής και θα οδηγεί στη φόρμα συμπλήρωσης: