Personalizzazione del marchio per il tuo vanity URL nell’app zoom

(incorpora)https://www.youtube.com/watch?v=dedAaaroafQ(/incorpora)

Puoi personalizzare un vanity URL approvato dalla tua organizzazione con il tuo marchio. Se desideri personalizzare la tua pagina web con il logo di Zoom o altri materiali di marketing, consulta le nostre linee guida sul marchio.

Ogni volta che le tue modifiche al marchio vengono apportate al portale Web Zoom, le modifiche saranno visibili solo quando accedi a Zoom tramite il tuo vanity URL (ad esempio, business.zoom.us). Zoom.us non applica il marchio al suo portale web.

Appunti:

• Se hai intenzione di personalizzare le impostazioni di branding, ti consigliamo vivamente di avere una conoscenza di HTML e CSS. Se riscontri problemi con il tuo HTML/CSS, contatta uno sviluppatore web esperto.
• Al momento non supportiamo il marchio Javascript.
• Il branding di un account secondario può essere forzato a utilizzare le impostazioni di branding dell’account principale se è di proprietà e controllato da un proprietario o amministratore dell’account. Nei propri account, i subaccount non saranno in grado di apportare modifiche alle impostazioni di branding.

Prerequisiti per personalizzare le impostazioni di branding per il tuo vanity URL

• Puoi scegliere un piano API per la tua azienda o istruzione
• Se il tuo vanity URL è conforme alle nostre norme (ad esempio, success.zoom.us), lo abbiamo approvato.
• Se hai un amministratore che comprende HTML e CSS, allora starai bene.

Come accedere alle impostazioni di branding

1. Accedi al portale web di Zoom.
2. Seleziona Branding dal menu a sinistra.

Come caricare le immagini

Devi caricare immagini come il tuo logo e l’immagine di sfondo prima di personalizzare il branding.

1. Accedi al sito Zoom.
2. Seleziona Branding in Avanzate.
3. Seleziona Immagini.
4. Scegli un’immagine dal tuo computer.
5. Seleziona Carica. Seleziona un’immagine dal tuo computer. La colonna Percorso mostra l’URL dell’immagine selezionata.

Come personalizzare la pagina di destinazione

Il vanity URL della tua organizzazione è la pagina principale per il vanity URL della tua organizzazione. Ecco come dovrebbe apparire la tua pagina di destinazione per impostazione predefinita:

Puoi personalizzare l’HTML e il CSS incorporato nella pagina di destinazione utilizzando i seguenti suggerimenti:

1. Accedi al portale web Zoom inserendo il tuo indirizzo email e la password.
2. Quindi fare clic su Avanzate, seguito da Branding nella barra di navigazione.
3. Seleziona Pagina di destinazione dall’elenco delle schede.
4. Apportare alcune modifiche di base alla tua pagina di destinazione per assicurarti che corrisponda al marchio della tua organizzazione è facile come seguire i passaggi seguenti.
   Nota: I seguenti attributi possono essere trovati più velocemente premendo Ctrl + F e digitando il nome dell’attributo nella casella di ricerca. È quindi possibile aggiornare l’attributo seguendo le istruzioni.

Immagine di sfondo

Nome attributo: Foto/sfondo

Modifica l’URL tra virgolette dell’immagine di sfondo per sostituire l’URL dell’immagine che desideri utilizzare come sfondo. Fai clic sulla scheda Immagini e, sotto la colonna Percorso, troverai il collegamento all’URL dell’immagine di sfondo.

Campione:

Background-image: url("https://yourorganization.zoom.us/account/branding/p/backgroundimage.jpg");

Colore del testo del contenuto

Puoi aggiungere l’attributo color all’interno di .content-body ( ) all’interno del tag .content body (esclusi i pulsanti) per modificare il colore del testo sulla pagina di destinazione. Nel caso di uno sfondo scuro, scegli un colore più chiaro.

Campione:

.content-body {
 display: table-cell;
 Vertical-alignment: middle;
 color: white;
}

Titolo della pagina

Nome attributo: Titolo

Di conseguenza, vedrai un titolo di pagina diverso in una scheda del browser. title> e /title> dovrebbero contenere il titolo della tua pagina.

Campione:

<title>Video Conferencing, Web Conferencing, Online Meetings, Screen Sharing</title> <!--customize landing page title-->

Colore di sfondo del pulsante

Nome attributo: (Cerca l’attributo background-color nella sezione .button)

Poiché è necessario specificare i valori esadecimali del colore utilizzando i pulsanti Partecipa, Ospita e Accedi, sarai in grado di cambiare il colore di questi tre pulsanti. Ad esempio, il bianco sarebbe #FFFFFF. I valori di colore esadecimali possono essere identificati con il Colorpicker e selezionati con i loro valori esadecimali.

.button {
 width: 80px;
 background-color: #000000; /*customize button color */
 border-color: #2D8CFF;
 padding: 12px 20px;
 display: inline-block;
 text-align: center;
 margin: 10px 0;
 transition: .3s ease;
}

Colore di sfondo del pulsante al passaggio del mouse

Nome attributo: Nel campo “Background-color” di .button.hover, puoi specificare il colore dello sfondo

Quando il mouse passa sopra un pulsante per cambiare il colore, i valori esadecimali possono essere utilizzati per specificare i colori, quindi #FFFFFF, ad esempio, è bianco quando il mouse passa sopra il pulsante. Usando Colorpicker, puoi identificare e selezionare i colori in base ai loro valori esadecimali.

