Personalizzazione del marchio per il tuo vanity URL in Zoom
|

Personalizzazione del marchio per il tuo vanity URL in Zoom

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

Per personalizzare il tuo vanity URL, dovrai far approvare il vanity URL dal dipartimento di branding della tua organizzazione. Il logo Zoom e altri materiali di marketing devono essere personalizzati in conformità con le nostre linee guida sul marchio prima di incorporarli nel tuo sito.

La modifica del marchio del portale Web Zoom avrà effetto solo se l’URL utilizzato dalla tua organizzazione per accedervi è il vanity URL (ad esempio, tuaorganizzazione.zoom.us). L’utilizzo di zoom.us come portale per accedere al portale Web non ti consentirà di utilizzare il marchio.

Appunti:

  • A meno che tu non sia un esperto di web design (HTML e CSS), non dovresti tentare di personalizzare le impostazioni di branding a meno che tu non abbia precedenti esperienze. Il modo migliore per risolvere i problemi HTML/CSS è consultare uno sviluppatore web.

  • In termini di personalizzazione del marchio, Javascript non è attualmente supportato.

  • I proprietari e gli amministratori degli account possono forzare gli account secondari a utilizzare le stesse impostazioni di branding dell’account principale per mantenere la coerenza. Finché questi account secondari vengono creati nel proprio account, non saranno in grado di apportare modifiche alle proprie impostazioni di branding.

Questo articolo copre:

  • Come accedere alle impostazioni di branding
  • Come caricare le immagini
  • Come personalizzare la pagina di destinazione
    • Immagine di sfondo
    • Colore del testo del contenuto
    • Titolo della pagina
    • Colore di sfondo del pulsante
    • Colore di sfondo del pulsante al passaggio del mouse
    • Colore del testo del pulsante
    • Logo
  • Come personalizzare l’intestazione, il piè di pagina e la barra laterale del portale web
  • Come utilizzare CSS personalizzati
  • Come personalizzare i modelli di email
  • Come personalizzare i modelli di email di invito alla riunione

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

  • Piano Business, Education o API

  • Un vanity URL conforme alle nostre linee guida è stato approvato come vanity URL (ad esempio, success.zoom.us)

  • Un amministratore che abbia familiarità con HTML e CSS

Come accedere alle impostazioni di branding

  1. È possibile accedere al portale web di Zoom effettuando il login.

  2. Troverai l’opzione Branding nella sezione Avanzate del menu di navigazione.

Come caricare le immagini

Carica il logo della tua organizzazione e un’immagine di sfondo prima di iniziare a personalizzare il marchio, in modo da poter scegliere esattamente ciò che desideri.

  1. È possibile accedere al portale web di Zoom effettuando il login.

  2. Fare clic sul collegamento Avanzate nel menu di navigazione, quindi fare clic su Branding.

  3. La scheda dell’immagine apparirà quando fai clic su di essa.

  4. Se desideri caricare un’immagine dal tuo computer, devi navigare sul tuo computer e selezionarla.

  5. Nell’elenco dei file, potrai vedere i file caricati una volta che sono stati caricati. Ogni volta che fai clic sulla colonna Percorso sul lato destro dell’immagine, vedrai l’URL dell’immagine.

Come personalizzare la pagina di destinazione

Il vanity URL della tua organizzazione è la pagina principale in cui visualizzi il vanity URL della tua organizzazione. Una pagina di destinazione per impostazione predefinita è simile a questa:


Il codice HTML e i file CSS incorporati della pagina di destinazione possono essere personalizzati come segue:

  1. Per accedere al portale web Zoom, dovrai effettuare l’accesso.

  2. Fare clic sul collegamento Avanzate nel menu di navigazione, quindi fare clic su Branding.

  3. Nella scheda Pagina di destinazione, fai clic sul pulsante Pagina di destinazione.

  4. Apporta le modifiche alla pagina di destinazione come descritto nella sezione seguente in modo che sia coerente con il marchio della tua organizzazione.
    Nota: puoi cercare rapidamente gli attributi sottostanti premendo Ctrl + F e digitando il nome dell’attributo nella casella di ricerca. Successivamente, seguire le istruzioni su come aggiornare l’attributo seguendo le istruzioni.

Immagine di sfondo

Nome dell’attributo: immagine di sfondo

Se desideri modificare l’immagine di sfondo, dovrai sostituire l’URL tra virgolette con l’URL dell’immagine che hai caricato. Fare clic sulla scheda Immagini nella barra dei menu e copiare il collegamento nella colonna Percorso per trovare l’URL dell’immagine di sfondo.

Campione:

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




Colore del testo del contenuto

Se desideri modificare il colore del testo sulla pagina di destinazione (esclusi i pulsanti), devi aggiungere l’attributo color all’interno di .content-body { }. Se hai uno sfondo scuro, potresti voler usare un colore più chiaro.

