Personnalisation de la marque pour votre URL personnalisée dans Zoom
|

Personnalisation de la marque pour votre URL personnalisée dans Zoom

(intégré)https://www.youtube.com/watch?v=dedAaaaroafQ(/embed)

Afin de personnaliser votre URL personnalisée, vous devrez faire approuver l’URL personnalisée par le service de marque de votre organisation. Le logo Zoom et les autres supports marketing doivent être personnalisés conformément à nos directives de marque avant de les intégrer à votre site.

La modification de la marque du portail Web Zoom ne prendra effet que si l’URL que votre organisation utilise pour y accéder est l’URL personnalisée (par exemple, votreorganisation.zoom.us). L’utilisation de zoom.us comme portail pour accéder au portail Web ne vous permettra pas d’utiliser la marque.

Remarques:

  • À moins que vous ne soyez un expert en conception Web (HTML et CSS), vous ne devriez pas tenter de personnaliser les paramètres de marque à moins d’avoir une expérience préalable. La meilleure façon de résoudre les problèmes HTML/CSS est de consulter un développeur Web.

  • En termes de branding personnalisé, Javascript n’est actuellement pas pris en charge.

  • Les propriétaires et les administrateurs de comptes peuvent forcer les sous-comptes à utiliser les mêmes paramètres de marque que le compte parent afin de maintenir la cohérence. Tant que ces sous-comptes sont créés dans leur propre compte, ils ne pourront pas apporter de modifications à leurs paramètres de marque.

Cet article couvre :

  • Comment accéder aux paramètres de marque
  • Comment télécharger des images
  • Comment personnaliser la page de destination
    • Image de fond
    • Couleur du texte du contenu
    • Titre de la page
    • Couleur de fond des boutons
    • Couleur de survol de l’arrière-plan du bouton
    • Couleur du texte du bouton
    • Logo
  • Comment personnaliser l’en-tête, le pied de page et la barre latérale du portail Web
  • Comment utiliser le CSS personnalisé
  • Comment personnaliser les modèles d’e-mails
  • Comment personnaliser les modèles d’e-mail d’invitation à une réunion

Conditions préalables à la personnalisation des paramètres de marque pour votre URL personnalisée

  • Forfait Entreprise, Éducation ou API

  • Une URL personnalisée conforme à nos consignes a été approuvée en tant qu’URL personnalisée (par exemple, success.zoom.us)

  • Un administrateur familiarisé avec HTML et CSS

Comment accéder aux paramètres de marque

  1. Le portail Web de Zoom est accessible en se connectant.

  2. Vous trouverez l’option Marque dans la section Avancé du menu de navigation.

Comment télécharger des images

Téléchargez le logo de votre organisation et une image d’arrière-plan avant de commencer à personnaliser la marque, afin de pouvoir choisir exactement ce que vous voulez.

  1. Le portail Web de Zoom est accessible en se connectant.

  2. Cliquez sur le lien Avancé dans le menu de navigation, puis cliquez sur Image de marque.

  3. L’onglet image apparaît lorsque vous cliquez dessus.

  4. Si vous souhaitez télécharger une image depuis votre ordinateur, vous devez parcourir votre ordinateur et la sélectionner.

  5. Dans la liste des fichiers, vous pourrez voir les fichiers téléchargés une fois qu’ils ont été téléchargés. Chaque fois que vous cliquez sur la colonne Chemin sur le côté droit de l’image, vous verrez l’URL de l’image.

Comment personnaliser la page de destination

L’URL personnalisée de votre organisation est la page principale sur laquelle vous affichez l’URL personnalisée de votre organisation. Une page de destination ressemble par défaut à ceci :


Le code HTML et les fichiers CSS intégrés de la page de destination peuvent être personnalisés comme suit :

  1. Pour accéder au portail Web de Zoom, vous devrez vous connecter.

  2. Cliquez sur le lien Avancé dans le menu de navigation, puis cliquez sur Image de marque.

  3. Dans l’onglet Page de destination, cliquez sur le bouton Page de destination.

  4. Apportez des modifications à la page de destination comme indiqué dans la section ci-dessous afin qu’elle soit cohérente avec l’image de marque de votre organisation.
    Remarque : Vous pouvez rechercher rapidement les attributs ci-dessous en appuyant sur Ctrl + F et en saisissant le nom de l’attribut dans la zone de recherche. Ensuite, suivez les instructions sur la façon de mettre à jour l’attribut en suivant les instructions.

Image de fond

Nom de l’attribut : background-image

Si vous souhaitez changer l’image de fond, vous devrez remplacer l’URL entre les guillemets par l’URL de l’image que vous avez téléchargée. Cliquez sur l’onglet Images dans la barre de menu et copiez le lien dans la colonne Chemin afin de trouver l’URL de l’image d’arrière-plan.

Goûter:

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




Couleur du texte du contenu

Si vous souhaitez modifier la couleur du texte sur la page de destination (à l’exception des boutons), vous devez ajouter l’attribut color dans le .content-body { }. Si vous avez un fond sombre, vous pouvez utiliser une couleur plus claire.

Goûter:

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

Titre de la page

Nom de l’attribut : titre

Si vous choisissez de changer le titre de la page, ce qui sera vu dans l’onglet du navigateur pour le nom de la page changera. Le titre de votre page doit être saisi entre les éléments et .

Goûter:

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

Couleur de fond des boutons

Nom de l’attribut : background-color (recherchez l’attribut background-color qui est imbriqué sous .button)

Changer la couleur d’arrière-plan des trois boutons (Rejoindre, Héberger et Se connecter) est assez simple, il vous suffit d’utiliser une valeur hexadécimale de couleur, par exemple, #FFFFFF est blanc, pour spécifier les couleurs. En utilisant Colorpicker, vous pourrez identifier et sélectionner les couleurs en fonction de leurs valeurs hexadécimales.

.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;
}


Couleur de survol de l’arrière-plan du bouton

Nom de l’attribut : background-color (imbriqué sous .button.hover)

Afin de changer la couleur des boutons lorsque le pointeur de votre souris les survole, vous pouvez utiliser des valeurs hexadécimales de couleur pour spécifier la couleur, comme #FFFFFF pour le blanc. Si vous souhaitez identifier et sélectionner des couleurs en fonction de leurs valeurs hexadécimales, vous pouvez utiliser Colorpicker.

Goûter:

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

Couleur du texte du bouton

Attribut : couleur (imbriqué sous .btn-text)

Le texte à l’intérieur du bouton peut être changé en une couleur différente en changeant sa police. Définissez l’attribut sur blanc si l’arrière-plan de votre bouton est d’une couleur plus foncée que celle que vous avez utilisée dans le design. La couleur de l’arrière-plan doit être noire si elle a une couleur plus claire que l’arrière-plan. Il est également possible de spécifier une valeur hexadécimale personnalisée en plus de la valeur standard. Le Colorpicker est un outil qui identifie et sélectionne les couleurs en fonction de la valeur hexadécimale de chaque couleur.

Goûter:

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


Logo

Ce serait formidable si vous pouviez changer le logo qui apparaît au-dessus des trois boutons. En utilisant l’onglet Images, vous trouverez l’URL du logo, copiez-le simplement à partir de la colonne Chemin de l’onglet Images pour pouvoir trouver l’URL.

Note:

Dans la configuration par défaut, la taille du logo est définie sur 140px par 31,5px par défaut. Dans la plupart des cas, cela entraînera une distorsion de votre logo personnalisé. Cela peut être supprimé en supprimant le class=”zoom-logo” après l’URL de l’image dans le code HTML de la page de destination.

Goûter:

<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">


Comment personnaliser l’en-tête, le pied de page et la barre latérale du portail Web

Dans le portail Web, vous aurez la possibilité de personnaliser les en-têtes et les pieds de page qui s’affichent lorsque l’URL personnalisée est utilisée pour accéder au portail.

Note: Votre page de destination ne sera pas affectée par ces paramètres.

    1. Le portail Web de Zoom est accessible en se connectant.

    2. Cliquez sur Avancé puis Branding dans le menu de navigation à gauche.

    3. Vous trouverez un onglet appelé En-tête/Pied de page/Barre latérale lorsque vous cliquez dessus.

    4. Voici les sections que vous devez suivre :

    • URL du logo : le logo de l’en-tête peut être personnalisé en fonction de vos besoins. L’URL de l’image que vous avez téléchargée peut être collée ici. Si vous souhaitez stocker votre image en dehors de l’application, vous devrez coller l’URL d’une image externe.

    • Header Html : La barre d’en-tête flottante peut être personnalisée pour répondre à vos besoins.

    • Footer Html : votre URL personnalisée peut être supprimée du pied de page qui contient des informations et des liens Zoom si vous le souhaitez. Veuillez supprimer tout le code de la section de pied de page et le remplacer par le code suivant afin de supprimer le pied de page.

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

Comment utiliser le CSS personnalisé

Afin de rendre le portail web plus convivial, le CSS utilisé peut être personnalisé.

Note: La page de destination n’a pas la possibilité d’appliquer un CSS personnalisé. Vous pouvez personnaliser le CSS en ligne pour votre page de destination.

  1. Le portail Web de Zoom est accessible en se connectant.

  2. Cliquez sur Avancé puis Branding dans le menu de navigation à gauche.

  3. Pour accéder à l’onglet CSS personnalisé, cliquez sur le bouton CSS personnalisé.

  4. Lorsque vous avez sélectionné la sélection CSS que vous souhaitez personnaliser, cliquez sur Modifier.

  5. Vous pouvez définir d’autres sélecteurs CSS à l’aide de la fonctionnalité CSS personnalisée.

Comment personnaliser les modèles d’e-mails

Pour les e-mails administratifs généraux, tels que les e-mails envoyés dans le cadre de la réinitialisation du mot de passe d’un utilisateur ou lors de son inscription au service, vous pouvez personnaliser les modèles d’e-mail.

  1. Le portail Web de Zoom est accessible en se connectant.

  2. Cliquez sur Avancé puis Branding dans le menu de navigation à gauche.

  3. Sur le côté gauche de l’écran, cliquez sur l’onglet E-mails.

  4. Le modèle que vous souhaitez modifier peut être modifié en cliquant sur le bouton Modifier à côté de celui-ci.
    Remarque : Dans le modèle, vous avez la possibilité d’utiliser des variables personnalisées pour personnaliser l’e-mail.

Comment personnaliser les modèles d’e-mail d’invitation à une réunion

En outre, les modèles d’e-mail d’invitation à une réunion peuvent être personnalisés au niveau du compte ou du groupe pour répondre à vos besoins spécifiques.

  1. Le portail Web de Zoom est accessible en se connectant.

  2. Accédez aux paramètres du compte ou du groupe en cliquant sur le lien suivant dans le menu de navigation :

    • Compte : dans la section Gestion du compte, cliquez sur le bouton Paramètres du compte.

    • Groupe : dans la fenêtre Gestion des utilisateurs, cliquez sur Groupes, puis sur Gérer les utilisateurs. Cliquez sur le nom du groupe ou vous pouvez créer un nouveau groupe d’utilisateurs en cliquant sur le nom du groupe.

  3. Sélectionnez l’onglet Réunion sur le côté gauche de l’écran.

  4. Si vous souhaitez modifier le modèle d’e-mail que vous utilisez pour les e-mails d’invitation, sélectionnez Modifier dans la section Marque de l’e-mail d’invitation. En savoir plus sur le modèle d’e-mail utilisé pour planifier des réunions.

  5. Après avoir cliqué sur Appliquer les modifications, cliquez sur Terminé pour terminer le processus.

FAQ

Comment personnaliser mon URL personnalisée ?

Création d’une URL personnalisée

La dernière étape que vous devez franchir consiste à demander à un hébergeur accrédité d’enregistrer votre nom de domaine. Des URL personnalisées peuvent être ajoutées à votre site Web en en allant aux paramètres, en sélectionnant Vanity URLs, puis en cliquant sur l’icône plus lorsque vous êtes prêt. Mettez votre URL personnalisée dans la case prévue à cet effet et assurez-vous d’ajouter le “http://” avant l’URL avant de saisir votre URL personnalisée.

Peux-tu changer de vanité URL ?

Étape 1 : Ouvrez votre navigateur Web, connectez-vous à Facebook, puis cliquez sur le bouton du menu Compte dans le coin supérieur droit de l’écran, puis choisissez Paramètres du compte dans la liste déroulante. Étape 2 : Cliquez simplement sur le lien Modifier à droite de la ligne Nom d’utilisateur dès que vous êtes dans le nouveau zone de menu qui se charge.

Qu’est-ce qu’un exemple d’URL personnalisée ?

Une URL personnalisée est généralement un nom court de dix caractères qui ressemble à un nom de domaine de l’organisation ou de l’entreprise utilisée pour son site Web habituel. Dans le cas de Business2BusinessITServices.com, le nom de domaine de l’URL personnalisée peut être b2bIT, qui correspondra au nom de domaine normal de l’organisation.

Sont des URL personnalisées bien pour le référencement ?

Il est à la fois convivial et convivial pour le référencement d’utiliser des URL personnalisées. Une version courte de votre URL jouera un rôle crucial dans la promotion de votre entreprise hors ligne lorsque vous vous concentrez sur la promotion en ligne.

Les URL personnalisées en valent-elles la peine ?

Il vaut la peine d’utiliser des URL personnalisées car elles renforcent la confiance et vous aident à atteindre vos objectifs marketing. Pour pouvoir y parvenir, il est important qu’ils soient utilisés correctement. Les URL personnalisées ou les liens de marque peuvent être extrêmement efficaces lorsqu’il y a quelques directives que vous devez suivre afin de les faire réussir : Utiliser si nécessaire : Une URL personnalisée n’a pas besoin d’être utilisée pour chaque lien que vous partagez.

Comment créer une URL personnalisée ?

Il est facile de créer entièrement nouveau URL de votre site Web ou de votre contenu en ligne avec OSlash. Il suffit de quelques clics pour créer un nouveau URL pour vous.
Comment créer un raccourci URL personnalisé

  1. L’extension OSlash peut être téléchargée ici.

  2. Vous devez cliquer sur l’extension OSlash lorsque vous êtes sur la page que vous souhaitez raccourcir.

  3. Choisissez un nom de raccourci pour votre ordinateur.

  4. L’utilisation de ce raccourci est aussi simple que de cliquer sur “enregistrer” et de commencer à l’utiliser.

Qu’est-ce qui fait qu’un bien URL personnalisée ?

Soyez clair et concis.

En plus de vous assurer que l’URL personnalisée est aussi courte que possible, vous devez vous assurer qu’elle décrit à l’utilisateur où il sera redirigé une fois qu’il aura cliqué dessus. Il devrait y avoir une indication claire dans l’URL du type de contenu accessible en cliquant dessus.

De combien de boosts avez-vous besoin pour une URL personnalisée ?

30 boosts

Il ne sert à rien d’inclure une URL personnalisée comme avantage supplémentaire, car cela n’a aucun sens.

J’aimerais vous poser une question. Disons que vous venez d’obtenir les 30 boosts nécessaires pour l’URL personnalisée. Il serait trop risqué d’essayer de l’utiliser, car un seul coup de pouce entraînerait la disparition du lien en un instant si vous n’en perdiez qu’un.

Tous les crédits de contenu et d’images vont à https://support.zoom.us

Similar Posts