Resalte sus servicios usando Bloque de servicio – AitThemes Bloque personalizado

Resalte sus servicios usando Bloque de servicio – AitThemes Bloque personalizado

El bloque Servicio es nuestro primer bloque que lanzamos en nuestro complemento Citadela Pro. Gracias a este bloque podrás presentar perfectamente las características de tus servicios o productos, puntos clave, visión o ámbito de trabajo. Al agregar el bloque de servicio a la página o publicación de WordPress, puede resaltar cierto elemento, agregar ícono, descripción y CTA. Depende de usted si desea atraer la atención de los visitantes hacia un solo servicio específico o hacia múltiples servicios a través de varios bloques de servicios. Pero empecemos desde el principio.

En este artículo te explicaremos:

Propósito principal del bloque de servicio: mostrar servicios de manera atractiva

El propósito principal por el que debe usar el Bloque de servicio es que lo ayuda a presentar la información de una manera atractiva. Puede dividir claramente grupos específicos de otro texto y resaltarlo para llamar la atención de todos. Los bloques de servicio se ven bien dentro del diseño porque:

  • Estructuralizar el contenido
  • Actualizarlo con iconos
  • Servicios separados con gráficos y espaciado

Gracias a lo anterior, el bloqueo de servicios puede llamar rápidamente la atención de los visitantes.

 Destacar servicios a través del bloque de servicio
El contenido se ve mucho mejor si hay bloques de servicios para presentar servicios o productos de la empresa.

Mejor navegación en el sitio web

Debido a que el servicio está resaltado, hará que el escaneo visual del sitio web sea mucho más fácil. Incluso si el cliente solo se desplazará por su sitio web, no se perderá los servicios que ofrece.

Si agrega URL a su servicio, se puede usar como cuadro de navegación con CTA. Hará que los clientes hagan clic en el cuadro para obtener más información o solicitar un servicio.

Bloque de servicio utilizado para presentar características

El bloque de servicio también se puede usar para resaltar las características del producto o servicio que ofrece. Eso significa que cada bloque de servicio individual presentará una característica particular. Esta representación gráfica puede resaltar las cualidades clave de un producto determinado. Teniendo en cuenta que los visitantes no quieren leer mucho texto.

Bloque de servicio utilizado como cuadro de función
Use el bloque de servicio como cuadro de función para enfatizar las características del producto

¿Dónde se puede usar el bloque de servicio?

El bloque de servicio se puede usar dentro de publicaciones y páginas, de hecho, en cualquier lugar donde lo necesite. Es bueno usarlo en la página de inicio que suele ser un primer contacto con los visitantes del sitio web. Debido a que el bloqueo de servicios puede captar fácilmente la atención de los visitantes, recomendamos utilizar los servicios en las páginas más visitadas.

Los bloques de servicio se pueden usar en la página de servicios dedicados, que tiene una gran cantidad de visitantes de manera similar a la página de inicio. Puedes presentar todos los servicios que ofreces en un solo lugar.

Hablaremos sobre cómo crear una página de Servicios más adelante.

Compatibilidad con temas de WordPress

La principal ventaja del bloque de servicio es que está disponible para todos los temas de WordPress que admiten el editor de bloques de WordPress (Gutenberg). Eso significa que puede usarlo en nuestro tema o en cualquier tema de terceros, como Avada o Divi. Lo único que necesita es instalar el complemento Citadela Pro.

Cómo agregar un bloque de servicio a su sitio web

Como ya hemos mencionado, para agregar el bloque de servicio al editor, necesita el complemento Citadela Blocks. Después de la activación del complemento, el bloque se agregará automáticamente al editor de WordPress.

El bloque de servicio se puede agregar haciendo clic en el símbolo "+" en la barra superior o en cualquier lugar dentro del editor. Después de eso, simplemente busque el bloque dado usando el término "Servicio".

Agregue el bloque de servicio al editor de WordPress haciendo clic en "+"
Agregar cuadro de servicio haciendo clic en "+"

La segunda opción para agregar el bloque Servicio es usar "/" y escribir la palabra "servicio".

Insertar bloque de servicio con barra inclinada "/"
Insertar bloque de servicio usando la barra inclinada "/"

