Πώς να προσθέσετε έναν σύνδεσμο αγκύρωσης για μετάβαση σε συγκεκριμένο σημείο της σελίδας σας

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

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

• Έναν λογαριασμό systeme.io
• Ένα funnel
• Μια υπάρχουσα σελίδα

Αυτή τη στιγμή υπάρχουν δύο τρόποι για να προσθέσετε μια άγκυρα σε μια σελίδα του systeme.io.

1. Χρήση κώδικα HTML:

Παράδειγμα: Μια άγκυρα footer που σας μεταφέρει στο κάτω μέρος μιας μεγάλης σελίδας.

Για αυτή τη μέθοδο, μεταβείτε στον επεξεργαστή σελίδας και προσθέστε ένα στοιχείο HTML ακριβώς πάνω ή κάτω από το σημείο στο οποίο θέλετε να μεταφέρεται ο επισκέπτης. Στη συνέχεια, εισαγάγετε τον κώδικα <div id="whatyouwant"></div> στο HTML. (1)

Σημείωση: Αυτός ο κώδικας δεν θα εμφανίσει τίποτα στη σελίδα.

Αφού εισαγάγετε τον κώδικα, αποθηκεύστε τις αλλαγές. (2)

Στη συνέχεια, αντιγράψτε τον σύνδεσμο της σελίδας.

Τέλος, προσθέστε ένα κουμπί στο επάνω μέρος της σελίδας και, στο πεδίο URL, επικολλήστε τον σύνδεσμο της σελίδας που μόλις αντιγράψατε, ακολουθούμενο αμέσως από το #whatyouwant (3).

Τώρα, όταν κάποιος κάνει κλικ στο κουμπί, θα μεταφέρεται απευθείας στην άγκυρα HTML.

2. Χρήση του χαρακτηριστικού ID ενός στοιχείου:

Αρχικά, εντοπίστε το χαρακτηριστικό ID του στοιχείου στο οποίο θέλετε να συνδεθείτε.

Κάντε κλικ στο στοιχείο για να εμφανιστούν οι ρυθμίσεις του στο αριστερό πάνελ του επεξεργαστή και κάντε κύλιση προς τα κάτω για να αντιγράψετε το χαρακτηριστικό ID (π.χ. "section-d10b45b3").

Στη συνέχεια, αντιγράψτε τον σύνδεσμο της σελίδας όπως περιγράφεται στο μέρος 1 (στιγμιότυπο οθόνης 3).

Αφού αντιγράψετε τον σύνδεσμο, προσθέστε ένα κουμπί στο επάνω μέρος της σελίδας. Στο πάνελ της αριστερής πλευράς του επεξεργαστή, επικολλήστε τον σύνδεσμο στο πεδίο URL, ακολουθούμενο αμέσως από το #AttributeID (π.χ. #section-d10b45b3) (4).