<\/span><\/a>Prop\u00f3sito principal del bloque de servicio: mostrar servicios de manera atractiva<\/span><\/h3>\n\n\n\nEl prop\u00f3sito principal por el que debe usar el Bloque de servicio es que lo ayuda a presentar la informaci\u00f3n de una manera atractiva. Puede dividir claramente grupos espec\u00edficos de otro texto y resaltarlo para llamar la atenci\u00f3n de todos. Los bloques de servicio se ven bien dentro del dise\u00f1o porque:<\/p>\n\n\n\n
\n- Estructuralizar el contenido<\/li>\n\n\n\n
- Actualizarlo con iconos<\/li>\n\n\n\n
- Servicios separados con gr\u00e1ficos y espaciado<\/li>\n<\/ul>\n\n\n\n
Gracias a lo anterior, el bloqueo de servicios puede llamar r\u00e1pidamente la atenci\u00f3n de los visitantes.<\/p>\n\n\n\n![\"](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/services-example.png\")
El contenido se ve mucho mejor si hay bloques de servicios para presentar servicios o productos de la empresa.<\/figcaption><\/figure>\n\n\n\n<\/span>Mejor navegaci\u00f3n en el sitio web<\/span><\/h4>\n\n\n\nDebido a que el servicio est\u00e1 resaltado, har\u00e1 que el escaneo visual del sitio web sea mucho m\u00e1s f\u00e1cil. Incluso si el cliente solo se desplazar\u00e1 por su sitio web, no se perder\u00e1 los servicios que ofrece.<\/p>\n\n\n\n
Si agrega URL a su servicio, se puede usar como cuadro de navegaci\u00f3n con CTA. Har\u00e1 que los clientes hagan clic en el cuadro para obtener m\u00e1s informaci\u00f3n o solicitar un servicio.<\/p>\n\n\n\n
<\/span>Bloque de servicio utilizado para presentar caracter\u00edsticas<\/span><\/h4>\n\n\n\nEl bloque de servicio tambi\u00e9n se puede usar para resaltar las caracter\u00edsticas del producto o servicio que ofrece. Eso significa que cada bloque de servicio individual presentar\u00e1 una caracter\u00edstica particular. Esta representaci\u00f3n gr\u00e1fica puede resaltar las cualidades clave de un producto determinado. Teniendo en cuenta que los visitantes no quieren leer mucho texto.<\/p>\n\n\n\n![\"Bloque](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/service-example-features.jpg\")
Use el bloque de servicio como cuadro de funci\u00f3n para enfatizar las caracter\u00edsticas del producto<\/figcaption><\/figure>\n\n\n\n<\/span>\u00bfD\u00f3nde se puede usar el bloque de servicio?<\/span><\/h4>\n\n\n\nEl bloque de servicio se puede usar dentro de publicaciones y p\u00e1ginas, de hecho, en cualquier lugar donde lo necesite. Es bueno usarlo en la p\u00e1gina de inicio que suele ser un primer contacto con los visitantes del sitio web. Debido a que el bloqueo de servicios puede captar f\u00e1cilmente la atenci\u00f3n de los visitantes, recomendamos utilizar los servicios en las p\u00e1ginas m\u00e1s visitadas.<\/p>\n\n\n\n
Los bloques de servicio se pueden usar en la p\u00e1gina de servicios dedicados, que tiene una gran cantidad de visitantes de manera similar a la p\u00e1gina de inicio. Puedes presentar todos los servicios que ofreces en un solo lugar.<\/p>\n\n\n\n
Hablaremos sobre c\u00f3mo crear una p\u00e1gina de Servicios m\u00e1s adelante.<\/p>\n\n\n\n
<\/span><\/a>Compatibilidad con temas de WordPress<\/span><\/h4>\n\n\n\nLa principal ventaja del bloque de servicio es que est\u00e1 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 \u00fanico que necesita es instalar el complemento Citadela Pro.<\/p>\n\n\n\n
<\/span><\/a>C\u00f3mo agregar un bloque de servicio a su sitio web<\/span><\/h3>\n\n\n\nComo ya hemos mencionado, para agregar el bloque de servicio al editor, necesita el complemento Citadela Blocks. Despu\u00e9s de la activaci\u00f3n del complemento, el bloque se agregar\u00e1 autom\u00e1ticamente al editor de WordPress.<\/p>\n\n\n\n
El bloque de servicio se puede agregar haciendo clic en el s\u00edmbolo "+" en la barra superior o en cualquier lugar dentro del editor. Despu\u00e9s de eso, simplemente busque el bloque dado usando el t\u00e9rmino "Servicio".<\/p>\n\n\n\n![\"Agregue](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-service-add.png\")
Agregar cuadro de servicio haciendo clic en "+"<\/figcaption><\/figure>\n\n\n\nLa segunda opci\u00f3n para agregar el bloque Servicio es usar "\/" y escribir la palabra "servicio".<\/p>\n\n\n\n![\"Insertar](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-shortcut-shortcut.gif\")
Insertar bloque de servicio usando la barra inclinada "\/"<\/figcaption><\/figure>\n\n\n\nHecho. As\u00ed es como se ve el Bloque de servicio con sus opciones disponibles.<\/p>\n\n\n\n![\"Bloque](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/10\/service-service-in-editor.jpg\")
As\u00ed es como se ve el bloque de servicio<\/figcaption><\/figure>\n\n\n\n<\/span>Configuraci\u00f3n del bloque de servicio<\/span><\/h4>\n\n\n\nEn primer lugar, puede elegir el dise\u00f1o del servicio que se adapte mejor al dise\u00f1o de su sitio web. Por defecto hay un dise\u00f1o de cuadro, que centrar\u00e1 el icono, el t\u00edtulo y la descripci\u00f3n. Puede cambiarlo a Dise\u00f1o de lista en la barra de herramientas superior. El \u00edcono se mover\u00e1 al lado del t\u00edtulo y todo se alinear\u00e1 a la izquierda.<\/p>\n\n\n\n![\"Cambio](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-service-layout.gif\")
Configure el dise\u00f1o de su bloque de servicio con un solo clic<\/figcaption><\/figure>\n\n\n\nDentro del bloque Servicio hay un marcador de posici\u00f3n, que tambi\u00e9n funciona como una pista. Sabr\u00e1 exactamente qu\u00e9 escribir en ese cuadro individual. El t\u00edtulo generalmente significa el nombre del servicio de la funci\u00f3n. El texto debajo generalmente describe el servicio con m\u00e1s detalle o explica por qu\u00e9 el cliente deber\u00eda solicitarlo.<\/p>\n\n\n\n
El texto se puede formatear como de costumbre, puede configurarlo en negrita, cursiva o agregar un enlace.<\/p>\n\n\n\n
<\/span><\/a>Personalizaci\u00f3n de bloques con Inspector<\/span><\/h4>\n\n\n\nLa configuraci\u00f3n avanzada en Inspector le permite modificar el bloque de servicio seg\u00fan sus necesidades. Tu puedes cambiar:<\/p>\n\n\n\n
1. Bloquear colores<\/b><\/p>\n\n\n\n\n- Color de fondo<\/li>\n\n\n\n
- color del titulo<\/li>\n\n\n\n
- Color de texto<\/li>\n<\/ul>\n\n\n\n
![\"Cambio](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/service-icon-color.jpg\")
Personaliza tu bloque cambiando su color<\/figcaption><\/figure>\n\n\n\n2. Icono o imagen en bloque de servicio<\/b><\/p>\n\n\n\n
El bloque de servicio muestra iconos de forma predeterminada. Puede elegir un \u00edcono diferente del selector, usando la barra de b\u00fasqueda. Tambi\u00e9n puede cambiar el color del icono. En lugar de icono, tambi\u00e9n puede usar cualquier imagen. Se puede configurar para que coincida con el tama\u00f1o del icono o para que se ajuste al ancho del cuadro de servicio.<\/p>\n\n\n\n![\"Opciones](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/10\/service-image-or-icon.jpg\")
Elija lo que le gustar\u00eda mostrar dentro del bloque: \u00bfIcono o una imagen?<\/figcaption><\/figure>\n\n\n\nSi no desea mostrar el icono o la imagen dentro del cuadro de servicio, puede desactivar esta funci\u00f3n por completo (Mostrar icono o imagen -> Ninguno).<\/p>\n\n\n\n
3. Enlace<\/b><\/p>\n\n\n\n
Para navegar a los visitantes a otra p\u00e1gina, puede agregar un enlace en el cuadro de servicio. La CTA elegida correctamente aumenta el n\u00famero de clics y la tasa de conversi\u00f3n. Simplemente puede escribir "Leer m\u00e1s" e insertar la URL. Tambi\u00e9n puede optar por abrir este enlace en una nueva pesta\u00f1a del navegador.<\/p>\n\n\n\n![\"Insertar](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/service-read-more-link.jpg\")
Insertar URL para crear un mensaje de llamada a la acci\u00f3n<\/figcaption><\/figure>\n\n\n\n4. Clase CSS personalizada<\/b><\/p>\n\n\n\n
Para los usuarios avanzados de WordPress es como en otros bloques disponibles la opci\u00f3n de agregar su propio c\u00f3digo CSS. Le permite realizar cambios m\u00e1s grandes en el dise\u00f1o del bloque de servicio.<\/p>\n\n\n\n
<\/span><\/a>C\u00f3mo crear una p\u00e1gina de Servicios con m\u00faltiples servicios<\/span><\/h3>\n\n\n\nComo mencionamos al comienzo de este art\u00edculo, la p\u00e1gina Servicios se puede utilizar para presentar todos los servicios en un solo lugar. Cree una nueva p\u00e1gina 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\u00fan sus requisitos. Simplemente depende de usted, c\u00f3mo lo usa.<\/p>\n\n\n\n
\u00bfC\u00f3mo agregar la p\u00e1gina de servicio en el editor de bloques de WordPress usando el bloque de servicio?<\/p>\n\n\n\n
Gracias a lo anterior, el bloqueo de servicios puede llamar r\u00e1pidamente la atenci\u00f3n de los visitantes.<\/p>\n\n\n\n Debido a que el servicio est\u00e1 resaltado, har\u00e1 que el escaneo visual del sitio web sea mucho m\u00e1s f\u00e1cil. Incluso si el cliente solo se desplazar\u00e1 por su sitio web, no se perder\u00e1 los servicios que ofrece.<\/p>\n\n\n\n Si agrega URL a su servicio, se puede usar como cuadro de navegaci\u00f3n con CTA. Har\u00e1 que los clientes hagan clic en el cuadro para obtener m\u00e1s informaci\u00f3n o solicitar un servicio.<\/p>\n\n\n\n El bloque de servicio tambi\u00e9n se puede usar para resaltar las caracter\u00edsticas del producto o servicio que ofrece. Eso significa que cada bloque de servicio individual presentar\u00e1 una caracter\u00edstica particular. Esta representaci\u00f3n gr\u00e1fica puede resaltar las cualidades clave de un producto determinado. Teniendo en cuenta que los visitantes no quieren leer mucho texto.<\/p>\n\n\n\n El bloque de servicio se puede usar dentro de publicaciones y p\u00e1ginas, de hecho, en cualquier lugar donde lo necesite. Es bueno usarlo en la p\u00e1gina de inicio que suele ser un primer contacto con los visitantes del sitio web. Debido a que el bloqueo de servicios puede captar f\u00e1cilmente la atenci\u00f3n de los visitantes, recomendamos utilizar los servicios en las p\u00e1ginas m\u00e1s visitadas.<\/p>\n\n\n\n Los bloques de servicio se pueden usar en la p\u00e1gina de servicios dedicados, que tiene una gran cantidad de visitantes de manera similar a la p\u00e1gina de inicio. Puedes presentar todos los servicios que ofreces en un solo lugar.<\/p>\n\n\n\n Hablaremos sobre c\u00f3mo crear una p\u00e1gina de Servicios m\u00e1s adelante.<\/p>\n\n\n\n La principal ventaja del bloque de servicio es que est\u00e1 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 \u00fanico que necesita es instalar el complemento Citadela Pro.<\/p>\n\n\n\n Como ya hemos mencionado, para agregar el bloque de servicio al editor, necesita el complemento Citadela Blocks. Despu\u00e9s de la activaci\u00f3n del complemento, el bloque se agregar\u00e1 autom\u00e1ticamente al editor de WordPress.<\/p>\n\n\n\n El bloque de servicio se puede agregar haciendo clic en el s\u00edmbolo "+" en la barra superior o en cualquier lugar dentro del editor. Despu\u00e9s de eso, simplemente busque el bloque dado usando el t\u00e9rmino "Servicio".<\/p>\n\n\n\n La segunda opci\u00f3n para agregar el bloque Servicio es usar "\/" y escribir la palabra "servicio".<\/p>\n\n\n\n Hecho. As\u00ed es como se ve el Bloque de servicio con sus opciones disponibles.<\/p>\n\n\n\n En primer lugar, puede elegir el dise\u00f1o del servicio que se adapte mejor al dise\u00f1o de su sitio web. Por defecto hay un dise\u00f1o de cuadro, que centrar\u00e1 el icono, el t\u00edtulo y la descripci\u00f3n. Puede cambiarlo a Dise\u00f1o de lista en la barra de herramientas superior. El \u00edcono se mover\u00e1 al lado del t\u00edtulo y todo se alinear\u00e1 a la izquierda.<\/p>\n\n\n\n Dentro del bloque Servicio hay un marcador de posici\u00f3n, que tambi\u00e9n funciona como una pista. Sabr\u00e1 exactamente qu\u00e9 escribir en ese cuadro individual. El t\u00edtulo generalmente significa el nombre del servicio de la funci\u00f3n. El texto debajo generalmente describe el servicio con m\u00e1s detalle o explica por qu\u00e9 el cliente deber\u00eda solicitarlo.<\/p>\n\n\n\n El texto se puede formatear como de costumbre, puede configurarlo en negrita, cursiva o agregar un enlace.<\/p>\n\n\n\n La configuraci\u00f3n avanzada en Inspector le permite modificar el bloque de servicio seg\u00fan sus necesidades. Tu puedes cambiar:<\/p>\n\n\n\n 1. Bloquear colores<\/b><\/p>\n\n\n\n 2. Icono o imagen en bloque de servicio<\/b><\/p>\n\n\n\n El bloque de servicio muestra iconos de forma predeterminada. Puede elegir un \u00edcono diferente del selector, usando la barra de b\u00fasqueda. Tambi\u00e9n puede cambiar el color del icono. En lugar de icono, tambi\u00e9n puede usar cualquier imagen. Se puede configurar para que coincida con el tama\u00f1o del icono o para que se ajuste al ancho del cuadro de servicio.<\/p>\n\n\n\n Si no desea mostrar el icono o la imagen dentro del cuadro de servicio, puede desactivar esta funci\u00f3n por completo (Mostrar icono o imagen -> Ninguno).<\/p>\n\n\n\n 3. Enlace<\/b><\/p>\n\n\n\n Para navegar a los visitantes a otra p\u00e1gina, puede agregar un enlace en el cuadro de servicio. La CTA elegida correctamente aumenta el n\u00famero de clics y la tasa de conversi\u00f3n. Simplemente puede escribir "Leer m\u00e1s" e insertar la URL. Tambi\u00e9n puede optar por abrir este enlace en una nueva pesta\u00f1a del navegador.<\/p>\n\n\n\n 4. Clase CSS personalizada<\/b><\/p>\n\n\n\n Para los usuarios avanzados de WordPress es como en otros bloques disponibles la opci\u00f3n de agregar su propio c\u00f3digo CSS. Le permite realizar cambios m\u00e1s grandes en el dise\u00f1o del bloque de servicio.<\/p>\n\n\n\n Como mencionamos al comienzo de este art\u00edculo, la p\u00e1gina Servicios se puede utilizar para presentar todos los servicios en un solo lugar. Cree una nueva p\u00e1gina 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\u00fan sus requisitos. Simplemente depende de usted, c\u00f3mo lo usa.<\/p>\n\n\n\n \u00bfC\u00f3mo agregar la p\u00e1gina de servicio en el editor de bloques de WordPress usando el bloque de servicio?<\/p>\n\n\n\n<\/span>Mejor navegaci\u00f3n en el sitio web<\/span><\/h4>\n\n\n\n
<\/span>Bloque de servicio utilizado para presentar caracter\u00edsticas<\/span><\/h4>\n\n\n\n
<\/span>\u00bfD\u00f3nde se puede usar el bloque de servicio?<\/span><\/h4>\n\n\n\n
<\/span><\/a>Compatibilidad con temas de WordPress<\/span><\/h4>\n\n\n\n
<\/span><\/a>C\u00f3mo agregar un bloque de servicio a su sitio web<\/span><\/h3>\n\n\n\n
<\/span>Configuraci\u00f3n del bloque de servicio<\/span><\/h4>\n\n\n\n
<\/span><\/a>Personalizaci\u00f3n de bloques con Inspector<\/span><\/h4>\n\n\n\n
\n
<\/span><\/a>C\u00f3mo crear una p\u00e1gina de Servicios con m\u00faltiples servicios<\/span><\/h3>\n\n\n\n
![\"P\u00e1gina](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/10\/service-business-page.jpg\")