Hecho. Así es como se ve el Bloque de servicio con sus opciones disponibles.

Bloque de servicio creado
Así es como se ve el bloque de servicio

Configuración del bloque de servicio

En primer lugar, puede elegir el diseño del servicio que se adapte mejor al diseño de su sitio web. Por defecto hay un diseño de cuadro, que centrará el icono, el título y la descripción. Puede cambiarlo a Diseño de lista en la barra de herramientas superior. El ícono se moverá al lado del título y todo se alineará a la izquierda.

Cambio de diseño de caja a diseño de lista
Configure el diseño de su bloque de servicio con un solo clic

Dentro del bloque Servicio hay un marcador de posición, que también funciona como una pista. Sabrá exactamente qué escribir en ese cuadro individual. El título generalmente significa el nombre del servicio de la función. El texto debajo generalmente describe el servicio con más detalle o explica por qué el cliente debería solicitarlo.

El texto se puede formatear como de costumbre, puede configurarlo en negrita, cursiva o agregar un enlace.

Personalización de bloques con Inspector

La configuración avanzada en Inspector le permite modificar el bloque de servicio según sus necesidades. Tu puedes cambiar:

1. Bloquear colores

  • Color de fondo
  • color del titulo
  • Color de texto
Cambio de color del bloque de servicio
Personaliza tu bloque cambiando su color

2. Icono o imagen en bloque de servicio

El bloque de servicio muestra iconos de forma predeterminada. Puede elegir un ícono diferente del selector, usando la barra de búsqueda. También puede cambiar el color del icono. En lugar de icono, también puede usar cualquier imagen. Se puede configurar para que coincida con el tamaño del icono o para que se ajuste al ancho del cuadro de servicio.

Opciones de icono e imagen en el inspector de bloques de servicio
Elija lo que le gustaría mostrar dentro del bloque: ¿Icono o una imagen?

Si no desea mostrar el icono o la imagen dentro del cuadro de servicio, puede desactivar esta función por completo (Mostrar icono o imagen -> Ninguno).

3. Enlace

Para navegar a los visitantes a otra página, puede agregar un enlace en el cuadro de servicio. La CTA elegida correctamente aumenta el número de clics y la tasa de conversión. Simplemente puede escribir "Leer más" e insertar la URL. También puede optar por abrir este enlace en una nueva pestaña del navegador.

Insertar enlace URL al bloque de servicio
Insertar URL para crear un mensaje de llamada a la acción

4. Clase CSS personalizada

Para los usuarios avanzados de WordPress es como en otros bloques disponibles la opción de agregar su propio código CSS. Le permite realizar cambios más grandes en el diseño del bloque de servicio.

Cómo crear una página de Servicios con múltiples servicios

Como mencionamos al comienzo de este artículo, la página Servicios se puede utilizar para presentar todos los servicios en un solo lugar. Cree una nueva página e inserte varios bloques de servicio uno al lado del otro o uno tras otro. Los bloques con servicios se pueden colocar en cualquier lugar según sus requisitos. Simplemente depende de usted, cómo lo usa.

¿Cómo agregar la página de servicio en el editor de bloques de WordPress usando el bloque de servicio?

  • Como primera cosa usted necesita agregar bloque de columnas
  • Establecer el número de columnas. Si quieres presentar 3 servicios, necesitas 3 columnas
  • Después de eso, agregue un bloque de servicio en cada columna
Página de servicios creada por más bloques de servicios
3 bloques de servicios anidados en el bloque de columnas

Debido a que cada servicio es un bloque individual, la administración es simple y clara. Puede duplicar el bloque seleccionado y usarlo en otro lugar de su página. Lo mejor es que los bloques de servicio se verán bien también en versión receptiva en dispositivos móviles.

¿Ya has probado nuestro bloque de servicio? ¿Cómo lo encuentras? Esperamos ver sus primeras reacciones en los comentarios a continuación.

3 comentarios en «Highlight your services using Service block – AitThemes Custom block»

    1. Hola escocés,

      gracias por preguntar.
      Service Block viene con el siguiente complemento: https://www.ait-themes.club/wordpress-plugins/citadela-blocks

      ¡Atentamente!
      Zlatko
      equipo AIT

Los comentarios están cerrados.