Campione:

.button: hover {
  background-color: #eb9834; /*customize button color */
 }

Colore del testo del pulsante

Attributo: In .btn-text, il colore è annidato sotto .btn-text

Il testo all’interno del pulsante può essere modificato in colore facendo clic sul pulsante e modificando il colore. L’attributo white dovrebbe essere impostato quando si utilizza uno sfondo di colore più scuro per i pulsanti. In alternativa, puoi scegliere il nero se stai usando uno sfondo di colore più chiaro. Il valore esadecimale può anche essere specificato se hai bisogno di qualcosa di diverso. È possibile identificare e selezionare i colori in base ai relativi valori esadecimali utilizzando Colorpicker.

Campione:

.btn-text {
 color: #008BFF; /*customize button font color */
 font-size: 17px;
}

Logo

Sopra i tre pulsanti, cambia il logo. Fai clic su Immagini nel menu a sinistra e copia il percorso dell’URL nella scheda Immagini.

Nota: Per il logo viene utilizzata una dimensione predefinita di 140 px per 31,5 px. Il tuo logo personalizzato sarà distorto da questo. In alternativa, puoi rimuovere class=”zoom-logo” dalla pagina di destinazione rimuovendo class=”zoom-logo” nell’URL dell’immagine.

Campione:

<div class="row">
  <img src="https://zoom.us/account/branding/p/1c7dfaf5-2646-4224-92e0-5abef82036b1.png" alt="Zoom Logo"> <!--customize company logo-->
<div class="row">

Come personalizzare l’intestazione, il piè di pagina e la barra laterale del portale web

Quando accedi al portale web dal tuo vanity URL, puoi personalizzare l’intestazione e il piè di pagina visualizzati.

Nota: La tua pagina di destinazione non è interessata da queste impostazioni.

1. Per accedere al portale Web online Zoom, è necessario effettuare l’accesso.
2. Quindi fare clic su Avanzate e quindi su Branding per accedere al portale Web online Zoom.
3. Fare clic su Intestazione, Piè di pagina, Barra laterale per accedere al portale Web online Zoom.
4. Troverai le seguenti sezioni:

• URL del logo: Aggiungi un logo personalizzato all’intestazione. Digita semplicemente l’URL di un’immagine che hai caricato. Se desideri archiviare la tua immagine esternamente, puoi incollare l’URL di un’immagine esterna.
• Html dell’intestazione: Imposta l’intestazione mobile su un’altezza personalizzata.
• HTML del piè di pagina: Le informazioni di Zoom possono essere rimosse dal piè di pagina del tuo vanity URL, inclusi i link di zoom. Sostituire l’intera sezione del piè di pagina con il seguente codice se si desidera rimuovere il piè di pagina.

<div id="footer" class="container">
</div>

• Mostra i collegamenti utilizzati di frequente nella barra laterale sinistra: Personalizza i collegamenti visualizzati nella barra laterale sinistra.

Come utilizzare CSS personalizzati

I portali Web possono essere personalizzati modificando il CSS.

Nota: La pagina di destinazione non utilizza CSS personalizzati. Il CSS in linea può essere personalizzato sulla pagina di destinazione.

1. Zoom è il portale web dove puoi accedere.
2. Scegli Avanzate, quindi Branding dal menu di navigazione.
3. Seleziona CSS personalizzato.
4. Quindi, fai clic su Modifica accanto alla selezione CSS che desideri modificare.
5. Puoi anche definire selettori CSS utilizzando Custom CSS.

Come personalizzare i modelli di email

Esistono diversi tipi di modelli di email che puoi personalizzare in base alle tue esigenze. Ad esempio, esistono modelli di email che possono essere personalizzati per inviare email quando gli utenti reimpostano la password o si registrano.

1. Per accedere al sito Web Zoom, accedi con il tuo ID Zoom.
2. Quindi fare clic sull’opzione Avanzate e quindi su Branding.
3. Fare clic sulla scheda E-mail.
4. Seleziona il modello che desideri modificare e fai clic su Modifica.
   Nota: Le variabili e-mail personalizzate possono essere utilizzate anche nel modello.

Come personalizzare i modelli di email di invito alla riunione

È anche possibile personalizzare i modelli per le e-mail di invito alle riunioni a livello di account o di gruppo.

Nota: Coloro che hanno registrato un account Zoom dopo il 21 agosto 2021; o coloro che hanno abilitato la nuova esperienza di amministrazione sui propri account, ora troveranno la sezione Gestione gruppi rinominata in sezione Gruppi.

1. Il portale Web di Zoom richiede l’accesso.
2. Per fare ciò, vai su Impostazioni e accedi al tuo account o gruppo:
   • Account: Da Gestione account, seleziona Impostazioni account per accedere alle impostazioni del tuo account.
   • Gruppo: Per gestire i tuoi gruppi, fai clic su Gestione utenti. In alternativa, puoi creare un nuovo gruppo utenti facendo clic sul nome del gruppo.
3. Seleziona Riunioni.
4. Per aggiornare un modello di email, fai clic su Modifica nella sezione Branding email di invito. Scopri come funziona un modello di email per pianificare le riunioni.
5. Applica le modifiche e fai clic su Fine.