La galería de bloques de ACPR

Una página de referencia práctica para crear páginas de reparación profesionales. Seleccione cualquier ejemplo para ver sus controles en la barra lateral; edite el texto, los medios, el diseño y la configuración de estilo para descubrir las funciones de cada bloque.

Cómo usar esta página

Selecciona un bloque. Modifica una configuración. Observa la vista previa. Utiliza el resultado como punto de partida para la página que estás creando.

Sección

Controla una franja de ancho completo de la página: su fondo, ancho, espaciado, borde y tono visual.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Una sección controla toda la banda.

Cambia su fondo, ancho, espaciado, borde y sombra en la barra lateral.

Fila

Crea un diseño horizontal para columnas. Úsalo siempre que necesites colocar contenido junto a otro contenido.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Primera columna

Las filas disponen las columnas una al lado de la otra.

Segunda columna

Utilice el control de separación para ajustar el espacio de respiración.

Columna

Almacena el contenido dentro de una fila. Ajusta su ancho para establecer la jerarquía visual de la página.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Una columna de ancho completo

Una columna contiene bloques relacionados y controla su parte de la fila.

Pila

Mantiene los elementos relacionados en una secuencia vertical limpia con un ajuste de espacio regulable.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Elemento de pila uno

Los elementos apilados mantienen un orden vertical claro.

Una acción relacionada

Red

Crea un diseño uniforme y adaptable para tarjetas, comparaciones y contenido agrupado.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Elemento de cuadrícula uno

Utilice cuadrículas para el contenido repetido.

Elemento de cuadrícula dos

La red se mantiene organizada a medida que responde.

Escenario de cita de héroe

Un bloque de cita principal reutilizable. Seleccione el ejemplo en vivo para configurar sus propiedades en la barra lateral.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Un comienzo de página impactante.

Empieza con la historia de reparación que la gente necesita.

Utilice este elemento principal cuando la página necesite un mensaje directo, dos acciones claras y una breve fila de argumentos que lo demuestren.

Reserva una reparaciónLlama a la tienda
Opciones clarasMuestre a los visitantes qué pueden esperar.
Edición sencillaConfigura cada elemento de la barra lateral.
Ayuda localTen siempre presente el siguiente paso.
Abierto ahora · cierra 6:30pm

Solicita un presupuesto de reparación

Utilice las opciones rápidas para iniciar la conversación con los detalles que su equipo necesita.

1. Elige el dispositivo
2. Elija el tema
Tu mensaje, listo para enviar

Hola, tengo un iPhone con un problema de Reparación de pantallas. Me gustaría recibir un estimado de reparación.

Título

Establece la jerarquía de la página. Utiliza los controles tipográficos para que cada mensaje sea claro y legible.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Un encabezado establece el orden de lectura.

Texto

Agrega texto de apoyo. Mantén los párrafos enfocados y usa interlineado y color para una lectura cómoda.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Este es un ejemplo de bloque de texto. Su configuración tipográfica controla el tamaño, el color, el espaciado, la alineación y el énfasis del texto que lo acompaña.

Imagen

Muestra una imagen de la biblioteca multimedia, con controles de tamaño, altura y recorte adaptables.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Imagen de ejemplo de la galeríaSelecciona una imagen de la galería en el editor de páginas.

Botón

Crea una acción única y clara. Establece el destino y elige un tratamiento principal, secundario o de texto.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Abra la página de contacto.

Lista

Agrupa puntos breves que son más fáciles de leer que un párrafo.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

  • Mantén cada elemento breve y específico.
  • Utilice una lista cuando la lectura rápida sea más útil que un párrafo.
  • Elige listas ordenadas para los pasos reales.

Mesa

Presenta información estructurada, como opciones de reparación, comparaciones o detalles de funcionamiento.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

BloquearMejor uso
TítuloEstablecer una jerarquía clara
TextoExplica los detalles
BotónDar una acción clara

Acordeón

Mantiene los detalles opcionales compactos hasta que el visitante formule la pregunta que le interesa.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

¿Qué debe contener este bloque?

Úselo para formular una pregunta útil y ofrecer una respuesta que ayude al visitante a dar el siguiente paso correcto.

¿Puedo añadir más artículos?

Sí. Añade solo los elementos que faciliten la comprensión de la página.

Mapa

Agrega un enlace de destino simple para una ubicación o área de servicio.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Abrir Anaheim Cell Phone Repair en Mapas

Barra de anuncios

Un bloque de barra de anuncios reutilizable. Seleccione el ejemplo en vivo para configurar sus propiedades en la barra lateral.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Abierto ahora · cierra 6:30pmEn Anaheim, se ofrece asistencia para reparaciones el mismo día.

Encabezado del sitio

Un bloque de encabezado de sitio reutilizable. Seleccione el ejemplo en vivo para configurar sus propiedades en la barra lateral.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