Campione:

.content-body {
 display: table-cell;
 vertical-align: middle;
 color: white;
}




Titolo della pagina

Nome attributo: titolo

Se scegli di modificare il titolo della pagina, ciò che verrà visualizzato nella scheda del browser per il nome della pagina cambierà. Il titolo della tua pagina dovrebbe essere inserito tra gli elementi e .

Campione:

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

Colore di sfondo del pulsante

Nome attributo: background-color (cerca l’attributo background-color nidificato sotto .button)

Cambiare il colore di sfondo dei tre pulsanti (Join, Host e Sign In) è abbastanza semplice, devi solo usare un valore esadecimale di colore, ad esempio #FFFFFF è bianco, per specificare i colori. Usando Colorpicker, sarai in grado di identificare e selezionare i colori in base ai 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: background-color (nidificato sotto .button.hover)

Per cambiare il colore dei pulsanti quando il puntatore del mouse passa sopra di essi, puoi utilizzare i valori esadecimali del colore per specificare il colore, ad esempio #FFFFFF per il bianco. Se desideri identificare e selezionare i colori in base ai loro valori esadecimali, puoi utilizzare Colorpicker.

Campione:

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



Colore del testo del pulsante

Attributo: colore (nidificato sotto .btn-text)

Il testo all’interno del pulsante può essere cambiato in un colore diverso cambiandone il carattere. Imposta l’attributo su bianco se lo sfondo del tuo pulsante è di un colore più scuro di quello che hai utilizzato nel design. Il colore dello sfondo dovrebbe essere nero se ha un colore più chiaro dello sfondo. È anche possibile specificare un valore esadecimale personalizzato oltre al valore standard. Il Colorpicker è uno strumento che identifica e seleziona i colori in base al valore esadecimale di ciascun colore.

Campione:

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


Logo

Sarebbe fantastico se potessi cambiare il logo che appare sopra i tre pulsanti. Utilizzando la scheda Immagini, troverai l’URL del logo, basta copiarlo dalla colonna Percorso nella scheda Immagini per poter trovare l’URL.

Nota:

Nella configurazione predefinita, la dimensione del logo è impostata su 140px per 31,5px per impostazione predefinita. Nella maggior parte dei casi, ciò si tradurrà in una distorsione del tuo logo personalizzato. Questo può essere rimosso rimuovendo class=”zoom-logo” dopo l’URL dell’immagine nel codice HTML della pagina di destinazione.

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

Nel portale web, avrai la possibilità di personalizzare le intestazioni e i piè di pagina che vengono visualizzati quando il vanity URL viene utilizzato per accedere al portale.

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

    1. È possibile accedere al portale web di Zoom effettuando il login.

    2. Fai clic su Avanzate, quindi su Branding dal menu di navigazione a sinistra.

    3. Troverai una scheda chiamata Intestazione/Piè di pagina/Barra laterale quando fai clic su di essa.

    4. Ecco le sezioni che devi seguire:

    • URL del logo: il logo dell’intestazione può essere personalizzato in base alle tue esigenze. L’URL dell’immagine che hai caricato può essere incollato qui. Se desideri archiviare la tua immagine al di fuori dell’applicazione, dovrai incollare l’URL di un’immagine esterna.

    • Header Html: la barra dell’intestazione mobile può essere personalizzata in base alle proprie esigenze.

    • Footer Html: il tuo vanity URL può essere rimosso dal piè di pagina che contiene informazioni e collegamenti Zoom, se lo desideri. Rimuovere tutto il codice dalla sezione del piè di pagina e sostituirlo con il seguente codice per rimuovere il piè di pagina.

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

Come utilizzare CSS personalizzati

Per rendere il portale web più user friendly, il CSS utilizzato può essere personalizzato.

Nota: La pagina di destinazione non ha la possibilità di applicare CSS personalizzati. Puoi personalizzare il CSS in linea per la tua pagina di destinazione.

  1. È possibile accedere al portale web di Zoom effettuando il login.

  2. Fai clic su Avanzate, quindi su Branding dal menu di navigazione a sinistra.

  3. Per accedere alla scheda CSS personalizzato, fai clic sul pulsante CSS personalizzato.

  4. Dopo aver selezionato la selezione CSS che desideri personalizzare, fai clic su Modifica.

  5. Puoi definire altri selettori CSS utilizzando la funzione CSS personalizzato.

Come personalizzare i modelli di email

Per le e-mail amministrative generiche, come le e-mail inviate come parte della reimpostazione della password di un utente o quando si iscrivono al servizio, è possibile personalizzare i modelli di e-mail.

  1. È possibile accedere al portale web di Zoom effettuando il login.

  2. Fai clic su Avanzate, quindi su Branding dal menu di navigazione a sinistra.

  3. Sul lato sinistro dello schermo, fai clic sulla scheda E-mail.

  4. Il modello che desideri modificare può essere modificato facendo clic sul pulsante Modifica accanto ad esso.
    Nota: nel modello, hai la possibilità di utilizzare variabili personalizzate per personalizzare l’e-mail.

