Τελευταία νέα κατηγορίας.

Ο κώδικας του ίδιου του αρχείου form.php περιέχει:

Αντί για url=http://site, γράψτε τη διεύθυνση του ιστότοπού σας. $address = " [email προστατευμένο]"- σε αυτή τη γραμμή υποδεικνύουμε τη διεύθυνση email σας στην οποία θα σταλούν οι επιστολές. Δεν χρειάζεται να αλλάξει κάτι άλλο, όλα είναι στημένα και λειτουργούν. Εάν έχετε οποιεσδήποτε δυσκολίες κατά τη διαδικασία εγκατάστασης, γράψτε στα σχόλια, σίγουρα θα απαντήσω.

Εισαγωγή σχολίων στο WordPress

Η διαδικασία εγκατάστασης μιας φόρμας στο WordPress δεν διαφέρει, όλα τα βήματα γίνονται με τον ίδιο τρόπο. Συνιστάται να ανεβάσετε το αρχείο form.php στο φάκελο με το θέμα σας. Μην ξεχάσετε να υποδείξετε την πλήρη και ακριβή διεύθυνση στο αρχείο χειριστή στη σήμανση html. Επιπλέον, πρέπει να αλλάξετε τη διεύθυνση του ιστότοπου στον ιστότοπό σας και να γράψετε σωστά τη διεύθυνση email. Ο ολοκληρωμένος κώδικας φόρμας μπορεί να εισαχθεί σε οποιαδήποτε σελίδα του ιστολογίου σας. Για παράδειγμα, πρόσθεσα μια σελίδα με διαγωνισμούς στο ιστολόγιό μου.

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

Προσθήκες WordPress

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

1. Γρήγορη Ασφαλής Φόρμα Επικοινωνίας.
2. Φόρμα Επικοινωνίας από Επικοινωνήστε μαζί μου.
3. FormCraft.
4. Visual Form Builder.
5. nForms – WordPress Form Builder.
6. Μορφές Βαρύτητας.

Τοποθετούμε το καθένα με τη σειρά και κοιτάμε το καθένα ξεχωριστά. Δώστε αμέσως προσοχή στη λειτουργικότητα του πρόσθετου και στην αφαίρεση εξωτερικών συνδέσμων προς τον ιστότοπο του συγγραφέα (εάν υπάρχουν). Όλες αυτές οι φόρμες αρχικά φαίνονται πολύ ελκυστικές, μπορείτε να τις προσαρμόσετε στο γούστο και το χρώμα σας.

Ας πάρουμε το πρώτο από αυτά ως παράδειγμα. Προσθέτουμε ένα νέο πρόσθετο Φόρμας Επικοινωνίας 7 Αυτό το πρόσθετο είναι πολύ απλό, δεν θα πρέπει να υπάρχουν προβλήματα με την εργασία του. Πολλοί bloggers χρησιμοποιούν αυτό το πρόσθετο για πρόσθετες μικρές φόρμες στους ιστότοπούς τους. Μεταβείτε στο στοιχείο Φόρμα Επικοινωνίας 7 στην κονσόλα στα αριστερά και κάντε κλικ στο «προσθήκη νέας φόρμας». Η προεπιλεγμένη γλώσσα είναι ήδη τα ρωσικά.

Στην πρώτη καρτέλα, επιλέξτε και ονομάστε τα πεδία που θα υπάρχουν. Δεν χρειάζεται να δημιουργήσετε μια πολύ μεγάλη φόρμα. Στην καρτέλα "Επιστολή", υποδείξτε τη διεύθυνση email σας στην οποία θα σταλούν τα μηνύματα." Δεν θα πρέπει να έχετε ιδιαίτερες δυσκολίες, όλα είναι διαισθητικά.

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

Το μικρό μειονέκτημα είναι ότι ο σχεδιασμός των σχολίων σας θα είναι πολύ τρομερός. Μην στεναχωριέσαι πολύ. Συνδεθείτε μέσω ftp σε αυτή τη διεύθυνση wp-content/plugins/contact-form-7/modules.Αυτός ο φάκελος περιέχει όλα τα στυλ css του plugin. Μπορείτε να προσθέσετε με ασφάλεια τις δικές σας νέες ιδιότητες για να κάνετε τη φόρμα σας όμορφη και αισθητή.

Δημιουργία φόρμας ανατροφοδότησης

Εκτός από πρόσθετα πρόσθετα, μπορείτε να χρησιμοποιήσετε τέτοιες φόρμες. Υπάρχουν ειδικές υπηρεσίες με τις οποίες μπορείτε γρήγορα και χωρίς ιδιαίτερες γνώσεις να δημιουργήσετε μια ολοκαίνουργια φόρμα. Υπάρχει και η άλλη όψη του νομίσματος. Τέτοιες υπηρεσίες πρέπει επίσης να ελέγχονται για λειτουργικότητα και, κυρίως, για το κόστος μιας τέτοιας ευχαρίστησης. Μερικά από αυτά είναι δωρεάν, αλλά υπάρχουν και επιλογές επί πληρωμή. Γράψτε το όνομα ενός από αυτά στο Yandex.

• φόρμασχεδιαστής;
• livetools.uiparade;
• Φόρμες Google·
• iFormbuilder;
• φαάρι.

Σε τέτοιες ηλεκτρονικές γεννήτριες δεν χρειάζεται να γράφετε κώδικα από την αρχή, να σκεφτείτε λάθη κ.λπ. Όλα έχουν ήδη γίνει στο παρελθόν. Χρειάζεται μόνο να επιλέξετε τα πεδία για τη φόρμα, να προσθέσετε ένα κουμπί «αποστολή» και να εισαγάγετε όλες τις απαραίτητες καταχωρήσεις. Μετά από όλα αυτά τα βήματα, η υπηρεσία θα σας προσφέρει έναν κωδικό για να εισαγάγετε στη σελίδα του ιστότοπου. Αντιγράψτε τον κωδικό που λάβατε στη σελίδα σας και ελέγξτε τη σύνδεση για να δείτε αν λειτουργεί.

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

