FRFree demo

For your webmaster

One snippet of code, that’s all.

The model embeds like a YouTube video, on any website that accepts a block of code. It then updates itself: new sponsors or changes to the course, with nothing to redo on your side.

The code

Paste it on your course page. We send you the exact address of your model on delivery, and you will also find it in the club area, under Integration.

<iframe src="https://vuedutee.fr/maquettes/YOUR-CLUB/"
        title="3D course model"
        width="100%" height="640" loading="lazy"
        allow="fullscreen" style="border:0;border-radius:12px"></iframe>

English version: add ?lang=en to the end of the address.

Step by step, depending on your website

  1. WordPress

    In the block editor, add a “Custom HTML” block to the course page, paste the code, then update the page.

  2. WordPress + Elementor

    Drag the “HTML” widget into the section you want and paste the code.

  3. Wix

    Add Elements › Embed Code › Embed HTML. Choose “Website address”, paste the address of the model, then resize the frame.

  4. Squarespace

    Add a “Code” block where you want the model, paste the code and save.

  5. Webflow

    Drop a “Code Embed” element onto the page, paste the code, then publish.

  6. Other website

    Paste the code into the page’s HTML, exactly where the model should appear.

Good to know

Height
640 px suits most pages. The width adapts automatically, including on mobile.
Loading
With loading="lazy", the model only loads when visitors scroll down to it, so your page stays fast.
No cookies
The model sets no cookies and collects no personal data: nothing to add to your consent banner.
Security policy (CSP)
If your website uses one, add https://vuedutee.fr to the frame-src directive.
Booking button
It points to your booking page. Send us its address and we set it up for you.

Stuck? We’ll sort it out with you.

Send us the address of the page where the model should appear, and we will look at it together.

contact@vuedutee.fr