Είναι δυνατό να εισαγάγετε κώδικα HTML, CSS ή JS

Σε αυτό το άρθρο, θα μάθετε πώς να εισαγάγετε κώδικα HTML, CSS και JS σε σελίδες που έχουν δημιουργηθεί με το systeme.io.

Θα χρειαστείτε:

• Έναν λογαριασμό systeme.io
• Κώδικα HTML, CSS ή JS

Γιατί να προσθέσετε προσαρμοσμένο κώδικα στις σελίδες σας;

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

Για παράδειγμα: 

1. Για να προσαρμόσετε το στυλ, μπορείτε να προσθέσετε κώδικα CSS.
2. Για να προσθέσετε κινούμενα σχέδια σε μια σελίδα ή σε μεμονωμένα στοιχεία (π.χ. κατά το πέρασμα του ποντικιού ή το κλικ σε ένα κουμπί), προσθέστε κώδικα JS.
3. Για να προσθέσετε τίτλους ή κείμενο γενικά, να δημιουργήσετε πίνακες, ενότητες και διαιρέσεις στη σελίδα σας, προσθέστε κώδικα HTML.

Σημαντικές σημειώσεις:

Όταν προσθέτετε προσαρμοσμένο κώδικα στις ενότητες κεφαλίδα, υποσέλιδο, κώδικας παρακολούθησης ή Ακατέργαστο HTML, μην συμπεριλάβετε καμία από τις παρακάτω ετικέτες:

• <head> </head>
• <footer> </footer>
• <html> </html>
• <body> </body>

Όταν προσθέτετε ένα βίντεο χρησιμοποιώντας ένα iframe , δεν απαιτούνται επιπλέον ετικέτες.

Λανθασμένο:

<div> 
    <iframe src="link to your video"></iframe>
</div>

Σωστό:

<iframe src="link to your video"></iframe>

1. Προσθήκη κώδικα στην ενότητα Κώδικας παρακολούθησης:

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

Επιλέξτε τη σελίδα του funnel από τη λίστα σελίδων στα αριστερά και κάντε κλικ στο Επεξεργασία σελίδας.

Κάντε κλικ στο Ρυθμίσεις, που βρίσκεται στην επάνω αριστερή γωνία, και στη συνέχεια μετακινηθείτε προς τα κάτω στην ενότητα Παρακολούθηση. 

1.1 Κώδικας που εισάγεται στην ενότητα κεφαλίδας

1.2 Κώδικας που εισάγεται στην ενότητα υποσέλιδου

Σε αυτή την ενότητα, προσθέστε οποιονδήποτε κώδικα προορίζεται για το Document Object Model (DOM).

2. Προσθήκη κώδικα από τις ρυθμίσεις του Sales Funnel:

Ορισμένος κώδικας (όπως ο κώδικας παρακολούθησης) πρέπει να προστεθεί σε όλα τα funnels σας.

Για να αποφύγετε την επανάληψη της διαδικασίας επικόλλησης του κώδικα σε κάθε σελίδα κάθε funnel, μπορείτε να τον εφαρμόσετε καθολικά σε όλα τα funnels αυτόματα. 

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

3. Προσθήκη στοιχείου Ακατέργαστο HTML στη σελίδα:

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

1. Προσθέστε το στοιχείο Ακατέργαστο HTML σύροντάς το στο επιθυμητό σημείο της σελίδας σας.

2. Κάντε κλικ στο στοιχείο για να εμφανιστούν οι ρυθμίσεις του (1).

Στο αριστερό πάνελ, κάντε κλικ στο Επεξεργασία κώδικα για να εμφανιστεί το αναδυόμενο παράθυρο όπου μπορείτε να επικολλήσετε τον κώδικά σας (2).

Φροντίστε να αποθηκεύσετε τις αλλαγές σας πριν κλείσετε το παράθυρο. Μόλις αποθηκευτούν οι αλλαγές, η παλιά έκδοση της σελίδας δεν μπορεί να επαναφερθεί.

Σημείωση: Ο ακατέργαστος κώδικας HTML δεν εμφανίζεται στη λειτουργία Προεπισκόπησης. Θα είναι ορατός μόνο στη ζωντανή σελίδα.