Come personalizzare i modelli di email di invito alla riunione

Inoltre, i modelli di email di invito alla riunione possono essere personalizzati a livello di account o gruppo per soddisfare le tue esigenze specifiche.

  1. È possibile accedere al portale web di Zoom effettuando il login.

  2. Accedi alle impostazioni dell’account o del gruppo facendo clic sul seguente collegamento nel menu di navigazione:

    • Account: nella sezione Gestione account, fai clic sul pulsante Impostazioni account.

    • Gruppo: nella finestra Gestione utenti, fare clic su Gruppi e quindi su Gestisci utenti. Fare clic sul nome del gruppo oppure creare un nuovo gruppo utenti facendo clic sul nome del gruppo.

  3. Seleziona la scheda Riunione sul lato sinistro dello schermo.

  4. Se desideri modificare il modello di email che stai utilizzando per le email di invito, seleziona Modifica dalla sezione Branding email di invito. Scopri di più sul modello di email utilizzato per pianificare le riunioni.

  5. Dopo aver fatto clic su Applica modifiche, fare clic su Fine per completare il processo.

FAQ

Come faccio a personalizzare il mio vanity URL?

Creazione di un Vanity URL

L’ultimo passo che devi compiere è ottenere un host web accreditato per registrare il tuo nome di dominio. I vanity URL possono essere aggiunti al tuo sito web tramite andando alle impostazioni, selezionando Vanity URL, quindi facendo clic sull’icona più quando sei pronto. Inserisci il tuo vanity URL nella casella fornita e assicurati di aggiungere “http://” prima dell’URL prima di inserire il tuo vanity URL.

Puoi cambiare vanità URL?

Passaggio 1: aprire il browser Web, accedere a Facebook, quindi fare clic sul pulsante del menu Account nell’angolo in alto a destra dello schermo, quindi scegliere Impostazioni account dall’elenco a discesa. Passaggio 2: è sufficiente fare clic sul collegamento Modifica a destra della riga Nome utente non appena ci si trova nel file nuovo area del menu che si carica.

Cosa sono gli esempi di vanity URL?

Un vanity URL è in genere un nome breve di dieci caratteri che assomiglia a un nome di dominio dell’organizzazione o della società utilizzata per il suo normale sito web. Nel caso di Business2BusinessITServices.com, il nome di dominio vanity URL potrebbe essere b2bIT, which corrisponderà al normale nome di dominio dell’organizzazione.

Sono vanity URL Bene per SEO?

Utilizzare vanity URL è sia user-friendly che SEO-friendly. Una versione breve del tuo URL svolgerà un ruolo cruciale nella promozione della tua attività offline quando ti concentri sulla promozione online.

Vale la pena utilizzare i vanity URL?

Vale la pena utilizzare i vanity URL poiché creano fiducia e ti aiutano a raggiungere i tuoi obiettivi di marketing. Per poter raggiungere questo obiettivo, è importante che vengano utilizzati correttamente. I vanity URL o i link brandizzati possono essere estremamente efficaci quando ci sono alcune linee guida che devi seguire per farli avere successo: Usa quando necessario: un vanity URL non deve essere utilizzato per ogni link che condividi.

Come faccio a creare un URL personalizzato?

È facile creare un file interamente nuovo URL per il tuo sito web o i tuoi contenuti online con OSlash. Bastano pochi clic per creare UN nuovo URL per te.
Come creare un collegamento URL personalizzato

  1. L’estensione OSlash può essere scaricata qui.

  2. È necessario fare clic sull’estensione OSlash quando ci si trova nella pagina che si desidera collegare.

  3. Scegli un nome di collegamento per il tuo computer.

  4. Usare questa scorciatoia è semplice come fare clic su “salva” e iniziare a usarla.

Cosa rende un Bene vanity URL?

Sii chiaro e conciso.

Oltre a garantire che il vanity URL sia il più breve possibile, devi assicurarti che descriva all’utente dove verrà indirizzato dopo aver fatto clic su di esso. Dovrebbe esserci una chiara indicazione nell’URL di quale tipo di contenuto è possibile accedere facendo clic su di esso.

Di quanti boost hai bisogno per un vanity URL?

30 potenziamenti

Non ha senso includere un vanity URL come vantaggio aggiuntivo poiché non ha senso.

Vorrei farti una domanda. Diciamo che hai appena ricevuto i 30 boost necessari per il vanity URL. Sarebbe troppo rischioso tentare effettivamente di usarlo poiché un singolo boost farebbe ripartire il collegamento in un istante se ne perdessi solo uno.

Tutti i crediti per contenuti e immagini vanno a https://support.zoom.us

Similar Posts