In questo articolo di aiuto ti guidiamo nella creazione di un pulsante tramite HTML per la tua pagina di prenotazione così potrai aggiungerlo alla tua firma in Outlook o Gmail. Nel primo passaggio creeremo il pulsante e aggiungeremo l'URL della pagina di prenotazione, nel secondo passaggio lo inseriremo nella tua firma di Outlook o Gmail. Raccomandiamo di chiedere al tuo IT di aiutarti a configurarlo.
*Nota: in questo articolo di supporto John Doe presso XYZ contabilità è una persona e/o società fittizia creata come esempio. Qualsiasi somiglianza con la realtà è puramente casuale.
In questo articolo di supporto:
1. Crea il pulsante
- Copia il link della tua pagina di prenotazione dalla pagina dei tipi di appuntamento.
Può essere una pagina di prenotazione di team, una pagina personale o un link di tipo di riunione. -
Incollalo nel seguente codice
<a href="LINK DELLA PAGINA DI PRENOTAZIONE" style="background-color:#FFFFFF; color:#FFFFFF; padding:10px 20px; text-decoration:none; border-radius:5px; display:inline-block; font-family:sans-serif;" target="_blank"> Testo del pulsante </a>
-
Cambia il colore di sfondo del pulsante con il codice esadecimale che preferisci. es. Nero: #000000
<a href="LINK DELLA PAGINA DI PRENOTAZIONE" style="background-color:#000000; color:#FFFFFF; padding:10px 20px; text-decoration:none; border-radius:5px; display:inline-block; font-family:sans-serif;" target="_blank"> Testo del pulsante </a>
-
Cambia il colore del testo del pulsante con il codice esadecimale che preferisci. es. bianco: #FFFFFF
<a href="LINK DELLA PAGINA DI PRENOTAZIONE" style="background-color:#000000; color:#FFFFFF; padding:10px 20px; text-decoration:none; border-radius:5px; display:inline-block; font-family:sans-serif;" target="_blank"> Testo del pulsante </a>
-
Aggiungi il testo del pulsante. Es. Prenota una riunione
<a href="LINK DELLA PAGINA DI PRENOTAZIONE" style="background-color:#000000; color:#FFFFFF; padding:10px 20px; text-decoration:none; border-radius:5px; display:inline-block; font-family:sans-serif;" target="_blank"> Prenota una riunione </a>
Quindi un esempio di pulsante potrebbe essere:
<a href="https://meeting.teamleader.eu/book/my-team-name/u/username/t/meetingtype" style="background-color:#000000; color:#FFFFFF; padding:10px 20px; text-decoration:none; border-radius:5px; display:inline-block; font-family:sans-serif;" target="_blank"> Prenota una riunione </a>
Che apparirebbe così
2. Aggiungilo alla tua firma email
Una volta creato il pulsante puoi aggiungerlo alla firma email. Raccomandiamo di far aiutare il tuo IT, ma se vuoi farlo da solo abbiamo aggiunto i passaggi qui sotto.
- Outlook (tramite il browser!)
- Gmail
Outlook (tramite il browser!)
- Apri Outlook nel tuo browser e accedi
- Vai su https://outlook.live.com/mail/0/options/accounts-category/signatures-subcategory oppure tramite l'icona dell'ingranaggio ==> Account ==> Firme
- Nel punto in cui vuoi aggiungere il pulsante digita aaa
- Fai clic destro fuori(!) dalla casella della firma e seleziona Ispeziona. Gli strumenti di sviluppo si apriranno nel browser.
- Negli strumenti di sviluppo clicca sull'icona in alto a sinistra (freccia che punta dentro uno schermo)
- Clicca nel campo della firma dove hai digitato aaa. Questo dovrebbe ora essere visibile nel codice degli strumenti di sviluppo. Se non vedi 'aaa' clicca sulla freccia accanto al codice e dovrebbe diventare visibile
- Fai clic destro sulla parte di codice in blu e seleziona Modifica come HTML
- Doppio clic su aaa, rimuovi il testo e incolla il codice del tuo pulsante
- Clicca da qualche parte accanto a quel codice negli strumenti di sviluppo e dovresti vedere il pulsante apparire nel campo della firma.
- Clicca su Salva e invia una mail di prova a te stesso. Nella mail inviata verifica che cliccando sul pulsante venga aperta la tua pagina di prenotazione.
*Nota: se le informazioni sopra non sono chiare, consigliamo di guardare questo video su Youtube. Il proprietario del video non ha alcun legame con Teamleader, ma le informazioni sono utili.
Gmail
- Apri Gmail nel tuo browser e accedi
- Clicca sull'icona dell'ingranaggio ==> Vedi tutte le impostazioni ==> Generale ==> Firma (dovrai scorrere in basso)
- Nel punto in cui vuoi aggiungere il pulsante digita aaa
- Fai clic destro fuori(!) dalla casella della firma e seleziona Ispeziona. Gli strumenti di sviluppo si apriranno nel browser.
- Negli strumenti di sviluppo clicca sull'icona in alto a sinistra (freccia che punta dentro uno schermo).
- Clicca nel campo della firma dove hai digitato aaa. Questo dovrebbe ora essere visibile nel codice degli strumenti di sviluppo. Se non vedi 'aaa' clicca sulla freccia accanto al codice e dovrebbe diventare visibile.
- Fai clic destro sulla parte di codice in blu e seleziona Modifica come HTML.
- Doppio clic su aaa, rimuovi il testo e incolla il codice del tuo pulsante.
- Clicca da qualche parte accanto a quel codice negli strumenti di sviluppo e dovresti vedere il pulsante apparire nel campo della firma.
- Clicca su Salva e invia una mail di prova a te stesso. Nella mail inviata verifica che cliccando sul pulsante venga aperta la tua pagina di prenotazione.
*Nota: se le informazioni sopra non sono chiare, consigliamo di guardare questo video su Youtube. Il video è per Outlook ma le azioni sono le stesse in Gmail. Il proprietario del video non ha alcun legame con Teamleader, ma le informazioni sono utili.