Πώς να προσθέσετε τα widgets του Houfy στον δικό σας ιστότοπο

Τα widgets του Houfy εμφανίζουν ζωντανές τιμές, διαθεσιμότητα, φωτογραφίες και κριτικές από την καταχώρισή σας στον δικό σας ιστότοπο. Υπάρχουν widgets για:

1. Εργαλείο προσφοράς (η σύγκριση τιμών είναι ένα checkbox μέσα σε αυτό το widget)

2. Όλες οι καταχωρίσεις

3. Ημερολόγιο

4. Πολυημερολόγιο

5. Κριτικές

6. Φωτογραφίες

7. Διαμόρφωση ύπνου

8. Πολιτικές

9. Παροχές

10. Δραστηριότητες

11. Περιγραφή καταχώρισης

12. Σύνοψη καταχώρισης

13. Εποχιακές τιμές

14. Ενσωμάτωση καταχώρισης

Όποιο και αν επιλέξετε, χρειάζονται τα ίδια δύο κομμάτια κώδικα.

Πάρτε τον κώδικά σας

Ανοίξτε https://www.houfy.com/widgets (Widgets ιστότοπου στην πλαϊνή μπάρα Διαχείριση Καταχωρίσεων), στη συνέχεια κάντε κλικ στο Classic widget builder στην αριστερή πλαϊνή μπάρα για να φτάσετε στο https://www.houfy.com/widgets-old - η σελίδα στην οποία προσγειώνεστε πρώτα είναι ο AI Widget Builder, ο οποίος δεν έχει λίστα widgets. Επιλέξτε το widget που θέλετε. Η σελίδα έχει έναν πίνακα ρυθμίσεων στα αριστερά - ετικέτες κουμπιών, χρώματα, αν θα εμφανίζονται οι τιμές, αν θα εμφανίζεται το αναπτυσσόμενο μενού όλων των καταχωρίσεων - και αναδημιουργεί τον κώδικα καθώς τα αλλάζετε. Κάντε κλικ στο Get Code, στη συνέχεια στην καρτέλα Widget Code (Recommended) κάντε κλικ στο Copy Code.

Η δημιουργία του κώδικα widget απαιτεί ένα σχέδιο Houfy Premium. Σε οποιοδήποτε άλλο σχέδιο, ο πίνακας κώδικα δείχνει "Αυτή η δυνατότητα περιλαμβάνεται στο σχέδιο Houfy Premium." αντί για τον κώδικα.

Αντιγράψτε το από εκεί αντί να το πληκτρολογήσετε. Ο παραγόμενος κώδικας περιέχει ήδη το id της καταχώρισής σας και το access token σας, και η λανθασμένη εισαγωγή οποιουδήποτε από αυτά είναι ο συνήθης λόγος που ένα widget εμφανίζεται κενό.

α. Το HTML

Το πρώτο μπλοκ είναι ένα μόνο div. Επικολλήστε το στη σελίδα σας όπου θα πρέπει να εμφανίζεται το widget.

Όλα όσα αφορούν το widget περιέχονται στα χαρακτηριστικά αυτού του div: ποιο widget παίρνετε, το id της καταχώρισής σας, το access token σας, τα χρώματα και οι ετικέτες κουμπιών. Αν θέλετε τα κουμπιά να λένε κάτι άλλο εκτός από Book Direct και Contact Owner, αλλάξτε τα στον πίνακα ρυθμίσεων πριν τα αντιγράψετε - ή επεξεργαστείτε αυτές τις τιμές χαρακτηριστικών αργότερα.

β. Το σενάριο

Το δεύτερο μπλοκ είναι μια γραμμή script tag που δείχνει στον φορτωτή widget του Houfy. Τοποθετήστε το ακριβώς πριν από την κλείσιμο ετικέτα body, ή στο κάτω μέρος της σελίδας.

Το χρειάζεστε μόνο μία φορά ανά σελίδα, ανεξάρτητα από πόσα widgets έχετε τοποθετήσει σε αυτή τη σελίδα.

Αν ο κατασκευαστής της ιστοσελίδας σας αφαιρεί τις ετικέτες script, επιστρέψτε στο widget, ανοίξτε την καρτέλα iFrame Code και επικολλήστε αυτή τη μοναδική γραμμή αντί - δεν χρειάζεται script.

Κρατήστε το access token για τον εαυτό σας

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

Βήμα-βήμα για τον κατασκευαστή της ιστοσελίδας σας

• Squarespace

• WordPress

• Wix

• Google Sites

• GoDaddy