Σήμερα, υπάρχει ένας μεγάλος αριθμός παρόμοιων τύπων υπηρεσιών και όλες δεν στέκονται ακίνητες. Με κάθε ενημέρωση προστίθενται νέες δυνατότητες. Οι διαδικτυακοί σύμβουλοι προσθέτουν πολλές δυνατότητες στο ηλεκτρονικό σας κατάστημα για εύκολη επικοινωνία με τον πελάτη. Ας πάρουμε ως παράδειγμα την υπηρεσία livetex, το μόνο μειονέκτημά της είναι πιθανώς η τιμή. Μια τρίμηνη περίοδος χρήσης κοστίζει 4.200 ρούβλια για ένα κατάστημα. Υπάρχει πάντα η επιλογή να δοκιμάσετε μια δοκιμαστική περίοδο.

1. Ζωντανή επικοινωνία με τον πελάτη.
2. Γεννήτριες μολύβδου.
3. Διάφορα widgets για επανάκληση.
4. Διαδικτυακά στατιστικά στοιχεία.
5. Ηλεκτρονική παρακολούθηση.

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

Η φόρμα σχολίων χρησιμοποιείται για να στέλνουν οι επισκέπτες μηνύματα απευθείας από μια σελίδα στον ιστότοπό σας. Μπορείτε, φυσικά, να αφήσετε το e-mail σας ώστε οι άλλοι να μπορούν να σας γράψουν μια επιστολή, αλλά πρέπει να συμφωνήσετε ότι η ύπαρξη ειδικής φόρμας σχολίων (FOF) στον ιστότοπό σας είναι πολύ πιο σεβαστή και οι καλεσμένοι και οι επισκέπτες σας είναι πιο πιθανό να συμφωνήσουν για να επικοινωνήσουμε μαζί σας χρησιμοποιώντας αυτήν τη φόρμα αντί να στείλουμε απλώς μια επιστολή στη διεύθυνση email που αφήσατε. Αυτή η μέθοδος επικοινωνίας είναι βολική για έναν ακόμη λόγο - ίσως δεν έχουν όλοι οι χρήστες υπολογιστών και Διαδικτύου διαμορφωμένο πρόγραμμα-πελάτη email και διεύθυνση email.

Και εσείς, ως ιδιοκτήτης του ιστότοπου, δεν πρέπει να εκθέτετε ιδιαίτερα τη διεύθυνση email σας στο κοινό, γιατί μπορεί να πέσει στα χέρια των spammers και στη συνέχεια να «φτυάρι» την περιττή αλληλογραφία από το γραμματοκιβώτιο.

Μην νομίζετε ότι το E-mail σας, που δημοσιεύεται μόνο σε μία ή δύο σελίδες, θα περάσει απαρατήρητο από τους spammers. Στο οπλοστάσιο ενός σοβαρού spammer υπάρχουν ειδικά προγράμματα με τη βοήθεια των οποίων συλλέγονται όλες οι σωστά εμφανιζόμενες διευθύνσεις από διαφορετικούς ιστότοπους, φόρουμ, σελίδες διαφημίσεων κ.λπ. Και αν είστε αποφασισμένοι να αφήσετε τη διεύθυνση ηλεκτρονικού ταχυδρομείου σας στο Διαδίκτυο, τότε γράψτε τη λανθασμένα, τουλάχιστον ως εξής: vasja_pupkinsobakamail.ru. Θα είναι ξεκάθαρο στους επισκέπτες του ιστότοπού σας, αλλά για τα προγράμματα spammer είναι περιττές πληροφορίες. Όμως, αυτό είναι ένα άλλο θέμα προς συζήτηση.

Έτσι, το FOS θα σας βοηθήσει να επικοινωνήσετε με τους επισκέπτες του ιστότοπου χωρίς να ανοίξετε τη διεύθυνση email σας. Αυτός είναι ο κύριος σκοπός του. Χρησιμοποιώντας αυτή τη φόρμα, μπορείτε να είστε βέβαιοι ότι η επιστολή που θα σας αποσταλεί σίγουρα θα φτάσει, φυσικά, υπό την προϋπόθεση ότι τα πεδία της φόρμας έχουν συμπληρωθεί σωστά. Επειδή το μήνυμα θα σταλεί στον ίδιο τομέα απευθείας στο γραμματοκιβώτιο του διαχειριστή του ιστότοπου. Δηλαδή, το μήνυμα δεν θα έχει την ευκαιρία να χαθεί.

Πώς να δημιουργήσετε μια φόρμα σχολίων;

Υπάρχουν αρκετοί αποτελεσματικοί τρόποι οργάνωσης του λειτουργικού συστήματος σε έναν ιστότοπο. Μπορεί να είναι:

• καθολικά σενάρια σε PHP και jQuery.
• προσθήκες και ενότητες για CMS.
• φόρμες ιστού που δεν απαιτούν πελάτη ηλεκτρονικού ταχυδρομείου.
• διαδικτυακές υπηρεσίες και σχεδιαστές φορμών.

Για παράδειγμα, το FOS στην PHP υλοποιείται χρησιμοποιώντας ένα σενάριο.

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

Και για παράδειγμα, όλα τα αρχεία σας είναι σε μορφή html. Πώς μπορεί να διορθωθεί αυτή η κατάσταση; Πώς να μετατρέψετε ένα αρχείο .html σε αρχείο .php;

Διευθύνω πάλιν

