RepairPluginDocs

Estilo del formulario de reparación

Configura el estilo de los cuadros de reparación en RepairPlugin para elegir entre vista extendida o minimizada, mostrar atributos y añadir enlaces de leer más.

repair-boxstylingextended-viewminimized-viewread-morefrontend

¿Qué puedes hacer con esto?

  • Elegir un diseño detallado o compacto para tu lista de reparaciones — muestra las descripciones completas o mantenlo limpio y minimal.
  • Mostrar detalles de un solo atributo directamente dentro del cuadro de reparación para que los clientes no tengan que hacer clic en un paso adicional.
  • Añadir enlaces "Read More" para que los clientes expandan descripciones largas de reparación sin llenar la página.
  • Personalizar el color del enlace "Read More" para que coincida con tu marca.

Dónde encontrarlo

  1. En el menú de administración de WordPress, haz clic en RepairPlugin.
  2. Haz clic en Settings en el submenú.
  3. En la barra lateral de ajustes, haz clic en Front-End Steps.
  4. Desplázate hacia abajo pasando la sección Branding hasta Repair Boxes.
https://www.repairplugin.com/wp-admin/admin.php?page=wp_repair_settings&section=styling
The Front-End Steps settings page showing repair box styling options with view type selector and Read More link settings
https://www.repairplugin.com/book-a-repair#repairs
Frontend repair selection step showing repair boxes with prices, descriptions, and duration
https://www.repairplugin.com/book-a-repair
The extended repair box view showing full repair details with styling applied
https://www.repairplugin.com/book-a-repair
The minimized repair box view showing compact repair listing

Cómo configurarlo

Elegir la vista del cuadro de reparación

  1. En la sección Repair Boxes, busca Repair Box Styling.
  2. Abre el desplegable y selecciona Extended o Minimized.
  3. Haz clic en Save Changes.

Mostrar u ocultar atributos de reparación

  1. Busca Show Repair Attribute.
  2. Activa el interruptor para mostrar la información del atributo cuando una reparación tiene un solo atributo.
  3. Desactívalo para ocultar los detalles de un solo atributo (los clientes no verán el paso de atributos).
  4. Haz clic en Save Changes.

Activar enlaces Read More para reparaciones

  1. Busca Read More Links.
  2. Activa el interruptor para mostrar un enlace "Read More" dentro de los cuadros de reparación.
  3. Cuando se activa, aparecen dos ajustes de color debajo.
  4. Configura el Read more link color (por defecto: #d41c1c).
  5. Configura el Read more link hover color (por defecto: #a00e0e).
  6. Haz clic en Save Changes.

Activar enlaces Read More para atributos

  1. Busca Read More Link for Attribute.
  2. Activa el interruptor para mostrar enlaces "Read More" en las descripciones de atributos de reparación.
  3. Se aplican los mismos ajustes de color (compartidos con los enlaces Read More de reparaciones).
  4. Haz clic en Save Changes.

Referencia de ajustes

AjusteDescripciónPor defectoEl cliente ve
Repair Box Styling (View Type)Controla cuánta información muestra cada cuadro de reparación. Extended muestra la descripción completa de la reparación debajo del nombre y precio. Minimized oculta las descripciones y solo muestra el nombre, duración y precio de la reparación Tip: Usa la vista Extended si las descripciones de tus reparaciones ayudan a los clientes a entender qué está incluido. Usa la vista Minimized para listas de reparaciones más cortas o cuando las descripciones no son necesarias.ExtendedEn la vista Extended, obtienen más contexto sobre lo que cubre cada reparación antes de seleccionarla. En la vista Minimized, ven una lista compacta que es más rápida de escanear.
Show Repair AttributeCuando una reparación tiene un solo atributo, la información del atributo se muestra directamente en el cuadro de reparación. Esto elimina la necesidad de un clic extra para ver o seleccionar el atributoonLos detalles de la reparación son más claros de un vistazo — no tienen que hacer clic en un paso extra para reparaciones con un solo atributo. Cuando se desactiva, el paso de atributos se omite silenciosamente.
Read More Links (Repair Box)Añade un enlace "Read More" dentro de cada cuadro de reparación. Los clientes pueden hacer clic para expandir y leer la descripción completa de la reparación sin salir de la vista actual Tip: Esto es especialmente útil en la vista Extended cuando las descripciones son largas — mantiene la interfaz ordenada mientras da a los clientes acceso a todos los detalles.offUn enlace "Read More" clicable aparece en cada cuadro de reparación. Al hacer clic se revela la descripción completa. El texto de Read More y las descripciones se pueden configurar en la página de edición de cada reparación (Default Repairs o Models & Repair).
Read More Link for AttributeAñade enlaces "Read More" para las descripciones de atributos de reparación, permitiendo a los clientes expandir los detalles del atributo bajo demandaoffUn enlace "Read More" aparece en los atributos de reparación con descripciones más largas. Al hacer clic se revela el texto completo.
Read More Link ColorEstablece el color del texto del enlace "Read More" en su estado normal#d41c1c (rojo)El enlace "Read More" aparece en este color. Elige un color que destaque sobre el fondo del cuadro de reparación manteniéndose consistente con tu marca.
Read More Link Hover ColorEstablece el color del texto del enlace "Read More" cuando un cliente pasa el cursor sobre él Tip: Los ajustes de color de Read More solo aparecen cuando al menos uno de los dos interruptores de Read More (reparaciones o atributos) está activado.#a00e0e (rojo más oscuro)El enlace cambia de color al pasar el cursor, confirmando que es clicable.

Preguntas frecuentes

¿Qué muestra el enlace "Read More"?

El enlace Read More no es un truncamiento automático de texto -- es un enlace personalizado que configuras por reparación. Cada reparación puede tener su propia URL y texto de enlace. Cuando un cliente hace clic, el enlace se abre en una nueva pestaña. Necesitas activar los enlaces Read More en los ajustes y luego añadir una URL y texto de enlace a las reparaciones individuales.

Artículos relacionados

Command Palette

Search for a command to run...