Oδηγίες ενσωμάτωσης GR.EC.A Badges

Ενσωματώστε τα Member of GR.EC.A Badge και GR.EC.A Trustmark Badge στις σελίδες του ηλεκτρονικού σας καταστήματος και ενισχύστε την εμπιστοσύνη των πελατών και των επισκεπτών σας, αναδεικνύοντας την αξιοπιστία και την ποιότητα των υπηρεσιών που προσφέρετε.

Tα νέα, ανανεωμένα Σήματα “Member of GR.EC.A.” & “GRECA Trustmark”, ενημερώνονται αυτόματα μέσω του κώδικα μας

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

1. Μember of GR.EC.A Badge στο Footer:

Tοποθετήσετε τον κώδικα που εχετε λάβει στο email σας στο footer της ιστοσελίδας σας με τη δυνατότητα επιλογής της γλώσσας (ελληνικά / αγγλικά) που θέλετε να εμφανίζεται.Το script φορτώνει ασύγχρονα ώστε να μην επηρεάζει την ταχύτητα του site σας. Ακολουθούν οι οδηγίες τοποθέτησης:

Ελληνική Γλώσσα: Μember of GR.EC.A Badge

Αντιγράψτε τον κώδικα που εχετε λάβει στο email σας απο το αρχείο με όνομα GRECA_GR.TXT και επικολήστε τον στο footer της ιστοσελίδας σας.

Αγγλική Γλώσσα : Μember of GR.EC.A Badge

Αντιγράψτε τον κώδικα που έχετε λάβει στο email σας από το αρχείο με όνομα GRECA_EN.TXT και επικολλήστε τον στο footer της ιστοσελίδας σας.

Παράδειγμα εμφάνισης στο footer του site σας
(χωρίς το υδατογράφημα):

EΛΛΗΝΙΚΗ ΓΛΩΣΣΑ
ΑΓΓΛΙΚΗ ΓΛΩΣΣΑ

Βεβαιωθείτε ότι δεν έχετε ενεργοποιημένο ad blocker, καθώς σε αυτή την περίπτωση το σήμα δεν θα εμφανίζεται στο front end.


2. GR.EC.A Trustmark Badge στο Footer:

Tοποθετήσετε τον κώδικα που εχετε λάβει στο email σας στο footer της ιστοσελίδας σας με τη δυνατότητα επιλογής της γλώσσας (ελληνικά / αγγλικά) που θέλετε να εμφανίζεται.Το script φορτώνει ασύγχρονα ώστε να μην επηρεάζει την ταχύτητα του site σας. Ακολουθούν οι οδηγίες τοποθέτησης:

Ελληνική Γλώσσα: GR.EC.A TRUSTMARK Badge

Αντιγράψτε τον κώδικα που εχετε λάβει στο στο email σας απο το αρχείο με όνομα TRUSTMARK_GR.TXT και επικολήστε τον στο footer της ιστοσελίδας σας.

Αγγλική Γλώσσα : GR.EC.A TRUSTMARK Badge

Αντιγράψτε τον κώδικα που εχετε λάβει στο στο email σας απο το αρχείο με όνομα TRUSTMARK_EN.TXT και επικολήστε τον στο footer της ιστοσελίδας σας.

Παράδειγμα ορθής τοποθέτησης στο site σας (χωρίς το υδατογράφημα):

ΕΛΛΗΝΙΚΗ ΓΛΩΣΣΑ
ΑΓΓΛΙΚΗ ΓΛΩΣΣΑ

Βεβαιωθείτε ότι δεν έχετε ενεργοποιημένο ad blocker, καθώς σε αυτή την περίπτωση το σήμα δεν θα εμφανίζεται στο front end.

3. Floating GR.EC.A Trustmark Badge:

Εκτός από την κλασική embedded τοποθέτηση στο footer των e-shops, εισάγεται και η δυνατότητα floating badge, τόσο για desktop όσο και για mobile εκδόσεις. Η νέα αυτή επιλογή ενισχύει σημαντικά την ορατότητα του σήματος καθ’ όλη τη διάρκεια της πλοήγησης, χωρίς να επηρεάζει την αισθητική ή τη λειτουργικότητα του ηλεκτρονικού καταστήματος. Το script φορτώνει ασύγχρονα ώστε να μην επηρεάζει την ταχύτητα του site σας.

1. Οδηγίες Τοποθέτησης
Πρέπει να τοποθετήσετε το script παραμετροποίησης που λάβατε στο email σας πριν από τη φόρτωση του script adman.js. Με αυτόν τον τρόπο διασφαλίζεται ότι όλες οι ρυθμίσεις θα είναι διαθέσιμες κατά την αρχικοποίηση του Adman.

Ελληνική Γλώσσα: TRUSTMARK floating badge

Αντιγράψτε τον κώδικα που εχετε λάβει στο στο email σας απο το αρχείο με όνομα TRUSTMARK_FLOATING_GR.TXT και επικολήστε τον πριν από τη φόρτωση του script adman.js.

Αγγλική Γλώσσα :TRUSTMARK floating badge

Αντιγράψτε τον κώδικα που εχετε λάβει στο στο email σας απο το αρχείο με όνομα TRUSTMARK_FLOATING_ΕΝ.TXT και επικολήστε τον πριν από τη φόρτωση του script adman.js.

Παράδειγμα του τρόπου με τον οποίο εμφανίζεται το script.
Παρακαλούμε να μην χρησιμοποιήσετε το ακόλουθο παράδειγμα, καθώς δεν αποτελεί τη σωστή παραμετροποίηση για το δικό σας e-shop.

<script>
window.GrXGlobalKeyValues = {
logo: 'https://www.eshop.gr/themes/eshop/img/logo.svg',
float: 'yes',
position: 'right',
offsetBottom: '500',
offsetLeft: '50',
offsetRight: '50',
}
</script>

2. Επιλογές Παραμετροποίησης

floating
Ενεργοποιεί ή απενεργοποιεί την αιωρούμενη συμπεριφορά του badge. Επιτρεπόμενες τιμές: 'yes' ή 'no'.

position
Χρησιμοποιείται μόνο όταν το floating είναι 'yes'. Καθορίζει την οριζόντια στοίχιση: left, right, center.

offsetBottom
Η κάθετη απόσταση του badge από το κάτω μέρος της σελίδας. Προεπιλογή: 2rem.

offsetLeft
Η οριζόντια απόσταση από την αριστερή πλευρά της σελίδας. Προεπιλογή: 2rem.

offsetRight
Η οριζόντια απόσταση από τη δεξιά πλευρά της σελίδας. Προεπιλογή: 2rem.

3. Σημαντική Σημείωση

Αν το floating έχει οριστεί σε 'yes' και το position είναι είτε 'left' είτε 'right':

  • Να χρησιμοποιείτε μόνο το αντίστοιχο offset:
    • Για position: 'left' → offsetLeft
    • Για position: 'right' → offsetRight
  • Μην ορίζετε ταυτόχρονα και τα offsetLeft και offsetRight.

Παράδειγμα ορθής τοποθέτησης Desktop Floating Badge στο site σας
(χωρίς το υδατογράφημα):

Ελληνικό Desktop Floating Badge
Αγγλικό Desktop
Floating Badge

Βεβαιωθείτε ότι δεν έχετε ενεργοποιημένο ad blocker, καθώς σε αυτή την περίπτωση το σήμα δεν θα εμφανίζεται στο front end.