Passer au contenu principal

Comment ajouter un widget Housing Market à votre site Web

Tutoriel 152 sur 181

La vidéo de ce tutoriel est en cours de mise à jour. Les étapes écrites ci-dessous couvrent le même contenu. Regarder la version anglaise

Ouvrir le produit

Une fois le widget conçu, son ajout à votre site Web ne demande qu’un court extrait de code, collé une seule fois. Ce tutoriel ouvre l’onglet « Publier » d’un widget en service, copie le code, montre où le coller dans Wix, Squarespace, Webflow, Shopify, WordPress ou une page HTML ordinaire, puis le colle dans la page Propriétés d’un site Web de démonstration. La page affiche aussitôt vos propres propriétés, avec les filtres et la fenêtre de propriété que vos visiteurs utiliseront.

Dans ce tutoriel, vous allez apprendre

  • Où trouver le code d’un widget
  • Comment le copier et où le coller dans les créateurs de sites Web courants
  • Que faire si votre créateur de site Web bloque les scripts (le code iframe)
  • Ce que voient vos visiteurs une fois le code sur la page

Suivez le guide : les étapes

  1. Voici votre tableau de bord Housing Market CRM.
  2. Ouvrez « Propriétés » dans le menu de gauche.
  3. Cliquez sur « Widgets de site Web ».
  4. Ouvrez « Inscriptions de la page d’accueil ».
  5. Ouvrez l’onglet « Publier ».
  6. Ce court code suffit à votre site Web. Il compte deux lignes : le script et l’emplacement du widget.
  7. Cliquez sur « Copier le code ».
  8. Il est copié dans votre presse-papiers.
  9. Chaque créateur de site Web a son propre emplacement pour le code personnalisé.
  10. Wix : « Ajouter des éléments », « Intégrer du code », « Intégrer du HTML ».
  11. Squarespace : ajoutez un bloc « Code ».
  12. Webflow : ajoutez un élément Embed.
  13. Sur une page HTML ordinaire, collez-le dans la balise body.
  14. Si votre créateur de site Web supprime les scripts, utilisez plutôt le code iframe. Il affiche le même widget.
  15. Voici la page Propriétés d’un site Web. Ouvrez la page où le widget doit figurer.
  16. Cliquez dans la page à l’endroit où le widget doit apparaître…
  17. …et collez le code.
  18. Enregistrez la page.
  19. Vos propriétés sont sur la page, avec leurs photos et leurs prix.
  20. Les visiteurs peuvent filtrer par vente ou location, prix, type, chambres et secteur.
  21. Cliquez sur une propriété pour ouvrir ses détails dans une fenêtre, sans quitter votre site.
  22. Les visiteurs voient les photos, la description et un formulaire de demande de renseignements.
  23. Modifiez le design dans le CRM et cette page suit. Aucun nouveau code à coller.