---
title: Come posso integrare la funzione di prenotazione online sul mio sito web?
description: "Esistono diversi modi per integrare la funzione di prenotazione sul Suo sito Web: Di seguito Le mostreremo passo dopo passo come procedere per ognuna di queste opzioni. Questo video tutorial mostra co"
---

[Passa al contenuto](https://help.shore.com/it/come-posso-integrare-la-funzione-di-prenotazione-online-sul-mio-sito-web#main-content)

- [Italiano](https://help.shore.com/it/come-posso-integrare-la-funzione-di-prenotazione-online-sul-mio-sito-web)
- [Deutsch](https://help.shore.com/de/wie-richte-ich-die-online-buchungsfunktion-auf-meiner-website-ein)
- [English](https://help.shore.com/en/how-do-i-set-up-online-booking-on-my-website)
- [Español](https://help.shore.com/es/cómo-agrego-la-función-de-reserva-a-mi-página-web)

Italiano

Mostra sottomenu per le traduzioni

[Inviare una richiesta](https://help.shore.com/it/kb-tickets/new?hsLang=it)

![3.2\_logo\_outlined\_black.png\]](https://help.shore.com/hs-fs/hubfs/3.2_logo_outlined_black.png?height=34&name=3.2_logo_outlined_black.png)

Apri navigazione principale

Chiudi navigazione principale

- - [Italiano](https://help.shore.com/it/come-posso-integrare-la-funzione-di-prenotazione-online-sul-mio-sito-web)
    - [Deutsch](https://help.shore.com/de/wie-richte-ich-die-online-buchungsfunktion-auf-meiner-website-ein)
    - [English](https://help.shore.com/en/how-do-i-set-up-online-booking-on-my-website)
    - [Español](https://help.shore.com/es/cómo-agrego-la-función-de-reserva-a-mi-página-web)

  Italiano
  
  Mostra sottomenu per le traduzioni
- [Inviare una richiesta](https://help.shore.com/it/kb-tickets/new)

 Salve, cosa possiamo fare per voi?

- Non sono presenti suggerimenti perché il campo di ricerca è vuoto.

1. [Centro Assistenza](https://help.shore.com/it?hsLang=it)
2. [Sistema di prenotazione](https://help.shore.com/it/sistema-di-prenotazione?hsLang=it)
3. [Pagina di prenotazione](https://help.shore.com/it/sistema-di-prenotazione?hsLang=it#pagina-di-prenotazione)

# Come posso integrare la funzione di prenotazione online sul mio sito web?

In questo tutorial Le mostreremo come inserire il pulsante di prenotazione online Shore sul Suo sito web. La procedura varia a seconda di come desidera che venga visualizzata la funzione di prenotazione sulla Sua pagina e se sta lavorando con un costruttore di siti web.

### **Decida come vuole che venga visualizzato il pulsante di prenotazione sul Suo sito web**

Esistono diversi modi per integrare la funzione di prenotazione sul Suo sito Web:

1. **Prenotazione online nel menu**  
   Con questa opzione si collega una voce del menu con la pagina di prenotazione. L'implementazione è molto semplice ed è supportata da quasi ogni costruttore di siti Web.
2. **Pulsante di prenotazione su una o più pagine secondarie**  
   Con questa opzione, andrà ad aggiungere la funzione di prenotazione come pulsante o link su una o più pagine secondarie del Suo sito web. Anche questo tipo di implementazione è molto semplice ed è supportato da quasi ogni costruttore di siti Web.
3. **Pulsante di prenotazione in una posizione fissa su tutte le pagine**  
   In questo caso il pulsante di prenotazione è posizionato come un cosiddetto "pulsante in sovraimpressione" su tutte le sottopagine nello stesso posto (in basso a destra o a sinistra).  
   Vantaggio: i clienti vedono immediatamente il pulsante di prenotazione e possono prenotare su ogni pagina. Decida se il pulsante deve essere visualizzato in basso destra o a sinistra.
4. **Pagina di prenotazione come cornice (iframe) incorporata direttamente sul Suo sito Web**  
   La funzione di prenotazione è integrata grazie ad una finestra in una determinata posizione sul Suo sito Web.

Di seguito Le mostreremo passo dopo passo come procedere per ognuna di queste opzioni.

### **Opzione 1: prenotazione online nel menu**

1. Crei una nuova voce nel menu del Suo sito web (ad es. Prenota online).
2. Apra il Suo account Shore. Faccia clic sul Suo nome utente in alto a destra e poi su **Impostazioni** \> **Funzione di prenotazione**.
3. Disattivi l'opzione **Utilizzare il pulsante in sovraimpressione**.
   
   ![](https://help.shore.com/hubfs/Knowledge%20Base%20Import/shorehelpcenter.zendesk.comhcarticle_attachments360043719093Screenshot_1_EN-Apr-27-2021-12-43-00-65-PM.png)
4. Copi l'indirizzo web della Sua pagina di prenotazione dal codice HTML.
   
   ![](https://help.shore.com/hubfs/Knowledge%20Base%20Import/shorehelpcenter.zendesk.comhcarticle_attachments360043719073Screenshot_2_EN-Apr-27-2021-12-43-01-87-PM.png)
5. Colleghi la nuova voce del menu sul Suo sito Web con l'indirizzo web della pagina di prenotazione. Fatto!

Questo [video tutorial](https://www.youtube.com/watch?v=O-L1oBh-_PU)mostra come collegare l'indirizzo Web a una voce di menu sul Suo sito se utilizza un generatore di siti Web.

### **Opzione 2: pulsante di prenotazione su una o più sottopagine**

È possibile installare ovunque su una o più pagine secondarie (ad esempio in "Contatti" o "Servizi") un pulsante o il link alla pagina di prenotazione.

1. Apra il Suo account Shore. Faccia clic sul Suo nome utente in alto a destra e poi su **Impostazioni** \> **Funzione di prenotazione**. In questa pagina è possibile personalizzare il pulsante e la pagina di prenotazione.
2. Disattivi l'opzione **Utilizzare il pulsante in sovraimpressione**.
   
   ![](https://help.shore.com/hubfs/Knowledge%20Base%20Import/shorehelpcenter.zendesk.comhcarticle_attachments360043719093Screenshot_1_EN-Apr-27-2021-12-43-02-60-PM.png)
3. Se lo desidera può modificare il testo del pulsante (2), la combinazione di colori della funzione di prenotazione (3) e il colore del testo del pulsante di prenotazione (4).
4. Clicchi su **Salvare le modifiche**.
5. Tutte le impostazioni verranno automaticamente salvate nel codice HTML visualizzato nella finestra al punto (5). Copi il codice facendo clic sopra alla finestra con il codice su **Copiare negli Appunti**.
   
   ![](https://help.shore.com/hubfs/Knowledge%20Base%20Import/shorehelpcenter.zendesk.comhcarticle_attachments360042885234Screenshot_3_EN-Apr-27-2021-12-43-03-80-PM.png)
6. Il passaggio finale consiste nell'incorporare il codice sul Suo sito Web. Questo video [tutorial](https://www.youtube.com/watch?v=b1_CiwSlEOo) Le mostrerà dove incorporare il codice HTML copiato quando usa un costruttore di siti web

**Nota**: nell'esempio, il colore e la didascalia del pulsante non sono stati cambiati.

### **Opzione 3: pulsante di prenotazione in una posizione fissa su tutte le pagine**

Con il cosiddetto "pulsante in sovraimpressione" è possibile visualizzare il pulsante di prenotazione su ogni sottopagina in un punto fisso (in basso a destra o a sinistra). Questa soluzione è particolarmente elegante e fa in modo che i Suoi clienti abbiano la possibilità di prenotare da ogni pagina. 

Il pulsante di prenotazione in basso a destra su questa [sample page](https://lp.shore.com/de/buchungs-optionen/) mostra  un esempio di pulsante in sovraimpressione.

**Nota:** l'implementazione non è difficile, ma è necessario accedere all'\<head\> elemento del tuo sito Web, il che non è possibile con tutti i costruttori di siti Web.

1. Apra il Suo account Shore. Faccia clic sul Suo nome utente in alto a destra e poi su **Impostazioni** \> **Funzione di prenotazione**. In questa pagina è possibile personalizzare il pulsante e la pagina di prenotazione.
2. Attivi l'opzione **Utilizzare il pulsante in sovraimpressione**.
   
   ![](https://help.shore.com/hubfs/Knowledge%20Base%20Import/shorehelpcenter.zendesk.comhcarticle_attachments360043719113Screenshot_4_EN-Apr-27-2021-12-43-04-79-PM.png)
3. Modifichi il testo del pulsante di prenotazione (4), il colore del testo e della pagina di prenotazione (5).
4. Clicchi su **Salvare le modifiche**.
5. Tutte le impostazioni verranno automaticamente salvate nel codice HTML visualizzato nella finestra al punto (6). Copi il codice facendo clic sopra alla finestra con il codice su **Copiare negli Appunti**.
   
   ![](https://help.shore.com/hubfs/Knowledge%20Base%20Import/shorehelpcenter.zendesk.comhcarticle_attachments360043722673Screenshot_5_EN-Apr-27-2021-12-43-05-83-PM.png)
6. Nell'ultimo passaggio dovrà incollare il codice nell'intestazione (cio è **appena prima del \</head\> tag)** nel codice sorgente del Suo sito web. Di seguito Le mostriamo come incorporare il codice con un costruttore di siti Web o WordPress.

### **Integrazione con un costruttore di siti Web**

Questo [video tutorial](https://www.youtube.com/watch?v=b4dXhv2lNbE) mostra come procedere se utilizza un costruttore di siti Web (Nota: nell'esempio, il colore e la didascalia del pulsante non sono stati cambiati).

**Integrazione con WordPress**

How to install the floating button with WordPress:

1. Apra la sezione di amministrazione della Sua pagina di WordPress (http://your-website.com/wp-admin/).
2. Faccia clic su **Design** \> **Editor** sul lato sinistro del menu.
   
   ![](https://help.shore.com/hubfs/Knowledge%20Base%20Import/shorehelpcenter.zendesk.comhcarticle_attachments360042885254wordpress_EN-Apr-27-2021-12-43-06-91-PM.png)
3. Selezioni l'intestazione del **modello (header.php)**
4. Incolli il codice copiato direttamente sopra il \</head\> tag.
   
   ![](https://help.shore.com/hubfs/Knowledge%20Base%20Import/shorehelpcenter.zendesk.comhcarticle_attachments360040137854wp-3-Apr-27-2021-12-43-07-78-PM.jpg)

### **Opzione 4: pagina di prenotazione come cornice (iframe) sul Suo sito web**

Con questa opzione la funzione di prenotazione non è integrata tramite link o un pulsante, ma come una finestra in una posizione specifica del Suo sito web.

L'implementazione richiede conoscenze tecniche avanzate poiché è necessario personalizzare il codice e incorporarlo manualmente nel sito Web. Contatti il Suo webmaster o il nostro supporto se ha bisogno di assistenza.

**Nota per lo sviluppatore:** se sta monitorando gli eventi di Google Analytics sul parent frame, si assicuri di includere il seguente script nell'iframe.

```
<script>  window.addEventListener('message', e => {  if (e.origin === 'https://connect.shore.com' && window.dataLayer) {  if (  typeof window.dataLayer.push === 'function' &&  e.data &&  e.data.event &&  e.data.eventAction &&  e.data.eventCategory  ) {  window.dataLayer.push({  event: e.data.event,  eventAction: e.data.eventAction,  eventCategory: e.data.eventCategory,  eventLabel: e.data.eventLabel,  eventValue: e.data.eventValue,  });  }  }  });  </script>
```

 

- [Sistema di prenotazione](https://help.shore.com/it/sistema-di-prenotazione?hsLang=it#main-content)

    - [Collaboratore & Risorse](https://help.shore.com/it/sistema-di-prenotazione?hsLang=it#collaboratore-risorse)
    - [Il tuo account e accesso](https://help.shore.com/it/sistema-di-prenotazione?hsLang=it#il-tuo-account-e-accesso)
    - [Calendario e appuntamenti](https://help.shore.com/it/sistema-di-prenotazione?hsLang=it#calendario-e-appuntamenti)
    - [Pagina di prenotazione](https://help.shore.com/it/sistema-di-prenotazione?hsLang=it#pagina-di-prenotazione)
    - [Impostazioni di prenotazione](https://help.shore.com/it/sistema-di-prenotazione?hsLang=it#impostazioni-di-prenotazione)
    - [Prenotazioni tramite piattaforme esterne](https://help.shore.com/it/sistema-di-prenotazione?hsLang=it#prenotazioni-tramite-piattaforme-esterne)
    - [Impostazioni di sistema](https://help.shore.com/it/sistema-di-prenotazione?hsLang=it#impostazioni-di-sistema)
    - [Servizi e corsi](https://help.shore.com/it/sistema-di-prenotazione?hsLang=it#servizi-e-corsi)
    - [Personale e risorse](https://help.shore.com/it/sistema-di-prenotazione?hsLang=it#personale-e-risorse)
    - [Gestione clienti](https://help.shore.com/it/sistema-di-prenotazione?hsLang=it#gestione-clienti)
    - [Comunicazione con i clienti](https://help.shore.com/it/sistema-di-prenotazione?hsLang=it#comunicazione-con-i-clienti)
    - [Report e statistiche](https://help.shore.com/it/sistema-di-prenotazione?hsLang=it#report-e-statistiche)
    - [FAQ & Troubleshooting](https://help.shore.com/it/sistema-di-prenotazione?hsLang=it#faq-troubleshooting)
- [Contratto e legale](https://help.shore.com/it/contratto-e-legale?hsLang=it#main-content)

    - [Contratto e fatture](https://help.shore.com/it/contratto-e-legale?hsLang=it#contratto-e-fatture)
- [Contatto](https://help.shore.com/it/contatto?hsLang=it#main-content)

    - [Contattare il servizio clienti](https://help.shore.com/it/contatto?hsLang=it#contattare-il-servizio-clienti)

[![logo\_shore\_bildmarke\_80](https://help.shore.com/hs-fs/hubfs/03_Logos/01_Shore/logo_shore_bildmarke_80.png?width=100&height=100&name=logo_shore_bildmarke_80.png "logo_shore_bildmarke_80")](http://www.shore.com?hsLang=it)

[Product Status Page](https://shore.instatus.com/)  
[Submit Request](https://help.shore.com/it/kb-tickets/new?hsLang=it)

Copyright © 2025, Shore GmbH