Ir directamente al contenido
  • No hay sugerencias porque el campo de búsqueda está vacío.

Cómo usar un código HTML en tus Newsletters, Automatizaciones y Notificaciones a clientes

1. Insertar código HTML en las Newsletters

Este artículo explica cómo puedes usar código HTML para insertar tu propio diseño en Pabau en newsletters, automatizaciones y notificaciones a clientes.

1. Insertar código HTML en las Newsletters

2. Insertar código HTML en las Automatizaciones

3. Insertar código HTML en las Notificaciones a clientes


Insertar código HTML en las Newsletters

Paso 1: Crear una campaña

Para diseñar tus campañas usando código HTML, puedes empezar creando una campaña de newsletter en la pestaña Broadcasts y completando todos los campos necesarios de la campaña.

image-png-Apr-16-2024-09-26-49-0127-AM

Paso 2: Diseñar tu campaña

Todas las plantillas aparecerán en la pestaña Diseño.

image-png-Apr-16-2024-10-18-14-7751-AM

Para encontrar la opción de insertar tu propio código HTML, desplázate hasta el final de la página y selecciona la plantilla "Code Your Own". 

image-png-Apr-16-2024-09-32-39-1481-AM
Después de seleccionar la plantilla, haz clic en "Next" en la parte superior derecha de la página para continuar.

image-png-Apr-16-2024-09-37-30-7215-AM
Inserta tu código en el campo Edit Code y verás una vista previa en el lado izquierdo. Si todo se ve bien, continúa haciendo clic en "Next".


image-png-Apr-16-2024-12-06-23-5568-PM
Serás dirigido a la página de Diseño, donde podrás mejorar tu plantilla añadiendo componentes adicionales. Simplemente arrastra y suelta cualquier componente que quieras añadir.

image-png-Apr-16-2024-12-07-25-3357-PM
Después de hacer todos los cambios deseados, asegúrate de completar las demás pestañas, como Settings y Audience. Luego, procede a enviar o programar la campaña.

NOTA: Las plantillas que crees se añadirán en la categoría Custom Templates de la pestaña Diseño, justo debajo de las plantillas Premium.


Insertar código HTML en las Automatizaciones


Paso 1: Crear una automatización

Para diseñar tus automatizaciones usando código HTML, empieza creando una automatización en la pestaña Automations y completando todos los campos necesarios de la automatización.

image-png-Apr-16-2024-11-02-45-9713-AM

Paso 2: Diseñar tu automatización

Cambia a la pestaña Diseño para continuar diseñando tu automatización. 

image-png-Apr-16-2024-11-06-15-1431-AM
Si quieres usar tu propio código HTML en lugar de las plantillas predefinidas que ofrece Pabau, desplázate hasta el final de la página, donde encontrarás la plantilla "Code Your Own". 

image-png-Apr-16-2024-11-08-31-5438-AM
Después de seleccionar la plantilla, serás dirigido a introducir tu código HTML y verlo en vista previa en el lado izquierdo. Si todo se ve bien, haz clic en el botón Next en la esquina superior derecha de la página para continuar.

image-png-Apr-16-2024-12-15-39-7116-PM
Puedes añadir componentes adicionales disponibles en el lado derecho si necesitas hacer más ajustes. Arrastra y suelta cualquier componente que quieras añadir.

image-png-Apr-16-2024-12-16-36-0675-PM
Después de hacer todos los cambios necesarios, asegúrate de completar las demás pestañas, como Settings y Audience. Puedes revisar tu automatización en la pestaña de revisión, comprobar qué campos deben completarse y programarla para su envío según tu horario preferido.

Siguiendo estos pasos, podrás crear y personalizar automatizaciones en Pabau de manera eficiente.

NOTA: Las plantillas que hayas creado se añadirán en la categoría Custom Templates de la pestaña Diseño, justo debajo de las plantillas Premium.


Insertar código HTML en las Notificaciones a clientes


Paso 1: Crear notificaciones a clientes personalizadas

Para usar tus propias plantillas personalizadas en Pabau, tendrás que crear notificaciones a clientes personalizadas

en la página de Notificaciones a clientes.



Empieza seleccionando la notificación que te gustaría personalizar.


image-png-Apr-16-2024-12-29-45-6568-PM
En lugar de la notificación a clientes predeterminada que aparece al seleccionar inicialmente el tipo de notificación, cambia a la pestaña personalizada y continúa editando

image-png-Apr-16-2024-11-44-37-5313-AM

Paso 2: Diseñar tu notificación a clientes

Para introducir tu propio código HTML y diseñar la notificación a clientes, simplemente arrastra y suelta el componente HTML que aparece en el lado derecho a la página.


image-png-Apr-16-2024-11-48-41-9957-AM
A continuación, haz clic en el texto predeterminado "Hello, world" que aparece una vez que insertas el componente HTML en la página. En el lado derecho podrás introducir tu código HTML.

image-png-Apr-16-2024-11-51-20-6977-AM
Después de introducir tu código HTML, podrás verlo en la vista previa en pantalla.

image-png-Apr-16-2024-11-56-51-4490-AM
Si necesitas añadir un componente adicional, puedes hacerlo haciendo clic en el icono de cerrar y continuando con arrastrar y soltar cualquiera de los componentes que prefieras. 

image-png-Apr-16-2024-12-02-45-2368-PM
Después de personalizar tu notificación, haz clic en Save en la parte superior derecha de la página para que se actualicen los cambios.

image-png-Apr-16-2024-12-23-22-5574-PM

Siguiendo estos pasos, podrás personalizar tus notificaciones a clientes y añadir un toque de creatividad a tus comunicaciones.


Para más guías, consulta los artículos relacionados a continuación, selecciona guías adicionales o usa la barra de búsqueda en la parte superior de la página. Estas guías te ayudarán a aprovechar al máximo tu cuenta de Pabau.

Además, para ayudarte a utilizar y comprender plenamente tu cuenta de Pabau, te recomendamos explorar las guías y recursos adicionales que se ofrecen en Pabau Academy. Ofrece tutoriales de vídeo y lecciones detalladas, brindando una experiencia de aprendizaje integral que puede darte las habilidades esenciales para lograr el éxito con Pabau.