Integra il tuo menù scritto su Menutech nel tuo sito web

Integrazione standard (Standard embed)

Inserisci il seguente codice nel punto del sito web in cui vuoi che venga mostrato il tuo menù:

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

✏️ Assicurati di sostituire ENTER YOUR MENU URL HERE con l'URL della versione mobile (non PDF) del tuo menù Menutech.

Integrazione isolata (Insulated embed)

Per isolare il codice incorporato ed evitare qualsiasi overflow di stili e script, il menu può essere incorporato in un "Shadow DOM", che è supportato da tutti i browser moderni (circa >95% degli utenti coperti).

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

✏️ Assicurati di sostituire ENTER YOUR MENU URL HERE con l'URL della versione mobile (non PDF) del tuo menù Menutech.