Πώς να δείξετε τη διαδικτυακή δημοπρασία σας στον δικό σας ιστότοπο

Τι δείχνει μια καλή ενσωμάτωση δημοπρασίας

Τέσσερα πράγματα, και τίποτε άλλο:

• Τους λαχνούς που είναι ενεργοί τώρα, με φωτογραφία, τίτλο, τρέχουσα τιμή και αριθμό προσφορών, και μια αντίστροφη μέτρηση μέχρι κάθε λήξη που μετράει πραγματικά. Ένας λαχνός που δεν έχει ανοίξει ακόμη δείχνει αντί γι' αυτό την τιμή εκκίνησης και μια αντίστροφη μέτρηση μέχρι το άνοιγμά του.
• Ένα κλικ που ανοίγει τον λαχνό στον ιστότοπο δημοπρασιών, σε νέα καρτέλα, ώστε ο επισκέπτης να υποβάλει προσφορά χωρίς να χάσει τη σελίδα σας.
• Τίποτα όταν δεν υπάρχει τίποτα. Το μπλοκ πρέπει να εξαφανίζεται μόνο του όταν κανένας λαχνός δεν είναι ανοιχτός ή επερχόμενος. Μια ενσωμάτωση που δείχνει την πώληση του περασμένου μήνα ή «καμία δημοπρασία αυτή τη στιγμή» λέει σε κάθε επισκέπτη ότι δεν έχετε κίνηση.
• Τη δική σας εμφάνιση. Το χρώμα έμφασης και το στυλ των γωνιών σας, ώστε να διαβάζεται ως μέρος του ιστότοπού σας και όχι ως διαφήμιση.

Τι να αποφύγετε: ένα iframe με ολόκληρο τον ιστότοπο δημοπρασιών (δύο γραμμές κύλισης, δύο κεφαλίδες, χαλασμένη διάταξη στο κινητό), ένα στιγμιότυπο οθόνης που παλιώνει την ίδια μέρα που τραβιέται, και οτιδήποτε ζητά από τους επισκέπτες να συνδεθούν στον ιστότοπό σας για να δουν τιμές.

Οι δύο τρόποι

Ένα script. Μία γραμμή <script> που σχεδιάζει το μπλοκ και το κρατά ενημερωμένο. Αυτός είναι ο συνηθισμένος τρόπος και λειτουργεί όπου το εργαλείο κατασκευής σάς επιτρέπει να προσθέσετε «προσαρμοσμένο κώδικα», «ενσωμάτωση HTML» ή «μπλοκ κώδικα». Δεν πρέπει να ορίζει cookies ούτε να φορτώνει γραμματοσειρές ή εργαλεία παρακολούθησης για λογαριασμό των επισκεπτών σας· ζητήστε το αυτό από κάθε widget που εξετάζετε, γιατί η δική σας ενημέρωση απορρήτου είναι αυτή που πρέπει να το καλύπτει.

Μια ζωντανή εικόνα με σύνδεσμο. Ορισμένα σημεία δεν δέχονται scripts: υπογραφές email, εργαλεία ενημερωτικών δελτίων, τα δωρεάν προγράμματα ορισμένων εργαλείων κατασκευής, εσωτερικά δίκτυα. Εκεί, μια εικόνα που ξανασχεδιάζεται στον διακομιστή κάθε λίγα λεπτά, μέσα σε σύνδεσμο προς την πώληση, κάνει το μεγαλύτερο μέρος της δουλειάς: δείχνει πόσοι λαχνοί είναι ενεργοί και πότε λήγουν οι προσφορές, και μένει ενημερωμένη σε μια σελίδα ή σε ένα email που στάλθηκε πριν από εβδομάδες.

Η γραμμή κώδικα

Για έναν ιστότοπο δημοπρασιών φτιαγμένο με το Auctify, το δωρεάν widget AuctionAmigo είναι μία γραμμή:

<script async src="https://auctionamigo.com/w.js"
  data-site="your-sale.myauctify.com" data-shape="horizontal"
  data-colour="#ffd23f" data-corners="8" data-background="light"></script>

Αντικαταστήστε το your-sale.myauctify.com με τη διεύθυνση του ιστότοπου δημοπρασιών σας, με ή χωρίς https://· ένα δικό σας domain λειτουργεί με τον ίδιο τρόπο. Το εργαλείο σχεδίασης στην αρχική σελίδα αυτού του ιστότοπου γράφει τη γραμμή για εσάς με το χρώμα και το σχήμα σας συμπληρωμένα και δείχνει το αποτέλεσμα πριν την αντιγράψετε. Τα χαρακτηριστικά:

