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

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

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

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

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

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

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

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

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

Όταν προσθέτετε προσαρμοσμένο κώδικα στις ενότητες header, footer, tracking code ή Raw 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. Προσθήκη κώδικα στην ενότητα Tracking Code:

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

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

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

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

Σε αυτή την ενότητα, θα πρέπει να επικολλήσετε οποιονδήποτε κώδικα πρέπει να βρίσκεται μέσα στις ετικέτες <head> και </head> της σελίδας.

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

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

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

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

Για να το κάνετε αυτό, μεταβείτε στη φωτογραφία προφίλ σας, κάντε κλικ στο Settings και στη συνέχεια επιλέξτε Sales Funnels από το μενού στα αριστερά. Επικολλήστε τον κώδικα παρακολούθησης στο πεδίο κειμένου Tracking code και κάντε κλικ στο Save.

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

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

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

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

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

Προσθέστε τον κώδικα HTML στο πεδίο κειμένου (3) και στη συνέχεια κάντε κλικ στο Save (4).

Βεβαιωθείτε ότι έχετε αποθηκεύσει τις αλλαγές σας πριν την έξοδο.