Συμφωνώ, δεν είναι πολύ δύσκολο. Αφού ολοκληρώσετε μια τόσο μικρή λειτουργία, μπορείτε με ασφάλεια να μετονομάσετε τα απαραίτητα αρχεία από html σε php. Φυσικά, υπό την προϋπόθεση ότι το αρχείο .htaccess βρίσκεται στον ίδιο κατάλογο με όλα τα αρχεία που μετονομάσατε.

Λίγα λόγια για τις διαδικτυακές υπηρεσίες
Υπάρχουν πολλές επιλογές φόρμας σχολίων. Εάν θέλετε, μπορείτε να χρησιμοποιήσετε την επιλογή αυτού του συγγραφέα
//www.wr-script.ru/sendmail/README.html
Η φόρμα σεναρίου μοιάζει με αυτό:

//www.wr-script.ru/sendmail/sendmail.php
Μπορείτε να επιτύχετε καλά αποτελέσματα χρησιμοποιώντας την υπηρεσία

//ip-whois.net/forma-obratnoj-svyazi/

Αυτή η υπηρεσία είναι αναμφίβολα καλή και παρέχει μια εξαιρετική ευκαιρία να οργανώσετε εύκολα σχόλια από επισκέπτες, αλλά, κατά τη γνώμη μου, σας στερεί την ευκαιρία να εργαστείτε απευθείας με τον κώδικα και να απολαύσετε τη δουλειά που έχετε κάνει μόνοι σας. Εάν αποφασίσετε να περιοριστείτε σε μια στατική τοποθεσία, τότε αυτή η μορφή επικοινωνίας είναι απλώς ένα θεϊκό δώρο για εσάς. Διαφορετικά, όταν έχετε έναν ιστότοπο που υποστηρίζει υπηρεσίες PHP, MySQL και, πιθανώς, άλλες λειτουργίες που παρέχονται από τη Φιλοξενία σας, τότε μου φαίνεται ότι έχετε το δικαίωμα σε μια μεγάλη επιλογή από μια ποικιλία επιλογών, τις οποίες θα εξετάσουμε στη συνέχεια . Δείτε αυτές τις επιλογές.

Σας ευχαριστώ για την προσοχή σας. Καλή τύχη στην εκμάθηση του υλικού και στην ανάπτυξη του ιστότοπού σας! Πάντα το L.M σας.

Σήμερα θα εργαστούμε για τη δημιουργία μιας όμορφης φόρμας σχολίων HTML για τον ιστότοπο, που θα τρέχει σε PHP και θα διαθέτει ενσωματωμένη προστασία από ανεπιθύμητα μηνύματα. Δεν χρειάζεστε ιδιαίτερες γνώσεις τα βασικά της html και η βασική λογική θα είναι αρκετά. Θα παρέχω έτοιμα αρχεία που μπορείτε να εισάγετε στον ιστότοπο χωρίς αλλαγές ή να τα προσαρμόσετε στις ανάγκες σας.

Πρόσφατα έγραψα ένα άρθρο σχετικά με τον τρόπο δημιουργίας ενός χρησιμοποιώντας την προσθήκη Φόρμας Επικοινωνίας 7. Μπορείτε επίσης να δημιουργήσετε εύκολα μια φόρμα σχολίων στο Joomla και σε άλλα δημοφιλή CMS.

Τι πρέπει όμως να κάνουν οι ιστότοποι που δεν χρησιμοποιούν δημοφιλές CMS; – Το μόνο που μένει είναι να τα κάνουμε όλα με το χέρι.

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

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

Πώς λειτουργεί η φόρμα σχολίων HTML

Η φόρμα μας θα έχει 5 πεδία για την εισαγωγή δεδομένων - όνομα, email, τηλέφωνο, διεύθυνση ιστότοπου, κείμενο μηνύματος (μπορείτε να τα διαγράψετε ή να τα αλλάξετε μόνοι σας).

Θα απαιτηθούν όλα τα πεδία εκτός από τη διεύθυνση του ιστότοπου (μπορείτε επίσης να το διαμορφώσετε μόνοι σας).

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

Η τελική μορφή επικοινωνίας θα μοιάζει με αυτό:

Μια φόρμα επικοινωνίας που δημιουργήθηκε σε html απαιτεί 3 στοιχεία για να λειτουργήσει.

Το πρώτο είναι υπεύθυνο για τη δομή της ίδιας της φόρμας, τον τύπο και τον αριθμό των πεδίων εισαγωγής δεδομένων. Αυτός είναι ο κανονικός κώδικας html.

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

Το τρίτο είναι υπεύθυνο για την εμφάνιση. Ορίζει το μέγεθος και τη θέση των πεδίων εισαγωγής δεδομένων, προσθέτει διάφορα χρώματα και εφέ. Όλα αυτά ορίζονται από στυλ CSS.

Επίδειξη της φόρμας

Θα σας καθοδηγήσουμε στη ρύθμιση καθενός από αυτά τα στοιχεία βήμα προς βήμα.

Δημιουργία διάταξης HTML

Για να μην μακρύνει πολύ το άρθρο και να μην προσθέσω κάθε στοιχείο ξεχωριστά, θα παράσχω τον πλήρη κώδικα html και παρακάτω θα περιγράψω κάθε μπλοκ και πιθανές αλλαγές.

Η ετικέτα χρησιμοποιείται για να ορίσει φόρμες σε HTML

Ας ξεκινήσουμε με την πρώτη γραμμή.

class="contact_form"– καθορίστε την κλάση για να ορίσετε στυλ CSS στο μέλλον.