Ανανεώνεται κάθε δύο λεπτά, δεν ορίζει cookies και δεν αποθηκεύει τίποτα, δεν φορτώνει γραμματοσειρές ούτε εργαλεία παρακολούθησης, σχεδιάζεται μέσα στο δικό του shadow root ώστε τα δικά σας στυλ και τα δικά του να μην επηρεάζουν το ένα το άλλο, και δεν εμφανίζει απολύτως τίποτα όταν ο ιστότοπος δεν έχει τίποτα ανοιχτό και τίποτα επερχόμενο. Οι προσφορές γίνονται στον ιστότοπο δημοπρασιών, ποτέ μέσα στο widget.

Ποιο σχήμα και πού στη σελίδα

Ξεκινήστε με μία θέση, όχι τρεις. Η αρχική σελίδα, κάτω από την πρώτη οθόνη, είναι το σημείο που βλέπουν οι περισσότεροι επισκέπτες· ένα αιωρούμενο widget σε κάθε σελίδα είναι το δεύτερο. Ορίστε τον αριθμό των λαχνών ανάλογα με τον χώρο: τρεις λαχνοί σε μια στενή πλαϊνή στήλη δείχνουν καλύτερα από δώδεκα.

Πού να την επικολλήσετε, εργαλείο προς εργαλείο

Κάθε εργαλείο κατασκευής έχει ένα πεδίο για κώδικα τρίτων· τα ονόματα διαφέρουν. Τα ονόματα των μενού παρακάτω είναι όπως τα αναγράφουν τα εργαλεία τη στιγμή που γράφεται αυτός ο οδηγός και αλλάζουν θέση με τους επανασχεδιασμούς, οπότε αν κάποιο έχει μετακινηθεί, αναζητήστε στη βοήθεια του εργαλείου «embed code» ή «custom code». Όπου μια λειτουργία εξαρτάται από το πρόγραμμα συνδρομής, αναφέρεται· ελέγξτε το δικό σας πρόγραμμα πριν το θεωρήσετε δεδομένο.

1. WordPress

   Ένα μπλοκ Custom HTML στον επεξεργαστή μπλοκ, στη σελίδα που θέλετε, με τη γραμμή επικολλημένη μέσα· ή μια περιοχή widget για πλαϊνή στήλη. Υπάρχει ξεχωριστός οδηγός για τη διεξαγωγή δημοπρασίας με ιστότοπο WordPress που καλύπτει αυτό και το ζήτημα των πρόσθετων.

2. Wix

   Στον επεξεργαστή: Add Elements → Embed Code → Embed HTML, επικολλήστε τη γραμμή στο στοιχείο και ορίστε το μέγεθός του. Το Wix εκτελεί τον ενσωματωμένο κώδικα μέσα σε δικό του πλαίσιο, οπότε διαλέξτε ένα σχήμα εντός σελίδας (οριζόντιο, κάθετο ή ουρανοξύστη) και κάντε το στοιχείο όσο μεγάλο χρειάζεται το σχήμα· ένα αιωρούμενο widget δεν μπορεί να βγει από αυτό το πλαίσιο. Ο κώδικας για όλο τον ιστότοπο μπαίνει στο Settings → Custom Code, που το Wix προσφέρει στα επί πληρωμή προγράμματά του με συνδεδεμένο domain.

3. Squarespace

   Προσθέστε ένα μπλοκ Code εκεί όπου θέλετε τους λαχνούς και επικολλήστε τη γραμμή. Το Squarespace εκτελεί scripts σε μπλοκ κώδικα στο πρόγραμμα Business και στα ανώτερα· στο πρόγραμμα Personal ένα μπλοκ κώδικα δείχνει μόνο HTML και ένα script δεν κάνει τίποτα. Για όλες τις σελίδες μαζί, Settings → Advanced → Code Injection → Footer, με την ίδια απαίτηση προγράμματος.

4. Jimdo

   Jimdo Creator: το στοιχείο Widget / HTML, επικολλήστε τη γραμμή. Ο νεότερος επεξεργαστής του Jimdo έχει στοιχείο HTML στα επί πληρωμή προγράμματά του. Διαλέξτε ένα σχήμα εντός σελίδας και δώστε χώρο στο στοιχείο.

5. Webflow

   Σύρετε ένα στοιχείο Embed στη σελίδα και επικολλήστε μέσα τη γραμμή. Ο κώδικας για όλο τον ιστότοπο μπαίνει στο Site settings → Custom code → Footer code, που χρειάζεται επί πληρωμή πρόγραμμα ιστότοπου για να δημοσιευτεί.

