Cómo crear rápidamente bloques CTA unificados para todo el sitio con Blocksy Content Blocks

existe WordPress Un sitio web visualmente coherente y estructuralmente unificado CTA(Llamamiento a la acción) que pueden mejorar significativamente las conversiones de los usuarios y la coherencia de la marca. En este artículo se explica cómo crear un bloque CTA unificado para todo el sitio desde cero e implementarlo en varias ubicaciones de tu sitio web.

Imagen [1] - Cómo crear rápidamente bloques CTA unificados para todo el sitio con Blocksy Content Blocks

¿Por qué elegir Blocksy Content Blocks para construir bloques CTA?

Blocksy es un moderno tema de WordPress que se ha convertido en la primera opción de muchos desarrolladores y webmasters gracias a sus características ligeras, altamente personalizables y potentes de la versión Pro. De todas las características, laBloques de contenido Es una gran herramienta para crear elementos uniformes para todo el sitio (por ejemplo, CTA, tablones de anuncios, banners, etc.).

Las principales ventajas de elegir Content Blocks para construir bloques CTA son:

  • Control preciso de la posición de la pantallaCon la Lógica Condicional y los Ganchos Visuales, los CTAs pueden ser insertados con precisión en cualquier área del Encabezado, Pie de Página, Parte Superior de la Publicación, Parte Inferior de la Publicación, etc.
  • Gestión global, modificación unificadaEdite una vez y todas las páginas que llamen a esta CTA se actualizarán automáticamente sin necesidad de realizar cambios página por página.
  • Compatibilidad con contenidos dinámicos y códigos cortosForms, las cuentas atrás pueden incrustarse fácilmente,WooCommerce productos y otros contenidos interactivos.
Imagen [2] - Cómo crear rápidamente bloques CTA unificados para todo el sitio con Blocksy Content Blocks

II. Pasos completos para la creación de un bloque unificado de la CTA en toda la estación

1. Active la función Blocksy Content Blocks

Asegúrate de haber comprado y activado Blocksy Pro.

2. Crear un nuevo bloque de contenido

Entra:Blocksy → Bloques de contenido → Añadir nuevo
Aquí entrarás en una interfaz similar a la del editor de WordPress.

Imagen [3] - Cómo crear rápidamente bloques CTA unificados para todo el sitio con Blocksy Content Blocks

Recomendaciones de ajuste:

  • leyendaPor ejemplo Bloque global CTA Facilitar la gestión del seguimiento.
  • editor de contenidos: añade los elementos que necesites en el editor
Imagen [4] - Cómo crear rápidamente bloques CTA unificados para todo el sitio con Blocksy Content Blocks

3. Establecer el tipo de bloque de contenido y la ubicación del gancho

En el editor, busque el Tipo de bloque Opciones.
Selecciona:Gancho

Imagen [5] - Cómo crear rápidamente bloques CTA unificados para todo el sitio con Blocksy Content Blocks

A continuación, especifique el lugar de inserción, por ejemplo:

  • Cabecera antes de
  • Cabecera después de

Esto puede combinarse con el Mapa visual de ganchos de Blocksy para confirmar la ubicación.

Imagen [6] - Cómo crear rápidamente bloques CTA unificados para todo el sitio con Blocksy Content Blocks

4. Introduzca el contenido de la CTA

Puedes utilizar el editor de bloques de Gutenberg para construir tu contenido de CTA, incluidos los siguientes elementos:

