Hoe u Houfy-widgets aan uw eigen website kunt toevoegen
Houfy-widgets tonen live prijzen, beschikbaarheid, foto's en beoordelingen van uw aanbieding op uw eigen site. Verkrijg de code van de klassieke widgetbouwer (Premium-plan), plak de HTML waar de widget moet verschijnen en de script eenmaal per pagina.
Laatst bijgewerkt op 19 september 2026
Houfy-widgets tonen live prijzen, beschikbaarheid, foto's en beoordelingen van uw aanbieding op uw eigen website. Er zijn widgets voor:
Offertentool (prijsvergelijking is een selectievakje binnen deze widget)
Alle aanbiedingen
Kalender
Meerdere kalenders
Beoordelingen
Foto's
Slaapconfiguratie
Beleid
Voorzieningen
Activiteiten
Beschrijving van de aanbieding
Samenvatting van de aanbieding
Seizoensgebonden prijzen
Inbedden van aanbieding
Welke u ook kiest, het vereist dezelfde twee stukjes code.
Krijg uw code
Open https://www.houfy.com/widgets (Website-widgets in de zijbalk Beheer Aanbiedingen), klik vervolgens op Classic widget builder in de linkerzijbalk om https://www.houfy.com/widgets-old te bereiken - de pagina waar u eerst op landt is de AI Widget Builder, die geen widgetlijst heeft. Kies de widget die u wilt. De pagina heeft een instellingenpaneel aan de linkerkant - knoplabels, kleuren, of prijzen moeten worden weergegeven, of de dropdown voor alle aanbiedingen moet worden weergegeven - en het bouwt de code opnieuw op terwijl u deze wijzigt. Klik Get Code, klik vervolgens op het Widget Code (Aanbevolen) tabblad en klik Code Kopiëren.
Het genereren van de widgetcode vereist een Houfy Premium-plan. Op elk ander plan toont het codepaneel "Deze functie is inbegrepen in het Houfy Premium-plan." in plaats van de code.
Kopieer het daar in plaats van het uit te typen. De gegenereerde code bevat al uw aanbieding-id en uw toegangstoken, en het verkeerd krijgen van een van deze is de gebruikelijke reden waarom een widget leeg wordt weergegeven.
a. De HTML
Het eerste blok is een enkele div. Plak het op uw pagina waar de widget moet verschijnen.
Alles over de widget wordt gedragen in de attributen van die div: welke widget u krijgt, uw aanbieding-id, uw toegangstoken, de kleuren en de knoplabels. Als u wilt dat de knoppen iets anders zeggen dan Boek Direct en Neem Contact Op met Eigenaar, wijzig ze dan in het instellingenpaneel voordat u kopieert - of bewerk die attribuutwaarden daarna.
b. Het script
Het tweede blok is een script-tag van één regel die naar de widgetloader van Houfy wijst. Plaats het net voor de sluitende body-tag, of onderaan de pagina.
Je hebt het maar één keer per pagina nodig, ongeacht hoeveel widgets je op die pagina hebt geplaatst.
Als je websitebouwer script-tags verwijdert, ga dan terug naar de widget, open de iFrame Code tab en plak die enkele regel in plaats daarvan - het heeft geen script nodig.
Houd je toegangstoken voor jezelf
De toegangstoken in je widgetcode is van jou. Het hoort in de bron van je eigen website en nergens anders - niet in een forumpost, niet in een screenshot, niet geplakt in een ondersteuningsgesprek. Als je iemand je widgetcode moet laten zien, maak de token dan eerst onleesbaar.
Beantwoordde dit je vraag?
Gerelateerde artikelen
- Hoe deel je de widgetcode met iemand?
- We hebben enkele van de Houfy-widgets op onze eigen Wordpress-website ingebed en hebben een directe boeking inclusief betaling ontvangen!
- Hoe voeg ik Houfy-widgets toe aan mijn WordPress-website?
- Hoe voeg ik Houfy-widgets toe aan mijn Squarespace-website?
- Hoe maak ik een offerte-tool voor meerdere eigenschappen?