Δημιουργία και τοποθέτηση φορμών Slide-in

Published: 16 Ιουλίου 2026 · Last updated: 21 Ιουλίου 2026 · By Marcus Biel

Το Slide-in είναι μια compact φόρμα εγγραφής που εμφανίζεται σε μια άκρη ή σε επιλεγμένη θέση του παραθύρου του browser.

Τραβά περισσότερη προσοχή από μια φόρμα τοποθετημένη μέσα στη σελίδα, ενώ καλύπτει μικρότερο μέρος του website από ένα κεντραρισμένο Popup. Τα Slide-in είναι κατάλληλα για υπενθυμίσεις newsletter, εκπτώσεις, ενημερώσεις προϊόντων και σύντομες προσφορές που πρέπει να παραμένουν ορατές όσο ο επισκέπτης διαβάζει τη σελίδα.

Αυτός ο οδηγός εξηγεί τις ρυθμίσεις που αφορούν αποκλειστικά τα Slide-in. Οι κοινές λειτουργίες διάταξης, περιεχομένου, πεδίων, tag, τυπογραφίας, layer και ροής εγγραφής καλύπτονται στον κύριο οδηγό Signup Form Builder.

Δημιουργία Slide-in

Ανοίξτε το “Signup Forms”, κάντε κλικ στο “Create Form” και επιλέξτε “Slide-in”. Εισαγάγετε ένα σαφές εσωτερικό όνομα και συνεχίστε στον builder.

Μπορείτε επίσης να επεξεργαστείτε ένα υπάρχον Slide-in κάνοντας κλικ στο όνομά του στην επισκόπηση Signup Forms.

Χρησιμοποιήστε ένα όνομα όπως “Blog Newsletter Slide-in”, “New Product Reminder” ή “Summer Coupon Slide-in”. Το εσωτερικό όνομα σάς βοηθά να διαχειρίζεστε τη φόρμα και δεν εμφανίζεται αυτόματα στους επισκέπτες.

Επιλογή template Slide-in

Τα Slide-in προσφέρουν μια κενή φόρμα, μια τυπική φόρμα και τέσσερα σχεδιασμένα template:

• Clean reminder
• Dark offer
• Warm coupon
• Minimal note

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

Σχεδιασμός του Slide-in

Χρησιμοποιήστε τον οπτικό builder για να διαμορφώσετε το Slide-in. Μπορεί να περιλαμβάνει τη φόρμα εγγραφής μαζί με κείμενο, εικόνα, βίντεο, λίστα, κουμπί, social links, μετρητή συνδρομητών, κενό ή διαχωριστικό.

Ο διαθέσιμος χώρος είναι πιο περιορισμένος από ό,τι σε μια Landing Page ή σε μια ευρεία Embedded Form. Κρατήστε την προσφορά στοχευμένη και αποφύγετε την προσθήκη περιεχομένου που αναγκάζει τους επισκέπτες να αναζητούν τα πεδία ή το κουμπί υποβολής.

Επιλέξτε το block της φόρμας εγγραφής για να διαμορφώσετε τα πεδία, τις απαιτούμενες πληροφορίες, τα κρυφά tag, την ένδειξη προόδου, τον μετρητή συνδρομητών, τα inputs και το κουμπί υποβολής. Ανοίξτε τις “Page settings” για να αλλάξετε το φόντο του Slide-in και τις προεπιλεγμένες ρυθμίσεις συνολικής εμφάνισης.

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

Επιλογή θέσης στην οθόνη

Επιλέξτε το block της φόρμας εγγραφής και ανοίξτε τα “Widget Settings”. Ο επιλογέας θέσης προσφέρει ένα πλέγμα τρία επί τρία:

• Πάνω αριστερά, πάνω στο κέντρο ή πάνω δεξιά
• Κέντρο αριστερά, στο κέντρο ή κέντρο δεξιά
• Κάτω αριστερά, κάτω στο κέντρο ή κάτω δεξιά

Επιλέξτε μια θέση που δεν καλύπτει σημαντικά controls του website. Ελέγξτε τις ειδοποιήσεις cookie, τα chat widgets, την πλοήγηση, τα κουμπιά καλαθιού αγορών και άλλα σταθερά στοιχεία πριν αποφασίσετε.

Σε στενές οθόνες κινητών, το Maildroppa απλοποιεί την τοποθέτηση ώστε το Slide-in να χωρά στο διαθέσιμο πλάτος. Οι θέσεις στο επάνω μέρος παραμένουν επάνω, ενώ οι υπόλοιπες εμφανίζονται από το κάτω άκρο. Να δοκιμάζετε πάντα το αποτέλεσμα σε μικρή οθόνη αντί να βασίζεστε μόνο στη θέση για desktop.

Ρύθμιση καθυστέρησης εμφάνισης

Η “Display Delay” καθορίζει πόσα δευτερόλεπτα περιμένει το Maildroppa πριν εμφανίσει το Slide-in σε μια σελίδα embedded website.

Χρησιμοποιήστε 0 όταν το Slide-in πρέπει να είναι διαθέσιμο αμέσως. Εισαγάγετε μεγαλύτερη καθυστέρηση όταν θέλετε να δώσετε πρώτα χρόνο στους επισκέπτες να αλληλεπιδράσουν με τη σελίδα. Ο builder δέχεται καθυστέρηση έως και 86.400 δευτερόλεπτα.

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

Ρύθμιση συχνότητας εμφάνισης

