Η σύντομη απάντηση
Μπορείτε να προσθέσετε δικό σας κώδικα σε τρία σημεία στον builder: σε ένα τμήμα Custom code μέσα σε μια σελίδα, στις ρυθμίσεις Custom CSS και στις ρυθμίσεις Custom Javascript. Δεν υπάρχει κανένα πεδίο για να επικολλήσετε κώδικα στο head του καταστήματός σας. Για ετικέτες στο head, χρησιμοποιήστε την αντίστοιχη εφαρμογή (δείτε τη λίστα παρακάτω).
Ποιο εργαλείο για ποια δουλειά
- Επαλήθευση του καταστήματός μου στο Google Search Console ή προσθήκη μιας ετικέτας meta
google-site-verification: η εφαρμογή Domain Verifier. Καλύπτει επίσης την επαλήθευση domain στο Facebook (Meta), στο TikTok και στο Snapchat. - Google Analytics, ετικέτες Google Ads ή οποιαδήποτε ετικέτα διαχειρίζεστε στο Google Tag Manager: η εφαρμογή Google Tag Manager.
- Pixels για Facebook, TikTok, Snapchat, ChatGPT, Pinterest, X ή Google Ads: δείτε Facebook, TikTok, Snapchat, ChatGPT, Pinterest και X, ή μετατροπές Google Ads.
- Ροή προϊόντων για το Google Merchant Center: δείτε Google Merchant Center. Για το Search Console χρησιμοποιήστε το Domain Verifier.
- Heatmaps και καταγραφές συνεδριών: δείτε Microsoft Clarity ή Contentsquare.
- Ένα widget ή ενσωματωμένο περιεχόμενο μέσα σε μια σελίδα (φόρμα κρατήσεων, βίντεο, χάρτης): το τμήμα Custom code παρακάτω.
- Στυλ για όλο το κατάστημα ή για ένα τμήμα: δείτε Custom CSS.
- Ένα script σε κάθε σελίδα: δείτε Custom JavaScript.
Γιατί ο κώδικας στον builder δεν μπορεί να επαληθεύσει τον ιστότοπό σας
Η Google, η Meta και άλλες πλατφόρμες ψάχνουν την ετικέτα τους στο head της σελίδας σας όταν κάνουν την επαλήθευση. Ένα τμήμα Custom code βάζει τον κώδικά σας μέσα στο σώμα της σελίδας, εκεί όπου βρίσκεται το τμήμα. Το Custom Javascript εκτελείται στον browser του αγοραστή αφού φορτώσει η σελίδα. Κανένα από τα δύο δεν βάζει ετικέτα στο head με τον τρόπο που χρειάζονται αυτές οι πλατφόρμες, οπότε η επαλήθευση αποτυγχάνει. Το Domain Verifier προσθέτει την ετικέτα στο σωστό σημείο για εσάς.
Τμήμα Custom code
Ένα τμήμα που προσθέτετε σε οποιαδήποτε σελίδα, έως 2 ανά σελίδα. Ανοίξτε την καρτέλα Sections, κάντε κλικ στο Add new section και επιλέξτε Custom code. Έχει τρία πεδία:
- HTML: κώδικας που εμφανίζεται μέσα σε αυτό το τμήμα.
- CSS: στυλ που ισχύουν μόνο για αυτό το τμήμα, οπότε δεν μπορούν να χαλάσουν την υπόλοιπη σελίδα σας.
- JavaScript: εκτελείται κάθε φορά που εμφανίζεται το τμήμα. Ο κώδικάς σας λαμβάνει το τμήμα ως
container, οπότε χρησιμοποιήστε τοcontainer.querySelector(...)για να φτάσετε στο δικό σας HTML.
Ορίζετε επίσης το πλάτος, το χρωματικό σχήμα και τα περιθώρια όπως σε κάθε τμήμα. Χρησιμοποιήστε το Apply to all pages για να το αντιγράψετε σε άλλες σελίδες που έχουν ήδη τμήμα Custom code.
Συμβουλές
- Ελέγξτε τον κώδικά σας στην προεπισκόπηση του builder, μετά δημοσιεύστε και δοκιμάστε το ζωντανό κατάστημά σας σε κινητό και σε υπολογιστή.
- Αν η σελίδα φαίνεται χαλασμένη μετά από μια αλλαγή, αφαιρέστε τον κώδικα, δημοσιεύστε και προσθέστε τον ξανά κομμάτι κομμάτι.
- Τα scripts τρίτων μπορεί να κάνουν το κατάστημά σας πιο αργό. Προσθέστε μόνο ό,τι χρειάζεστε.
- Ένας βοηθός AI συνδεδεμένος με το κατάστημά σας μπορεί να αλλάξει τον δικό σας κώδικα μόνο αν το επιτρέψει ο ιδιοκτήτης του καταστήματος. Δείτε Διαχείριση πρόσβασης βοηθού.