English(714) 202-6732Reservar cita

Héroe de la reparación

Un bloque de héroe de reparación reutilizable. Seleccione el ejemplo en vivo para configurar sus propiedades en la barra lateral.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Un comienzo de página impactante.

Empieza con la historia de reparación que la gente necesita.

Utilice este elemento principal cuando la página necesite un mensaje directo, dos acciones claras y una breve fila de argumentos que lo demuestren.

Reserva una reparaciónLlama a la tienda
Opciones clarasMuestre a los visitantes qué pueden esperar.
Edición sencillaConfigura cada elemento de la barra lateral.
Ayuda localTen siempre presente el siguiente paso.

Héroe de la campaña

Crea una introducción impactante de dos columnas con un área de imagen, acciones y argumentos clave.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Héroe de la campaña

Proyecte una primera impresión impactante y centrada en su servicio más importante.

Utilice el campo multimedia para añadir una imagen impactante a la galería y, a continuación, utilice los puntos para reforzar la decisión.

Reserva una reparaciónLlama ahora
  • Opciones clarasMuestre a los visitantes qué pueden esperar.
  • Edición sencillaConfigura cada elemento de la barra lateral.
  • Ayuda localTen siempre presente el siguiente paso.
Imagen de la galería de héroes de la campañaSelecciona una imagen de la galería en el editor de páginas.

Historia de reparación

Combina un texto explicativo con una imagen de la galería y una lista concisa de lo que el visitante debe saber.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Galería de imágenes de historias de reparaciónAñade una imagen de la galería para mostrar esta reparación en acción.
Historia de la reparación

Explique la reparación antes de solicitar la reserva.

Este bloque ofrece al visitante una razón clara para confiar en el siguiente paso, al tiempo que deja espacio para una imagen útil.

  • Opciones clarasMuestre a los visitantes qué pueden esperar.
  • Edición sencillaConfigura cada elemento de la barra lateral.
  • Ayuda localTen siempre presente el siguiente paso.
Reserva una cita para un diagnóstico

Pestañas de servicio

Organiza los servicios relacionados sin que la página parezca larga o repetitiva.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Pestañas de servicio

Cada pestaña mantiene un tema relacionado cerca sin sobrecargar la página.

Reparación de pantallas

Solucione problemas como cristales rotos, pantallas negras y fallos táctiles en un solo panel especializado.

  • Vidrio roto
  • Problemas de visualización

Cronograma de reparación

Explica una secuencia real, desde el diagnóstico hasta la recogida, en un formato fácil de seguir.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Cronograma de reparación

Una línea de tiempo funciona mejor cuando el orden tiene sentido para el visitante.

  1. Paso 1

    Comparta el síntoma

    Cuéntanos qué cambió y qué hace ahora el dispositivo.

  2. Paso 2

    Obtén un diagnóstico

    Inspeccionamos la causa probable antes de recomendar una pieza.

  3. Paso 3

    Elija la reparación

    Se te ofrecen opciones claras para el siguiente paso.

Carrusel multimedia

Muestra varias imágenes de la galería en una presentación interactiva y concisa.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Carrusel de galería

Agrega hasta tres imágenes, subtítulos y texto alternativo desde la biblioteca multimedia.

Primera imagen de la galeríaUtilice este espacio para la imagen principal de la galería.
Utilice este espacio para la imagen principal de la galería.
1 of 3

Puntos de interés de la imagen

Permite a los visitantes explorar áreas específicas de una imagen; arrastre cada punto interactivo en el editor para colocarlo.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Puntos interactivos de imágenes

Utilice esto para una guía visual. Añada una imagen y, a continuación, arrastre cada punto interactivo animado al lugar correcto.

Imagen de reparación interactivaSelecciona una imagen de la galería en el editor de páginas.

Área de exhibición

Explica qué debería observar un visitante en esta zona de la imagen.

Formulario de cotización

Guía al visitante a través de las opciones de dispositivo y problemas antes de que envíe una solicitud de reparación.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Abierto ahora · cierra 6:30pm

Solicita un presupuesto de reparación

Utilice las opciones rápidas para iniciar la conversación con los detalles que su equipo necesita.

1. Elige el dispositivo
2. Elija el tema
Tu mensaje, listo para enviar

Hola, tengo un iPhone con un problema de Reparación de pantallas. Me gustaría recibir un estimado de reparación.

Barra de confianza

Un bloque de barra de confianza reutilizable. Seleccione el ejemplo en vivo para configurar sus propiedades en la barra lateral.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Pasos siguientes clarosDiagnóstico cuidadosoAyuda local de Anaheim

Red de servicios

Un bloque de cuadrícula de servicios reutilizable. Seleccione el ejemplo en vivo para configurar sus propiedades en la barra lateral.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Tarjetas de servicio