Η “Display Frequency” ελέγχει το διάστημα μετά το οποίο το Slide-in μπορεί να εμφανιστεί ξανά στον ίδιο επισκέπτη. Μπορείτε να επιλέξετε:

• Always
• Once per hour
• Once per day
• Once per week
• Once per month

Χρησιμοποιήστε συχνότητα που ταιριάζει στην προσφορά. Μια προσωρινή προώθηση μπορεί να χρειάζεται μικρότερο διάστημα, ενώ μια γενική υπενθύμιση newsletter συνήθως δεν χρειάζεται να εμφανίζεται σε κάθε επίσκεψη.

Η συχνότητα αποθηκεύεται στον browser του επισκέπτη. Ένας άλλος browser, ένα παράθυρο ιδιωτικής περιήγησης ή η διαγραφή του αποθηκευτικού χώρου του browser αντιμετωπίζεται ως διαφορετικό ιστορικό επισκέψεων.

Σύνδεση της ροής εγγραφής

Ελέγξτε τη ροή εγγραφής που έχει αντιστοιχιστεί στην κεφαλίδα του builder. Καθορίζει την απόκριση μετά την υποβολή, το email Double Opt-in και τι συμβαίνει μετά την επιβεβαίωση.

Μπορείτε να επιλέξετε μια υπάρχουσα ροή, να επεξεργαστείτε την τρέχουσα ροή ή να δημιουργήσετε μία ειδικά για αυτό το Slide-in. Αν η ροή χρησιμοποιείται από πολλές φόρμες, οι αλλαγές σε αυτήν επηρεάζουν όλες τις φόρμες.

Προεπισκόπηση και αποθήκευση

Κάντε κλικ στο “Preview” για να ελέγξετε το Slide-in πριν το προσθέσετε στο website σας. Ελέγξτε την επιλεγμένη θέση, τη συμπεριφορά ανοίγματος, τη σειρά των πεδίων, το control κλεισίματος και την πλήρη απόκριση εγγραφής.

Κάντε κλικ στο “Save changes” όταν η φόρμα και τα Widget Settings είναι έτοιμα. Στη συνέχεια επιστρέψτε στην επισκόπηση Signup Forms.

Ενεργοποίηση και ενσωμάτωση του Slide-in

Ενεργοποιήστε το Slide-in από το μενού ενεργειών με τις τρεις τελείες, αν δεν είναι ήδη ενεργό. Κάντε κλικ στο “Show Code Snippet” και αντιγράψτε ολόκληρο τον κώδικα από την καρτέλα “JavaScript”.

Προσθέστε αυτό το script σε κάθε σελίδα του website όπου θέλετε να είναι διαθέσιμο το Slide-in. Σε αντίθεση με μια Embedded Form, η ακριβής θέση του script μέσα στη σελίδα δεν καθορίζει την ορατή θέση του Slide-in. Η θέση που επιλέξατε στα Widget Settings ελέγχει το σημείο εμφάνισής του.

Η καρτέλα “HTML” παρέχει το παραγόμενο markup για custom υλοποιήσεις. Δοκιμάστε προσεκτικά την πλήρη αλληλεπίδραση και ροή υποβολής, αν το website σας χρησιμοποιεί αυτήν την επιλογή.

Για γενικές οδηγίες τοποθέτησης κώδικα, δείτε το Building and Embedding an Embedded Form.

Δοκιμή του Slide-in στο website σας

Αφού προσθέσετε τον κώδικα, δοκιμάστε την πραγματική σελίδα του website:

1. Ελέγξτε ότι το Slide-in εμφανίζεται μετά την επιλεγμένη καθυστέρηση.
2. Επιβεβαιώστε τη θέση του σε ευρεία οθόνη.
3. Ελέγξτε την προσαρμοσμένη θέση και το πλάτος του σε στενή οθόνη.
4. Βεβαιωθείτε ότι δεν καλύπτει την πλοήγηση, τα controls cookie, τα κουμπιά chat ή άλλες σημαντικές ενέργειες.
5. Δοκιμάστε το άνοιγμα και το κλείσιμο του Slide-in.
6. Υποβάλετε τη φόρμα και ολοκληρώστε τη διαδικασία Double Opt-in.
7. Επαληθεύστε τον συνδρομητή και τα κρυφά tag στο Maildroppa.

Η ρύθμιση συχνότητας μπορεί να εμποδίσει την επανεμφάνιση της φόρμας κατά τη διάρκεια επαναλαμβανόμενων δοκιμών. Χρησιμοποιήστε ένα παράθυρο ιδιωτικής περιήγησης ή διαγράψτε τον σχετικό αποθηκευτικό χώρο του browser όταν θέλετε να προσομοιώσετε έναν νέο επισκέπτη.

Ενημέρωση ή απενεργοποίηση του Slide-in

Ανοίξτε το ίδιο Slide-in στο Maildroppa, κάντε τις αλλαγές, δείτε την προεπισκόπησή τους και κάντε κλικ στο “Save changes”. Το απόσπασμα JavaScript συνεχίζει να χρησιμοποιεί το ίδιο form ID και φορτώνει την αποθηκευμένη διαμόρφωση.

Επιλέξτε “Deactivate” στην επισκόπηση Signup Forms όταν θέλετε να θέσετε το Slide-in εκτός λειτουργίας χωρίς να το διαγράψετε. Αφαιρέστε επίσης το script από το website αν δεν σκοπεύετε πλέον να το χρησιμοποιείτε εκεί.