action=”contact-form.php”– καθορίστε το όνομα του αρχείου με το σενάριο που θα επεξεργαστεί τα δεδομένα της φόρμας και θα στείλει το μήνυμα. Εάν το αρχείο βρίσκεται στον ίδιο φάκελο με τη σελίδα με τη φόρμα, τότε αρκεί να υποδείξετε μόνο το όνομα του αρχείου εάν βρίσκεται σε διαφορετικό φάκελο, τότε θα χρειαστεί να υποδείξετε τη διαδρομή προς το αρχείο.

Ακολουθούν 4 τετράγωνα

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

Τύπος– είναι υπεύθυνο για τον τύπο των δεδομένων εισαγωγής, κείμενο – απλό κείμενο, email – διεύθυνση email, τέτοια πεδία ελέγχονται αυτόματα για την ορθότητα (πρέπει να υπάρχει @), τηλ – τηλέφωνο, url – διεύθυνση ιστότοπου.

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

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

Απαιτείται– αυτή η παράμετρος υποδεικνύει ότι το πεδίο είναι απαραίτητο. Μπορείτε να αποφασίσετε μόνοι σας ποια στοιχεία απαιτούνται και ποια όχι.

pattern="(http|https)://.+"– αυτή η κατασκευή χρησιμεύει για τον έλεγχο της ορθότητας του πεδίου του ιστότοπου, υποδεικνύοντας ότι η διεύθυνση πρέπει να περιέχει http://text ή https://text, διαφορετικά θα υπάρξει σφάλμα.

Ορισμένα πεδία έχουν μια επεξήγηση εργαλείου που εμφανίζεται όταν επιλέγετε ένα στοιχείο. Είναι πληγωμένη , όπου form_hint είναι η κλάση του στοιχείου (οι ιδιότητές του είναι γραμμένες σε CSS). Μπορείτε να ορίσετε οποιοδήποτε κείμενο στην επεξήγηση εργαλείου για κάθε πεδίο φόρμας επικοινωνίας. Εάν δεν χρειάζεστε μια τέτοια δυνατότητα, απλώς αφαιρέστε ολόκληρη την ετικέτα.