Utilice un conjunto reducido de rutas de servicio claras para que los visitantes puedan elegir la que mejor se adapte a su dispositivo.

Opciones claras

Edición sencilla

Ayuda local

Selector de dispositivos

Un bloque selector de dispositivos reutilizable. Seleccione el ejemplo interactivo para configurar sus propiedades en la barra lateral.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Elige tu dispositivo

Un punto de decisión útil al principio de la página para los visitantes que conocen el dispositivo pero no la reparación.

Proceso de reparación

Un bloque de proceso de reparación reutilizable. Seleccione el ejemplo en vivo para configurar sus propiedades en la barra lateral.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Cómo funciona este proceso

01

Cuéntenos el síntoma

Comencemos por lo que sucedió y lo que el dispositivo está haciendo ahora.

02

Obtén un diagnóstico

Inspeccionamos el dispositivo antes de recomendar una reparación.

03

Elige tu próximo paso

Obtendrás una hoja de ruta clara para el dispositivo y tus datos.

¿Por qué elegirnos?

Un bloque reutilizable para explicar por qué elegirnos. Seleccione el ejemplo en vivo para configurar sus propiedades en la barra lateral.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Por qué este diseño genera confianza

  • Orientación específica basada en los síntomas
  • Recomendaciones claras para la reparación
  • Ayuda local y seguimiento

También en el banquillo

Teléfonostabletasportátiles

Testimonios

Un bloque de testimonios reutilizable. Seleccione el ejemplo en vivo para configurar sus propiedades en la barra lateral.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Utilice reseñas reales aquí. Esta copia de referencia solo muestra el diseño.

El proceso de reparación se explicó claramente desde el principio.
Ejemplo de clienteFuente de la revisión
Un buen testimonio debe describir un resultado específico.
Ejemplo de clienteFuente de la revisión

Preguntas frecuentes

Un bloque de preguntas frecuentes reutilizable. Seleccione el ejemplo interactivo para configurar sus propiedades en la barra lateral.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Preguntas frecuentes

¿Qué detalles debo incluir?

Incluya el modelo del dispositivo, el síntoma y si el problema se produjo tras una caída, exposición al agua o un problema de carga.

¿Puedo añadir más preguntas?

Sí. Procure que cada pregunta sea realmente útil y que cada respuesta indique claramente el siguiente paso.

¿Debo usar esto para todas las páginas?

Úselo cuando las preguntas ayuden al visitante a decidir si llamar, reservar o traer el dispositivo.

Ubicación

Un bloque de ubicación reutilizable. Seleccione el ejemplo en vivo para configurar sus propiedades en la barra lateral.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Abierto ahora · cierra 6:30pm

Visita la tienda

Utilice esta opción cuando la página deba finalizar con la ubicación, el horario, una llamada telefónica y las indicaciones para llegar.

419 S Brookhurst StAnaheim, CA 92804
Llama a la tiendaObtener indicaciones

Reservar Cta

Un bloque CTA de reserva reutilizable. Seleccione el ejemplo en vivo para configurar sus propiedades en la barra lateral.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

¿Listo para el siguiente paso?

Utilice este bloque de cierre cuando reservar y llamar sean las dos mejores maneras de proceder.

Llama ahoraReserva una reparación

Conversión Cta

Un bloque CTA de conversión reutilizable. Seleccione el ejemplo interactivo para configurar sus propiedades en la barra lateral.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Ofrezca a los visitantes un siguiente paso útil.

Utilizar las tres acciones al llamar, reservar o hacer una pregunta es igualmente útil.

Llama ahoraReserva una reparaciónContáctanos

Formulario de contacto

Recopila una pregunta sobre reparaciones con un título útil, etiquetas de campo claras y un formulario de destino conectado.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Haz una pregunta sobre reparaciones.

Utilice este formulario cuando un visitante necesite describir el problema antes de elegir una hora para la reparación.

Una comprobación rápida

Please do not include passwords, payment details, or device passcodes. Privacy policy

Servicios relacionados

Un bloque de servicios relacionados reutilizable. Seleccione el ejemplo en vivo para configurar sus propiedades en la barra lateral.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Páginas siguientes útiles

Utilice este bloque para ofrecer a cada visitante una ruta relevante en lugar de dejarlos en un callejón sin salida.

Reparación de iPhonePantalla, batería, carga y más.Explorar la reparaciónReparación de iPadUna ruta útil para dispositivos de trabajo y escuela.Explorar la reparación

Pie de página del sitio

Un bloque de pie de página reutilizable. Seleccione el ejemplo en vivo para configurar sus propiedades en la barra lateral.

Seleccione el ejemplo para configurar este bloque en la barra lateral.

Abierto ahora · cierra 6:30pm
Llamar Reservar cita