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 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 Krijg Code, klik vervolgens op het Widgetcode (Aanbevolen) tabblad en klik Kopieer Code.

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 daarvandaan 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 in 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.

Stap-voor-stap voor je websitebouwer

• Squarespace

• WordPress

• Wix

• Google Sites

• GoDaddy