Τα πεδία για την εισαγωγή του ίδιου του μηνύματος επισημαίνονται με την ετικέτα , στο οποίο τα cols καθορίζουν τον αριθμό των χαρακτήρων στο πλάτος του πεδίου και οι γραμμές τον αριθμό των γραμμών.</p><p><b>Προστασία ανεπιθύμητων</b>– αόρατο πεδίο με όνομα=bezspama. Έχει το στυλ display:none - αυτό σημαίνει ότι το πεδίο είναι αόρατο στους ανθρώπους, αλλά τα bots θα το συμπληρώνουν αυτόματα.</p><p>Και το τελευταίο στοιχείο οποιασδήποτε φόρμας είναι το κουμπί αποστολής μηνύματος, καθορίζεται από την ετικέτα <button> </button>, το οποίο έχει τη δική του κλάση για την προσαρμογή της εμφάνισης και του τύπου «υποβολή».</p><p>Για να προσθέσετε ή να αφαιρέσετε πεδία, απλώς αφαιρέστε τα περιττά ή εισαγάγετε νέα κατ' αναλογία με τα υπάρχοντα, προσδιορίζοντας όλες τις ιδιότητες και τα ονόματα για αυτά.</p><h2>Διακόσμηση με στυλ CSS</h2><p>Αν κοιτάξετε το αποτέλεσμα σε ένα πρόγραμμα περιήγησης, θα δείτε κάτι αδέξιο και μη ελκυστικό. Για να έχουμε μια όμορφη φόρμα ανατροφοδότησης, θα πρέπει να δουλέψουμε τα στυλ της (το html δεν θα είναι αρκετό).</p><p>Εάν γνωρίζετε CSS, τότε μπορείτε να ορίσετε τη σχεδίαση για όλα τα στοιχεία φόρμας χωρίς κανένα πρόβλημα, δεν χρειάζεστε καν τη βοήθειά μου.</p><p>Εάν δεν είστε εξοικειωμένοι με τα στυλ, τότε απλά θα σας δώσω ένα έτοιμο αρχείο στο οποίο όλα είναι ήδη γραμμένα με τέτοιο τρόπο ώστε η φόρμα σας να είναι πανομοιότυπη με αυτή του παραδείγματος.</p><p>Μπορείτε να συνδέσετε στυλ με δύο τρόπους:</p><ol><li>Αντιγράψτε τα περιεχόμενα του αρχείου στο αρχείο style.css που βρίσκεται ήδη στον ιστότοπό σας (προσθήκη στο τέλος)</li><li>Τοποθετήστε το αρχείο που έδωσα στο hosting σας και συνδέστε το.</li> </ol><p>Τα αρχεία στυλ συνδέονται χρησιμοποιώντας τον ακόλουθο κώδικα <link rel=”stylesheet” media=”screen” href=”styles.css” >, τοποθετημένο μέσα <head></head>. Εάν το αρχείο με στυλ (styles.css) δεν βρίσκεται στον ίδιο φάκελο με τη σελίδα html, τότε γράψτε την πλήρη διαδρομή προς αυτό.</p><p>Στο αρχείο στυλ που έδωσα, κάθε στοιχείο έχει ετικέτα, ώστε να μπορείτε να κάνετε οποιεσδήποτε αλλαγές σε αυτό - αλλάξτε χρώματα, μεγέθη, σχήματα, εφέ. Έχοντας τις πιο βασικές γνώσεις, μπορείτε εύκολα να τις επεξεργαστείτε.</p><h2>Ρύθμιση κώδικα PHP (προστέθηκε προστασία anti-spam)</h2><p>Όπως και με τα στυλ, θα σας δώσω έτοιμο κώδικα που επεξεργάζεται τη φόρμα σχολίων HTML και προστατεύει από ανεπιθύμητα μηνύματα. Αυτό το αρχείο είναι προσαρμοσμένο για μια συγκεκριμένη διαμόρφωση και εάν θέλετε να ορίσετε νέα πεδία ή να καταργήσετε τα υπάρχοντα, θα πρέπει να κάνετε αλλαγές σε αυτό. Επομένως, θα σας πω πώς λειτουργεί, ώστε να καταλάβετε τι πρέπει να αλλάξει.</p><blockquote><p>Για τοποθεσίες που χρησιμοποιούν την κωδικοποίηση windows-1251 και την έκδοση php 5.4+, θα χρειαστεί να προσθέσετε μια προσθήκη στον κώδικα που σχετίζεται με τη συνάρτηση htmlspecialchars. Θα το δείξω παρακάτω. Διαφορετικά, θα εμφανιστούν κενά πεδία αντί για το κυριλλικό αλφάβητο.</p> </blockquote><p>Θυμηθείτε, στις ιδιότητες της φόρμας (στο αρχείο html) καθορίσαμε την παράμετρο action=”contact-form.php”. Πρέπει να δημιουργήσετε ένα αρχείο που ονομάζεται contact-form.php και να τοποθετήσετε τον παρακάτω κώδικα σε αυτό.</p><p><?php /* Задаем переменные */ $name = htmlspecialchars($_POST["name"]); $email = htmlspecialchars($_POST["email"]); $tel = htmlspecialchars($_POST["tel"]); $website = htmlspecialchars($_POST["website"]); $message = htmlspecialchars($_POST["message"]); $bezspama = htmlspecialchars($_POST["bezspama"]); /* Ваш адрес и тема сообщения */ $address = "pochta@kakoy-to-sajt.com"; $sub = "Сообщение с сайта ХХХ"; /* Формат письма */ $mes = "Сообщение с сайта ХХХ.\n Имя отправителя: $name Электронный адрес отправителя: $email Телефон отправителя: $tel Сайт отправителя: $website Текст сообщения: $message"; if (empty($bezspama)) /* Оценка поля bezspama - должно быть пустым*/ { /* Отправляем сообщение, используя mail() функцию */ $from = "From: $name <$email>\r\n Απάντηση σε: $email \r\n"; if (mail($address, $sub, $mes, $from)) ( header("Refresh: 5; URL=https://site") ; ηχώ " <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <body><br> <br> </body>";) else ( header("Refresh: 5; URL=https://site"); echo " <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <body><br> <br> </body>";) ) έξοδος; /* Έξοδος χωρίς μήνυμα εάν το πεδίο bezspama είναι γεμάτο με spam bots */ ?></p><table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td><td class="crayon-code"><p><?php </p><p>/* Ορισμός μεταβλητών */</p><p>$name = htmlspecialchars($_POST["όνομα"]);</p><p>$email = htmlspecialchars($_POST["email"]);</p><p>$tel = htmlspecialchars($_POST["τηλ"]);</p><p>$website = htmlspecialchars($_POST["ιστότοπος"]);</p><p>$message = htmlspecialchars($_POST["μήνυμα"]);</p><p>$bezspama = htmlspecialchars ($_POST [ "bezspama" ] );</p><p>/* Η διεύθυνση και το θέμα του μηνύματός σας */</p><p>$υπο = <span>"Μήνυμα από τον ιστότοπο XXX"</span>; </p><p>/* Μορφή γράμματος */</p><p>$mes = <span>"Μήνυμα από τον ιστότοπο XXX.\n</p><p>Όνομα αποστολέα: $name</p><p>Διεύθυνση email αποστολέα: $email</p><p>Τηλέφωνο αποστολέα: $τηλ</p><p>Ιστότοπος αποστολέα: $website</p><p>Κείμενο μηνύματος:</p><p>$message" ;</p><p>εάν (κενό ($bezspama) ) <span>/* Αξιολόγηση πεδίου bezspama - πρέπει να είναι κενό */</p><p>/* Στείλτε ένα μήνυμα χρησιμοποιώντας τη συνάρτηση mail() */</p><p>$από = <span>"Από: $name<$email>\r\n Απάντηση σε: $email \r\n"</span>; </p><p>εάν (ταχυδρομείο ($address, $sub, $mes, $from)) (</p><p>επί κεφαλής();</p><p>ηχώ " <head> </p><p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> </p><p> <body>Η επιστολή έχει σταλεί, σε 5 δευτερόλεπτα θα επιστρέψετε στη σελίδα XXX<br> <br> </body>" </span>; } </p><p>αλλού(</p><p>κεφαλίδα ( <span>"Ανανέωση: 5; URL=https://site"</span>) ; </p><p>ηχώ " <head> </p><p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> </p><p> <body>Το email δεν στάλθηκε, σε 5 δευτερόλεπτα θα επιστρέψετε στη σελίδα ΕΕΕ<br> <br> </body>" </span>; } </p><p>έξοδος ; <span>/* Έξοδος χωρίς μήνυμα εάν το πεδίο bezspama είναι γεμάτο με spam bots */</p> </td> </tr></table><p>Πρώτα απ 'όλα, πρέπει να ορίσουμε τις μεταβλητές που θα υποβάλλονται σε επεξεργασία από τον κώδικα PHP. Για να μην μπερδευτούμε, τους αποδίδουμε τα ίδια ονόματα όπως ήταν στην ίδια τη φόρμα, μόνο που όλες οι μεταβλητές ξεκινούν με το σύμβολο $. Η ίδια η εντολή εκχώρησης τιμής μοιάζει με αυτό:</p><p>$title = htmlspecialchars($_POST["title"]);</p><table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td><td class="crayon-code"><p>$title=htmlspecialchars($_POST["title"]);</p> </td> </tr></table><p>Εάν προσθέσατε επιπλέον πεδία δεδομένων, προσθέστε τα ονόματά τους στο μπλοκ μεταβλητών.</p><p>Δεν παίρνουμε όλες τις μεταβλητές από τη φόρμα. Τουλάχιστον, η διεύθυνση email στην οποία θα σταλεί η επιστολή (η διεύθυνσή σας) αναφέρεται ξεχωριστά. Σε αυτήν την περίπτωση, αυτή είναι η μεταβλητή $address - εισαγάγετε τη διεύθυνση email σας στην τιμή της.</p><p>Επίσης, σε αυτό το παράδειγμα, η τιμή της μεταβλητής $sub ορίζεται ρητά - θα εμφανίζει το θέμα του γράμματος. Μπορείτε να προσθέσετε το θέμα του μηνύματος στη φόρμα HTML ως πεδίο κειμένου (όπως όνομα) και να πάρετε την τιμή αυτής της μεταβλητής από εκεί.</p><p>Στο μπλοκ μορφής letter, διαμορφώνετε το μήνυμα που θα λάβετε. Μπορεί να διαφέρει από αυτό που γράφτηκε στο πεδίο της περιοχής κειμένου που ονομάζεται μήνυμα. Απλώς έφτιαξα μια άλλη μεταβλητή $mes και συμπεριέλαβα επιπλέον κείμενο και σημαντικά δεδομένα αποστολέα (όνομα, email, τηλέφωνο, ιστότοπος) σε αυτήν. Μπορείτε να διαμορφώσετε αυτό το τμήμα όπως θέλετε.</p><p>Για να διασφαλίσουμε ότι τα γράμματα που λαμβάνετε υπογράφονται με το όνομα του αποστολέα και περιλαμβάνουν τη διεύθυνση επιστροφής τους και όχι τη διεύθυνση του διακομιστή στον οποίο βρίσκεται το αρχείο php σας, ορίσαμε μια νέα μεταβλητή $from, η οποία περιλαμβάνει το όνομα και email του αποστολέα της επιστολής.</p><p>Στη συνέχεια, η συνάρτηση αλληλογραφίας στέλνει το γράμμα σύμφωνα με τις καθορισμένες παραμέτρους. Εάν σταλεί με επιτυχία, εμφανίζεται ένα μήνυμα που δηλώνει ότι η επιστολή έχει σταλεί και μετά από 5 δευτερόλεπτα ο χρήστης ανακατευθύνεται σε μια σελίδα στον ιστότοπό σας (μπορείτε να αλλάξετε τη διεύθυνση της σελίδας και τον χρόνο καθυστέρησης). Εάν δεν ήταν δυνατή η αποστολή της επιστολής, εμφανίζεται ένα μήνυμα ότι η επιστολή δεν στάλθηκε και μετά από 5 δευτερόλεπτα μεταβαίνει στη σελίδα του ιστότοπου Με τον ίδιο τρόπο, μπορείτε να ορίσετε τη διεύθυνση και την ώρα της σελίδας.</p> <h2>Εισαγωγή φόρμας σε σελίδα ιστότοπου</h2><p>Για να εισαγάγετε τη φόρμα σχολίων που δημιουργήσατε, πρέπει να αντιγράψετε τον κώδικα html της φόρμας και να τον επικολλήσετε στο τμήμα του κώδικα σελίδας όπου θέλετε να εμφανίσετε σχόλια για τον ιστότοπο.</p><p>Για άλλη μια φορά θα ήθελα να σας υπενθυμίσω ότι εάν το αρχείο με το πρόγραμμα PHP δεν βρίσκεται στον ίδιο φάκελο με τη σελίδα στην οποία βρίσκεται ο κώδικας html, τότε στον κώδικα της ίδιας της φόρμας πρέπει να γράψετε την πλήρη διαδρομή προς αυτό , διαφορετικά δεν θα λειτουργήσει, αφού η φόρμα δεν θα βρει τον χειριστή αρχείων.</p><p><b><span>Λήψη αρχείων φόρμας επικοινωνίας</span> </b></p><h2>Ενεργό anti-spam με εισαγωγή δεδομένων στο πεδίο</h2><p>Οι αποστολείς ανεπιθύμητης αλληλογραφίας λειτουργούν χρησιμοποιώντας διάφορα εργαλεία λογισμικού και ορισμένα ρομπότ μπορούν να παρακάμψουν την προστασία κενού πεδίου που είναι ενσωματωμένη στη βασική έκδοση. Εάν αρχίσουν να σας ενοχλούν, μπορείτε να χρησιμοποιήσετε απλή προστασία ή επιπλέον εισάγοντας δεδομένα σε ένα ειδικό πεδίο. Για παράδειγμα, κάντε μια μαθηματική έκφραση που σας ζητά να εισαγάγετε μια απάντηση ή να κάνετε μια απλή ερώτηση. Αυτό δεν θα απαιτήσει σημαντικές αλλαγές στη μορφή.</p><p>Θα σας δείξω πώς να αλλάξετε τον κώδικα φόρμας και τον χειριστή PHP για να χρησιμοποιήσετε αυτήν τη μέθοδο antispam. Εάν θέλετε, δεν μπορείτε να αλλάξετε την προστασία με ένα κενό πεδίο, αλλά προσθέστε τις αντίστοιχες γραμμές στον κώδικα και θα έχετε 2 μεθόδους που λειτουργούν ταυτόχρονα - θεωρητικά, θα πρέπει να είναι πιο αποτελεσματικές.</p><p>Πρώτα απ 'όλα, πρέπει να προσθέσουμε ένα πεδίο εισαγωγής και μια ερώτηση στον κώδικα HTML. Έχουμε ήδη τη γραμμή 25 (όνομα εισαγωγής = "bezspama") ως βάση. Αυτό το πεδίο είναι αόρατο. Το μετατρέπουμε σε συνηθισμένο. Για να το κάνετε αυτό, αλλάξτε ολόκληρη τη γραμμή σε αυτό το μπλοκ:</p><p><p> <label for="bezspama">2+2*2=:</label> <input name="bezspama" type="text" required /> </p></p><table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td><td class="crayon-code"><p></td></tr></table> <p>Ίσως πρόκειται να εγκαταστήσετε μια φόρμα σχολίων στον ιστότοπό σας, ίσως είναι ήδη εγκατεστημένη ή ίσως έχετε ήδη δοκιμάσει αυτό το κανάλι και είστε τρομερά απογοητευμένοι από αυτό. Με τον ένα ή τον άλλο τρόπο, σήμερα στην αγορά υπάρχουν 4 τύποι εντύπων ανατροφοδότησης, που παρουσιάζονται από πολλούς παίκτες. Θα προσπαθήσουμε, στο μέτρο του δυνατού, να μιλήσουμε για τα υπέρ και τα κατά τους όσο το δυνατόν πιο αντικειμενικά.</p><p><img src='https://i0.wp.com/habrastorage.org/files/86d/f37/4db/86df374db1374cd883a7ebaa5f7b7675.jpg' width="100%" loading=lazy loading=lazy></p><p>Πλεονεκτήματα: προσαρμογή της εμφάνισης του κουμπιού και του παραθύρου, έλλειψη παρεμβολής, φωνητική επικοινωνία, βολικός προσωπικός λογαριασμός, δεν απαιτεί τηλέφωνο ή εισαγωγή αριθμού.</p><p><img src='https://i2.wp.com/habrastorage.org/files/f64/d64/5f1/f64d645f14644ab69238998101e9bae0.jpg' width="100%" loading=lazy loading=lazy></p><p>Πλεονεκτήματα: Φτηνό και χαρούμενο. Branding για τη σχεδίαση της ιστοσελίδας, τη δυνατότητα να κάνετε τη φόρμα όπως επιθυμεί ο πελάτης - μια κλήση, ένα μήνυμα ή και τα δύο. Χωρίς τέλη τρίτων.</p><p>Μειονεκτήματα: Δεν είναι πολύ αξιόπιστα και δεν λειτουργούν πάντα.</p><p><b><b><h5>Γραφικά στοιχεία επανάκλησης</h5> </b> </b><br>Rocket Callback, Callback Hunter και πολλοί άλλοι. Χιλιάδες από αυτούς. Είναι ένα αναδυόμενο παράθυρο με 1 πεδίο για την εισαγωγή ενός αριθμού τηλεφώνου. Διαφέρει από το Zingaya στο ότι η επικοινωνία γίνεται μέσω τηλεφώνου και όχι μέσω υπολογιστή, αν και χρησιμοποιείται το ίδιο VoIP. Διαφέρουν ως προς τις πρόσθετες λειτουργίες - το Perezvoni έχει ένα multi-widget, το Rocket Callback έχει μια ρύθμιση παρεμβατικότητας, το RedConnect έχει ένα κοινόχρηστο πρόγραμμα περιήγησης και ούτω καθεξής. Υπάρχει μεγάλο εύρος τιμών, αλλά η χαμηλότερη τιμή είναι για Rocket Callback (περίπου 6 ρούβλια ανά λεπτό), η υψηλότερη είναι για Callback Hunter (περίπου 60 ρούβλια ανά λεπτό).</p><p><img src='https://i2.wp.com/habrastorage.org/files/a75/970/898/a75970898de64066b61d25adc39eea0c.jpg' width="100%" loading=lazy loading=lazy></p><p>Πλεονεκτήματα: Δεν υπάρχει σύνδεση με υπολογιστή, η τιμή δεν εξαρτάται από τον αριθμό των χειριστών, προσαρμογή της παρεμβατικότητας και της εμφάνισης του widget, άμεση επικοινωνία (από 20 δευτερόλεπτα).</p><p>Μειονεκτήματα: Όταν ρυθμιστεί επιθετικά, μπορεί να ενοχλήσει πολύ τους επισκέπτες, ενοχλώντας από την εμφάνισή του την πιο ακατάλληλη στιγμή.</p><p>Καθένας από τους 4 τύπους ανατροφοδότησης έχει και ένα μείον και ένα συν. Η διαδικτυακή κλήση είναι καλή, αλλά δεν μπορείτε να μιλήσετε χωρίς μικρόφωνο. Οι διαδικτυακοί σύμβουλοι είναι πολύ βολικοί, αλλά η τιμή είναι υψηλή για αρκετούς χειριστές. Οι αυτογραφείς φόρμες σάς επιτρέπουν να αποφύγετε να πληρώσετε κανέναν, αλλά απαιτούν συνεχή προσοχή. Τα γραφικά στοιχεία επανάκλησης σάς επιτρέπουν να επικοινωνείτε άμεσα, αλλά μπορεί να είναι απίστευτα παρεμβατικά. Υπάρχει η άποψη ότι κάθε μία από τις ποικιλίες μπορεί να αντικαταστήσει την άλλη, αλλά αυτό είναι απίθανο, καθώς η καθεμία έχει τα δικά της πλεονεκτήματα και αδυναμίες. Η βέλτιστη λύση θα ήταν να δοκιμάσετε και τα 4 και να επιλέξετε αυτό που έδωσε το καλύτερο αποτέλεσμα.</p> <br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> </div> </div> </div> <div class="right -is-sticky"> <div class="articles-conseilles"> <div id="tamanu2" style="height:500px;width:266px;" align="center"></div> </div> </div> </div> <div class="a-decouvrir"> <h3>Συνιστούμε να διαβάσετε</h3> <div class="featured"> <div class="view view-articles view-id-articles view-display-id-block_4 view-dom-id-169dc93f512a102548b755435ccd1346"> <div class="view-content"> <div class="row"> <article class="preview-article"> <header class="preview-article__header"> <a href="https://qpprosto.ru/el/skachat-programmu-ekvalaizer-dlya-vindovs-7-ispolzovanie.html"> <figure class=""> <img src="https://i1.wp.com/chopen.net/wp-content/uploads/2015/02/equalizer_2.jpg" alt="Χρησιμοποιώντας το Windows Equalizer" loading=lazy loading=lazy> </figure> </a> </header> <div class="preview-article__content"> <div class="views-field views-field-title"> <span class="field-content"><a href="https://qpprosto.ru/el/skachat-programmu-ekvalaizer-dlya-vindovs-7-ispolzovanie.html">Χρησιμοποιώντας το Windows Equalizer</a></span> </div> <div class="views-field views-field-body"> <div class="field-content"> <p>Σήμερα θα δούμε: Οι αληθινοί γνώστες της μουσικής γνωρίζουν ότι για την ποιότητα...</p> </div> </div> <div class="views-field views-field-field-article-categorie"> <div class="field-content"> <span class="preview-article__category se-soigner"> </span> </div> </div> </div> </article> <article class="preview-article"> <header class="preview-article__header"> <a href="https://qpprosto.ru/el/programma-dlya-tablic-excel-skachat-primery-excel-s-formulami-i.html"> <figure class=""> <img src="https://i1.wp.com/atmosoft.ru/full/Excel%202016.png" alt="Ποιο πρόγραμμα περιήγησης να επιλέξετε για έναν αδύναμο υπολογιστή" loading=lazy loading=lazy> </figure> </a> </header> <div class="preview-article__content"> <div class="views-field views-field-title"> <span class="field-content"><a href="https://qpprosto.ru/el/programma-dlya-tablic-excel-skachat-primery-excel-s-formulami-i.html">Ποιο πρόγραμμα περιήγησης να επιλέξετε για έναν αδύναμο υπολογιστή</a></span> </div> <div class="views-field views-field-body"> <div class="field-content"> <p>Αρχεία *.xlsx με παραδείγματα υπολογισμών τύπων και συναρτήσεων. Και επίσης δωρεάν...</p> </div> </div> <div class="views-field views-field-field-article-categorie"> <div class="field-content"> <span class="preview-article__category se-soigner"> </span> </div> </div> </div> </article> <article class="preview-article"> <header class="preview-article__header"> <a href="https://qpprosto.ru/el/moshchnyi-ekvalaizer-dlya-windows-7-ispolzovanie-ekvalaizera.html"> <figure class=""> <img src="https://i0.wp.com/composs.ru/wp-content/uploads/2017/11/ekvalajzer_na_kompyuter2.jpg" alt="Χρησιμοποιώντας το Windows Equalizer" loading=lazy loading=lazy> </figure> </a> </header> <div class="preview-article__content"> <div class="views-field views-field-title"> <span class="field-content"><a href="https://qpprosto.ru/el/moshchnyi-ekvalaizer-dlya-windows-7-ispolzovanie-ekvalaizera.html">Χρησιμοποιώντας το Windows Equalizer</a></span> </div> <div class="views-field views-field-body"> <div class="field-content"> <p>Τα λειτουργικά συστήματα Windows που ξεκινούν με Vista χρησιμοποιούν ενσωματωμένο...</p> </div> </div> <div class="views-field views-field-field-article-categorie"> <div class="field-content"> <span class="preview-article__category se-soigner"> </span> </div> </div> </div> </article> </div> </div> </div> </div> </div> </div> <a href="#skip-link" class="visually-hidden visually-hidden--focusable" id="main-menu" tabindex="-1">Μπλουζα</a> </div> </section> <div class="region region-bottom"> <div class="block block-block first last odd" id="block-block-7"> <ul> <li><a href="https://qpprosto.ru/el/category/baby-products/">Παιδικά είδη</a></li> <li><a href="https://qpprosto.ru/el/category/auto/">Αυτο</a></li> <li><a href="https://qpprosto.ru/el/category/electronics/">ΗΛΕΚΤΡΟΝΙΚΑ ΕΙΔΗ</a></li> <li><a href="https://qpprosto.ru/el/category/tool/">Εργαλείο</a></li> <li><a href="https://qpprosto.ru/el/category/appliances/">Πρόγραμμα Kerish Doctor.</a></li> <li><a href="https://qpprosto.ru/el/category/baby-products/">Παιδικά είδη</a></li> </ul> <p><a href="https://qpprosto.ru/el/" id="choosit"><img alt="" height="13" src="/sites/all/themes/lanutrition/img/logo-choosit.svg" width="50" / loading=lazy loading=lazy></a></p> </div> </div> <div class="search-modal" id="search-modal"><button class="close-button" id="close-search" aria-label="Close reveal" type="button"><span aria-hidden="true">×</span></button> <div class="search-modal__content"> <div class="block block-search first odd" role="search" id="block-search-form"> <form class="search-form" role="search" action="/" method="get" id="search-block-form" accept-charset="UTF-8"> <div> <div class="container-inline"> <h2 class="element-invisible">Αναζήτηση ιστότοπου</h2> <div class="form-item form-type-textfield form-item-search-block-form"> <input title="" class="custom-search-box form-text" placeholder="εισάγετε μια λέξη" type="text" id="edit-search-block-form--2" name="s" value="" size="15" maxlength="128" /> </div> <div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-submit" name="op" value="Rechercher" class="form-submit" /></div> </div> </div> </form> </div> </div> </div> <br> <br> </body> </html><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>