Intégrer votre menu rédigé sur Menutech sur votre site web

Intégration standard (Standard embed)

Placez le code suivant n'importe où sur votre site web, à l'endroit où vous souhaitez que le menu s'affiche :

<div id="menutech-container"></div>
<script>
  let url = 'ENTER YOUR MENU URL HERE';
  document.addEventListener("DOMContentLoaded", function() {
    fetch(url + '&embed=true')
        .then(response => response.text())
        .then(data => {
            document.getElementById('menutech-container').innerHTML = data;
        })
        .catch((error) => {
            console.error('Error:', error);
        });
  });
</script>

✏️ Veillez à remplacer ENTER YOUR MENU URL HERE par l'URL de la version mobile (et non PDF) de votre menu Menutech.

Intégration isolée (Insulated embed)

Pour isoler le code incorporé et éviter tout débordement de styles et de scripts, le menu peut être incorporé dans un "Shadow DOM", qui est pris en charge par tous les navigateurs modernes (environ >95% des utilisateurs couverts).

<div id="menutech-container"></div>
<script>
  document.addEventListener("DOMContentLoaded", function() {
    let container = document.getElementById('menutech-container');
    let shadow = container.attachShadow({mode: 'open'});
    let url = 'ENTER YOUR MENU URL HERE';
    fetch(url + '&embed=true')
        .then(response => response.text())
        .then(data => {
            let wrapper = document.createElement('div');
            wrapper.innerHTML = data;
            while (wrapper.firstChild) {
                shadow.appendChild(wrapper.firstChild);
            }
        })
        .catch((error) => {
            console.error('Error:', error);
        });
  });
</script>

✏️ Veillez à remplacer ENTER YOUR MENU URL HERE par l'URL de la version mobile (et non PDF) de votre menu Menutech.