6. Shopify

   Online Store → Themes → Customize, προσθέστε ένα μπλοκ Custom Liquid (ή Custom HTML, ανάλογα με το θέμα) στην ενότητα όπου πρέπει να εμφανίζονται οι λαχνοί και επικολλήστε τη γραμμή. Το widget οδηγεί στον ιστότοπο δημοπρασιών· δεν προσθέτει τίποτα στο καλάθι του καταστήματος.

7. Weebly και Google Sites

   Weebly: το στοιχείο Embed Code. Google Sites: Insert → Embed → Embed code. Και τα δύο εκτελούν τον κώδικα μέσα σε δικό τους πλαίσιο, οπότε χρησιμοποιήστε ένα σχήμα εντός σελίδας και προσαρμόστε το μέγεθος του στοιχείου σε αυτό.

8. Απλή HTML ή προγραμματιστής

   Επικολλήστε τη γραμμή εκεί όπου πρέπει να εμφανίζεται το μπλοκ, ή ακριβώς πριν από το </body> με το αιωρούμενο σχήμα. Με το data-target μπορείτε να κρατήσετε την ετικέτα σε ένα σημείο και να βάλετε το widget να σχεδιάζεται σε οποιοδήποτε στοιχείο μέσω του επιλογέα του.

Όπου δεν επιτρέπονται scripts

Οι υπογραφές email, τα εργαλεία ενημερωτικών δελτίων, τα δωρεάν προγράμματα ορισμένων εργαλείων κατασκευής και τα περισσότερα εσωτερικά δίκτυα αφαιρούν τα scripts. Εκεί χρησιμοποιήστε τη ζωντανή εικόνα: ένα μπάνερ που σχεδιάζεται στον διακομιστή κάθε λίγα λεπτά και δείχνει πόσοι λαχνοί είναι ενεργοί και πότε λήγουν οι προσφορές, μέσα σε σύνδεσμο προς την πώληση. Σε HTML είναι ένα <a> γύρω από ένα <img>· σε ένα εργαλείο ενημερωτικών δελτίων είναι «προσθήκη εικόνας, ορισμός συνδέσμου». Επειδή η εικόνα ξανασχεδιάζεται, ένα email που στάλθηκε πριν από δύο εβδομάδες δείχνει ακόμη τον τρέχοντα αριθμό, και όταν η πώληση λήξει γίνεται μια απλή πρόσκληση να επισκεφθεί κανείς τον ιστότοπο δημοπρασιών αντί για μια ξεπερασμένη πληροφορία.

Τι δεν μπορεί να κάνει μια ζωντανή εικόνα: να δείξει μεμονωμένους λαχνούς με τιμές ή να κάνει αντίστροφη μέτρηση. Είναι η εναλλακτική λύση, όχι η πρώτη επιλογή, και ανήκει σε ένα email πολύ περισσότερο απ' ό,τι σε μια ιστοσελίδα που θα μπορούσε να εκτελέσει το script.

Έλεγχος ότι λειτουργεί

Ανοίξτε τη σελίδα σε ιδιωτικό παράθυρο του προγράμματος περιήγησης, σε κινητό και σε υπολογιστή. Θα πρέπει να δείτε τους λαχνούς μέσα σε ένα-δύο δευτερόλεπτα. Αν δεν βλέπετε απολύτως τίποτα, φταίει ένα από τρία πράγματα, και το widget σιωπά σκόπιμα για όλα, ώστε ένας επισκέπτης να μη δει ποτέ σφάλμα:

• Ο ιστότοπος δημοπρασιών δεν έχει τίποτα ανοιχτό και τίποτα επερχόμενο. Καταχωρίστε έναν λαχνό ή ελέγξτε ότι οι προσφορές είναι πράγματι ανοιχτές.
• Ο ιστότοπος δημοπρασιών είναι σε ιδιωτική λειτουργία, οπότε τίποτα από αυτόν δεν είναι δημόσιο. Ένας ιδιωτικός ιστότοπος δεν μπορεί να εμφανιστεί πουθενά.
• Η διεύθυνση είναι λάθος, ή το στοιχείο που έδωσε το εργαλείο κατασκευής στον κώδικα είναι πολύ μικρό για να σχεδιαστεί μέσα του. Ελέγξτε την ορθογραφία του data-site και μετά μεγαλώστε το στοιχείο.

Έπειτα περιμένετε δύο λεπτά μετά από μια προσφορά στον ιστότοπο δημοπρασιών και επιβεβαιώστε ότι η τιμή στη σελίδα σας άλλαξε. Από εκεί και πέρα δεν υπάρχει τίποτα να συντηρήσετε: όταν η πώληση λήξει, το μπλοκ αφαιρείται μόνο του και η επόμενη πώληση εμφανίζεται όταν καταχωριστούν οι λαχνοί της.

Ερωτήσεις