✅ Añadir [bloque de portada] (establecer color de fondo)

  • Haga clic en el botón "➕" situado en la esquina superior izquierda o en el área de contenido (para añadir un bloque)
  • Escriba en el cuadro de búsqueda que aparece:portada (de una publicación) o inglés Portada
  • Seleccione el bloque [Portada
  • Cuando se le pida que cargue una imagen de fondo, puede hacer clic en "Omitir" para cargarla y utilizar directamente los colores de fondo.
Imagen [7] - Cómo crear rápidamente bloques CTA unificados para todo el sitio con Blocksy Content Blocks
Imagen [8] - Cómo crear rápidamente bloques CTA unificados para todo el sitio con Blocksy Content Blocks

✅Añadir [bloque de título] (título grande)

  • Buscar o seleccionar [Rúbrica] (Rúbrica)
  • Contenido de entrada:¡Apúntate ahora a la oferta 50%!
Imagen [9] - Cómo crear rápidamente bloques CTA unificados para todo el sitio con Blocksy Content Blocks

✅ Añadir [bloque de párrafo] (texto descriptivo)

  • Busque o seleccione [Párrafo] (Párrafo)
  • Contenido de entrada:Sólo para nuevos usuarios, disponible hasta el 30 de junio.
Imagen [10] - Cómo crear rápidamente bloques CTA unificados para todo el sitio con Blocksy Content Blocks

✅Añadir [Bloque de botones] para buscar o seleccionar [Botón] (Button)

  • Buscar o seleccionar [Botón] (Botón)
  • Introduzca el texto del botón:Regístrese ahora
  • Después de pulsar el botón, puede establecer la dirección del enlace en https://yourdomain.com/register
Imagen [11] - Cómo crear rápidamente bloques CTA unificados para todo el sitio con Blocksy Content Blocks
Imagen [12] - Cómo crear rápidamente bloques CTA unificados para todo el sitio con Blocksy Content Blocks

5. Configuración de las condiciones de visualización

Blocksy admite la lógica condicional de grano fino.
golpe (en el teclado) Condiciones de visualizaciónconfiguración:

  • IncluyaTodos los archivos o una página, categoría o tipo de entrada específicos.
  • ExcluirPágina única, o página de inicio de sesión, página de pago, etc. donde no se desea CTA.
Imagen [13] - Cómo crear rápidamente bloques CTA unificados para todo el sitio con Blocksy Content Blocks

III. Escenarios comunes de aplicación

1. Anuncios en toda la web o tiras de descuento

Utilice los bloques de contenido para desplegar rápidamente barras promocionales de tiempo limitado, combinadas con shortcodes de cuenta atrás oCSS personalizado Mayor sensación de urgencia.

2. Bloques de encabezamiento al final del texto del blog

Añadir una CTA al final de un artículo anima a los usuarios a suscribirse, comentar o leer el artículo en cuestión.

3. CTA específicos de la tienda WooCommerce

Inserte un bloque CTA en la parte superior de la página del producto o antes de la página de pago recomendando productos equivalentes y opciones de mejora para aumentar el precio por cliente.

4. Pruebas A/B de diferentes estilos de CTA

Se pueden crear múltiples Bloques de Contenido para mostrar diferentes versiones de CTAs en diferentes páginas y para diferentes grupos de usuarios a través de lógica condicional, combinada con GA o Datos de HotjarRealizar análisis.

Imagen [14] - Cómo crear rápidamente bloques CTA unificados para todo el sitio con Blocksy Content Blocks

IV. Recomendaciones de mantenimiento y optimización

  • Comprobación periódica de la eficacia: Combinado con herramientas de análisis de datos para supervisar Clics y conversiones de CTAAjustar el diseño y los textos a su debido tiempo.
  • Coherencia de estiloBloques de contenido: Asegúrese de que los nuevos bloques de contenido tengan un estilo coherente para evitar el desorden de la página.
  • Copia de seguridad y exportación: se pueden realizar copias de seguridad periódicas de las configuraciones de CTA a través de las herramientas de Blocksy o WordPress para evitar pérdidas accidentales.
Imagen [15] - Cómo crear rápidamente bloques CTA unificados para todo el sitio con Blocksy Content Blocks

V. Conclusión

Blocksy Content Blocks ofrece a los webmasters una forma extremadamente flexible y eficaz de crear rápidamente bloques de CTA unificados, adaptables y fáciles de mantener. Tanto si se trata de una startup como de un sitio de comercio electrónico establecido, utilizar esta función puede mejorar significativamente la experiencia del usuario y la conversión del negocio.


Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas
Servicio de atención al cliente WeChat
Servicio de atención al cliente WeChat
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correo electrónico: [email protected]
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
© Declaración de reproducción
本文作者:托尼屎大颗
EL FIN
Si le gusta, apóyela.
felicitaciones1207 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios