RepairPluginDocs

Image de marque (Logo & Couleur)

Configurez le logo de votre entreprise, la couleur du thème et la police dans les paramètres de branding de RepairPlugin pour que le parcours de réservation corresponde au design de votre site web.

brandinglogotheme-colorfontstylingfrontend

Que pouvez-vous faire avec ceci ?

  • Afficher le logo de votre entreprise dans le parcours de réservation pour que les clients reconnaissent immédiatement votre marque.
  • Choisir une police qui correspond au reste de votre site web parmi 30 polices Google Fonts intégrées.
  • Sélectionner une couleur de thème pour les boutons, les mises en évidence et les accents afin de rester cohérent avec votre marque.
  • Prévisualiser vos modifications dans une carte de prévisualisation en direct avant d'enregistrer.

Où le trouver

  1. Dans le menu d'administration WordPress, cliquez sur RepairPlugin.
  2. Cliquez sur Settings dans le sous-menu.
  3. Dans la barre latérale des paramètres, cliquez sur Front-End Steps.
  4. La section Branding se trouve en haut de la page.
https://www.repairplugin.com/wp-admin/admin.php?page=wp_repair_settings&section=styling
The Front-End Steps Branding section showing logo upload, font selector, theme color swatches, and live preview card

Comment le configurer

Télécharger le logo de votre entreprise

  1. Dans la section Branding, trouvez Company Logo.
  2. Cliquez sur Upload Picture.
  3. Sélectionnez un fichier image depuis votre ordinateur (PNG, JPEG ou WEBP).
  4. L'aperçu du logo se met à jour immédiatement.
  5. Cliquez sur Save Changes en bas de la page.

Pour supprimer le logo, cliquez sur le bouton X à côté du nom du fichier, puis enregistrez.

Choisir une police

  1. Dans la section Branding, trouvez Choose a font.
  2. Ouvrez le menu déroulant et choisissez votre police préférée.
  3. La carte de prévisualisation ci-dessous se met à jour automatiquement pour montrer l'apparence d'une boîte de réparation avec la police sélectionnée.
  4. Cliquez sur Save Changes.

RepairPlugin est livré avec 30 polices Google Fonts intégrées. Pour ajouter une police qui n'est pas dans la liste, consultez Ajouter des polices personnalisées.

https://www.repairplugin.com/book-a-repair
Side-by-side comparison of several built-in fonts showing how each one looks in the booking flow

Choisir une couleur de thème

  1. Dans la section Branding, trouvez Choose a theme color.
  2. Cliquez sur l'un des 12 échantillons de couleur prédéfinis, ou saisissez un code couleur HEX personnalisé dans le champ de texte (ex. #0c58a3).
  3. Vous pouvez également cliquer sur le sélecteur de couleur pour utiliser le sélecteur de couleur intégré de votre navigateur.
  4. La carte de prévisualisation se met à jour instantanément avec la nouvelle couleur.
  5. Cliquez sur Save Changes.

Référence des paramètres

ParamètreDescriptionPar défautLe client voit
Company LogoTélécharge et stocke le logo de votre entreprise. Les formats autorisés sont PNG, JPEG et WEBP. La taille maximale est de 1024 x 1024 pixels et 2 Mo (peut être inférieure selon les paramètres de votre serveur)vide (pas de logo)Votre logo apparaît dans le parcours de réservation, renforçant votre marque. Pour de meilleurs résultats, utilisez un logo carré avec un fond transparent.
Choose a fontDéfinit la police utilisée dans toute l'interface de réservation -- titres, noms de réparations, prix et boutons Astuce : Si votre site web utilise une police qui n'est pas dans la liste, vous pouvez l'ajouter avec un petit extrait de code. Consultez Ajouter des polices personnalisées.MontserratTout le texte dans le parcours de réservation apparaît dans la police sélectionnée, pour correspondre au reste de votre site web.
Preset colorsPropose 12 couleurs de marque prédéfinies. Cliquer sur un échantillon le définit comme couleur de thème. Préréglages disponibles : #3551b4, #2781c7, #0099f3, #00998b, #05a84c, #08ba96, #e7b604, #e77d04, #da2510, #ff578c, #9d19ae, #a35d48aucun présélectionnéLa couleur sélectionnée apparaît sur les boutons, les mises en évidence, les étiquettes de prix, le texte de durée et d'autres éléments d'accent dans tout le parcours de réservation.
Custom HEX colorVous permet de saisir n'importe quel code couleur HEX pour une correspondance précise de marque Astuce : Copiez le code HEX exact de votre charte graphique pour vous assurer que les couleurs correspondent parfaitement.couleur de thème actuelle (stockée en HEX)Identique aux couleurs prédéfinies -- la couleur est appliquée comme couleur d'accent principale dans toute l'interface de réservation.

Prévisualisation en direct

Sous les options de branding, une carte de prévisualisation affiche un exemple de boîte de réparation avec votre logo, police et couleur de thème actuels appliqués. Utilisez-la pour vérifier vos choix de branding avant d'enregistrer.

Polices intégrées disponibles

RepairPlugin inclut 30 polices :

FontType
ArchivoSans-serif
ArialSans-serif
AssistantSans-serif
BarlowSans-serif
CabinSans-serif
DM SansSans-serif
Fira SansSans-serif
HindSans-serif
InterSans-serif
Josefin SansSans-serif
KanitSans-serif
KarlaSans-serif
LatoSans-serif
ManropeSans-serif
MerriweatherSerif
Montserrat (défaut)Sans-serif
MuliSans-serif
Noto SansSans-serif
NunitoSans-serif
Open SansSans-serif
OswaldSans-serif
Playfair DisplaySerif
PoppinsSans-serif
QuicksandSans-serif
RalewaySans-serif
RobotoSans-serif
Roboto SlabSerif
SignikaSans-serif
Source Sans ProSans-serif
Titillium WebSans-serif
UbuntuSans-serif
Work SansSans-serif

Questions fréquentes

Quels formats et tailles d'image sont acceptés pour le logo de l'entreprise ?

Le logo accepte les formats PNG, JPEG et WebP. La taille maximale du fichier est de 2 Mo et les dimensions maximales sont de 1024 x 1024 pixels.

Peut-on définir des couleurs différentes pour différents éléments (boutons, liens, accents) ?

RepairPlugin utilise une couleur de thème globale unique qui est appliquée aux boutons, mises en évidence et accents dans tout le parcours de réservation. De plus, vous pouvez définir des couleurs séparées pour le lien « En savoir plus » et son état de survol. Il n'y a pas d'option pour colorer les éléments individuels différemment au-delà de ces trois paramètres.

Articles connexes

Command Palette

Search for a command to run...