Στον παρόντα οδηγό παρουσιάζονται τα sections τύπου Intros. Ονομάζονται έτσι καθώς αποτελούν την ιδανική επιλογή να χρησιμοποιηθούν ως το πρώτο section μιας σελίδας, προσφέροντας άμεσο εντυπωσιακό αποτέλεσμα. Ανεξάρτητα από αυτό όμως, μπορούν να χρησιμοποιηθούν και σε οποιοδήποτε σημείο του website σας.

Intro Type 1

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

• Section Background: Επιλέγετε το background color που θα έχει το section. Εάν δε συμπληρωθεί, θα είναι λευκό.
• Title: Ο τίλτος του section, π.χ. ο τίτλος της σελίδας ή η επωνυμία της επιχείρησής σας.
• Content: Μικρή περιγραφή που συνοδεύει τον τίτλο.
• Image: Πεδίο για να ανεβάσετε στην εικόνα του section.
• Button 1: Link για το πρώτο κουμπί (προαιρετικό).
• Button 2: Link για το δεύτερο κουμπί (προαιρετικό).

Με βάση τις ρυθμίσεις που εμφανίζονται στο παραπάνω screenshot, η οπτική απεικόνιση θα είναι:

Intro Type 2

Πρόκειται για ένα section που εμφανίζεται σε δύο πλευρές: στην αριστερή πλευρά μπορεί να περιλαμβάνει τίτλο, ένα κείμενο με εφέ typing, περιγραφή και button link, ενώ στη δεξιά πλευρά εμφανίζεται μία εικόνα μαζί με ένα κουμπί play που ανοίγει ένα pop-up βίντεο, δημιουργώντας μια ισχυρή πρώτη εντύπωση με οπτικά στοιχεία και διαδραστικό περιεχόμενο.

• Section Background: Επιλέγετε το background color που θα έχει το section. Εάν δε συμπληρωθεί, θα είναι σκούρο γκρί.
• Title: Ο τίλτος του section, π.χ. ο τίτλος της σελίδας ή η επωνυμία της επιχείρησής σας.
• Typing Test: Η φράση που θα κινείται κάτω από τον τίτλο.
• Content: Μικρή περιγραφή που συνοδεύει τον τίτλο.
• Image: Πεδίο για να ανεβάσετε στην εικόνα του section.
• Button 1: Link για το κουμπί (προαιρετικό).
• Video URL: YouTube Link για να εμφανιστεί το εικονίδο του Play πάνω στην εικόνα (προαιρετικό).

Με βάση τις ρυθμίσεις που εμφανίζονται στο παραπάνω screenshot, η οπτική απεικόνιση θα είναι:

Intro Type 3

Σε αυτό το section, η εικόνα καταλαμβάνει όλο το πλάτος της σειράς, προσφέροντας έναν εντυπωσιακό οπτικό καμβά. Πάνω σε αυτήν, μπορείτε να εμφανίσετε τίτλο, περιγραφή και ένα κουμπί play που ανοίγει ένα pop-up βίντεο, προσφέροντας έναν δυναμικό και ελκυστικό τρόπο παρουσίασης περιεχομένου.

• Section Background: Επιλέγετε το background color που θα έχει το section. Εάν δε συμπληρωθεί, θα είναι λευκό.
• Image: Πεδίο για να ανεβάσετε στην εικόνα του section.
• Video URL: YouTube Link για να εμφανιστεί το εικονίδο του Play πάνω στην εικόνα (προαιρετικό).
• Title: Ο τίλτος του section, π.χ. ο τίτλος της σελίδας ή η επωνυμία της επιχείρησής σας (προαιρετικό).
• Content: Μικρή περιγραφή που συνοδεύει τον τίτλο (προαιρετικό).

Με βάση τις ρυθμίσεις που εμφανίζονται στο παραπάνω screenshot, η οπτική απεικόνιση θα είναι:

Intro Type 4

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

• Section Background: Επιλέγετε το background color που θα έχει το section, στην περίπτωση που δεν ανεβάσετε εικόνα ή βίντεο. Εάν δε συμπληρωθεί, θα είναι λευκό.
• Image: Πεδίο για να ανεβάσετε στην εικόνα του section, εμφανίζεται εάν δεν ανεβάσετε βίντεο.
• Video: Ανεβάζετε το αρχείο του βίντεο σας.
• Title: Ο τίλτος του section, π.χ. ο τίτλος της σελίδας ή η επωνυμία της επιχείρησής σας.
• Content: Μικρή περιγραφή που συνοδεύει τον τίτλο.

Με βάση τις ρυθμίσεις που εμφανίζονται στο παραπάνω screenshot, η οπτική απεικόνιση θα είναι:

Video

Το section Video αποτελεί μια εναλλακτική προβολή αντίστοιχη με το Intro Type 4, με βασική διαφορά ότι δεν υποστηρίζει την τοποθέτηση κειμένου επάνω στο βίντεο. Παράλληλα, σας δίνεται η δυνατότητα να ορίσετε ξεχωριστό βίντεο για mobile συσκευές.

Η επιλογή διαφορετικού βίντεο για mobile συνίσταται όταν το αρχικό αρχείο είναι μεγάλο σε μέγεθος ή όταν απαιτείται διαφορετικό κάδρο (π.χ. κάθετη διάταξη) για βέλτιστη προβολή σε smartphones. Με αυτόν τον τρόπο διασφαλίζετε ταχύτερη φόρτωση της σελίδας και βελτιωμένη εμπειρία χρήστη σε όλες τις συσκευές.

• Video file (desktop): Ανεβάστε το αρχείο βίντεο της ενότητας.
• Video file (mobile): Ανεβάστε το εναλλακτικό βίντεο για mobile συσκευές (προαιρετικό).
• Stretch video to fill screen: Ενεργοποιήστε την επιλογή ώστε το βίντεο να γεμίζει ολόκληρη την ενότητα, ακόμα και αν περικόπτει τμήματα του βίντεο.

Με βάση τις ρυθμίσεις που εμφανίζονται στο παραπάνω screenshot, η οπτική απεικόνιση θα είναι: