> For the complete documentation index, see [llms.txt](https://docs-it.coderblock.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-it.coderblock.com/coderblock-studio/gestione-degli-ambienti-virtuali/integrazione-sito-web.md).

# Integrazione sito web

Una delle funzionalità più utili nel caso tu voglia raccontare e dare visibilità al tuo business all'interno della tua scena virtuale è quella di utilizzare degli elementi ''informativi' direttamente dal Builder con cui gli utenti possono interagire. 

Puoi utilizzare tre tipi di elementi per questo scopo:

* **Details**: lo trovi nella sezione 'Features' -> '*Contents*', una volta posizionato si presenta come un cerchietto poggiato per terra e vi si può interagire, come per gli altri elementi interagibili, con il tasto E. 

<figure><img src="https://2251493269-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7Xx9MXfrv3u3rqwjPomO%2Fuploads%2F0CudEXey2AbNvEOaXm3N%2FScreenshot%202024-07-01%20alle%2015.40.16.png?alt=media&amp;token=06e94f34-32a6-4517-ab90-54344b62b9db" alt="" width="91"><figcaption><p>Details element</p></figcaption></figure>

Quando l'utente si avvicinerà a questo elemento e cliccherà il tasto E, verrà mostrato un iframe con un'immagine, una descrizione e due tasti che possono condurre a due URL diversi, oltre ad un terzo link posizionato nel footer dell'iframe.

<figure><img src="https://2251493269-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7Xx9MXfrv3u3rqwjPomO%2Fuploads%2FQrluooMGeyGTPHHmM1ha%2FScreenshot%202024-07-01%20alle%2016.25.35.png?alt=media&amp;token=c92d6d21-4df7-4f98-acdb-45bbc8cb1d21" alt="" width="188"><figcaption></figcaption></figure>

* **Roll up, Banner e Wall:** questi sono elementi grafici che permettono di mostrare un'immagine, ma che conducono anche ad un URL se l'utente interagisce con l'elemento con il tasto E.

<div><figure><img src="https://2251493269-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7Xx9MXfrv3u3rqwjPomO%2Fuploads%2FJZ7rsIn8pofIoppcrJzY%2FScreenshot%202024-07-01%20alle%2015.40.58.png?alt=media&amp;token=e07a74eb-94b8-44de-a683-028e17f4b5aa" alt="" width="259"><figcaption></figcaption></figure> <figure><img src="https://2251493269-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7Xx9MXfrv3u3rqwjPomO%2Fuploads%2F5zdPp9lggfLOoJYRqdmg%2FScreenshot%202024-07-01%20alle%2015.41.10.png?alt=media&amp;token=45c1e86c-2d26-4245-ba65-3d02ae0773c2" alt="" width="264"><figcaption></figcaption></figure> <figure><img src="https://2251493269-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7Xx9MXfrv3u3rqwjPomO%2Fuploads%2FNOXTp0YGPodDFBFZse8V%2FScreenshot%202024-07-01%20alle%2015.41.55.png?alt=media&amp;token=7dd58ebd-6e45-4da4-97c9-6ed2dd352728" alt="" width="254"><figcaption></figcaption></figure></div>

*Nota: non tutti i wall consentono questa funzionalità, solo quelli interagibili.*\
*Ricorda che gli oggetti interagibili, di qualunque tipo, sono identificati graficamente nel builder da uno sfondo celeste e da un'icona ⚡️.*

* **Stand:** ve ne sono di diverse dimensioni, tutti consentono di mostrare delle grafiche in diversi spazi a seconda delle dimensioni dello stand, e inoltre integrano le caratteristiche dell'elemento *Details,* ovvero se si interagisce con il tasto E sullo stand, apparirà l'iframe descritto sopra, con le stesse possibilità di personalizzazione.

<figure><img src="https://2251493269-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7Xx9MXfrv3u3rqwjPomO%2Fuploads%2FwJjDCVO17lw6oA0dtN8Y%2FScreenshot%202024-07-01%20alle%2015.45.35.png?alt=media&amp;token=e8022e8d-933b-4f36-8633-78049aab586d" alt="" width="264"><figcaption></figcaption></figure>

Queste interazioni non solo arricchiscono l'esperienza utente, ma offrono opportunità creative per promuovere il tuo business e coinvolgere i visitatori mentre esplorano i mondi virtuali!<br>