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:

  1. Offertentool (prijsvergelijking is een selectievakje binnen deze widget)

  2. Alle aanbiedingen

  3. Kalender

  4. Meerdere kalenders

  5. Beoordelingen

  6. Foto's

  7. Slaapconfiguratie

  8. Beleid

  9. Voorzieningen

  10. Activiteiten

  11. Beschrijving van de aanbieding

  12. Samenvatting van de aanbieding

  13. Seizoensgebonden prijzen

  14. 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

Settings

Ask AI for a summary of Houfy
These links open an AI assistant with a summary prompt written by Houfy.
© 2026 Houfy, Inc