{"id":287624,"date":"2024-12-24T17:22:09","date_gmt":"2024-12-24T17:22:09","guid":{"rendered":"https:\/\/gfssite.local\/configuracion-general-del-editor-de-campanas-campaigns-editor-en-tidio\/"},"modified":"2024-12-24T17:22:09","modified_gmt":"2024-12-24T17:22:09","slug":"configuracion-general-del-editor-de-campanas-campaigns-editor-en-tidio","status":"publish","type":"post","link":"https:\/\/globalfinanceschool.com\/es\/configuracion-general-del-editor-de-campanas-campaigns-editor-en-tidio\/","title":{"rendered":"Configuraci\u00f3n general del editor de campa\u00f1as (Campaigns Editor) en Tidio"},"content":{"rendered":"
\n

Vea c\u00f3mo usar y navegar por el Editor de campa\u00f1as para crear o personalizar el contenido de su primera campa\u00f1a de correo electr\u00f3nico.<\/p>\n\n\n

Edite plantillas de correo electr\u00f3nico listas para usar<\/h2>\n\n

Esta es la forma m\u00e1s f\u00e1cil y probablemente la m\u00e1s conveniente de crear correos electr\u00f3nicos. Todo lo que tiene que hacer es elegir la plantilla que desee, ajustarla para que coincida con el dise\u00f1o de su marca, insertar sus URL y reemplazar nuestras im\u00e1genes con las suyas. \u00a1El tuyo est\u00e1 listo!<\/p>\n\n

\"Captura<\/p>\n

<\/p>\n

Empezar desde el principio<\/h2>\n\n

Esta opci\u00f3n significa que deber\u00e1 arrastrar y soltar estructuras en su plantilla y luego llenarlas con bloques o m\u00f3dulos de contenido.<\/p>\n\n

\"marketing<\/p>\n

\n<\/p>

\n<\/p>

Comprender la estructura del patr\u00f3n<\/h3>\n\n

La estructura de nuestro editor de campa\u00f1as se basa en una estructura de tabla HTML. Los elementos centrales del correo electr\u00f3nico son tiras que pueden contener un n\u00famero ilimitado de estructuras. Puedes determinar el n\u00famero y tipo de tiras que deseas aqu\u00ed: <\/p>\n

\"Captura<\/p>\n

Los contenedores pueden contener una cantidad ilimitada de bloques cuando se apilan uno encima del otro. Sin embargo, necesitar\u00e1s contenedores diferentes para colocar los bloques uno al lado del otro. <\/p>\n\n

Puede arrastrar y soltar bloques\/estructuras\/m\u00f3dulos desde el panel de configuraci\u00f3n al \u00e1rea del editor.<\/p>\n\n

\"editor<\/p>\n\n

Puede seleccionar diferentes elementos de un correo electr\u00f3nico haciendo clic con el bot\u00f3n izquierdo del mouse. Al hacer clic, el men\u00fa y la configuraci\u00f3n disponibles para el elemento seleccionado se abrir\u00e1n en el panel de configuraci\u00f3n. <\/p>\n\n

\"editor<\/p>\n\n

Usando el men\u00fa desplegable, puede eliminar, mover y copiar elementos de correo electr\u00f3nico o guardarlos como m\u00f3dulos.<\/p>\n\n

\"Screen_Shot_2021-12-17_at_15.03.55.png\"<\/p>\n

Puede navegar entre los elementos del correo electr\u00f3nico seleccionando los elementos requeridos con el mouse. En este caso, la prioridad de selecci\u00f3n pertenece al elemento en el nivel m\u00e1s bajo. <\/p>\n\n

Por ejemplo, al hacer clic en el bloque del contenedor ubicado en la estructura ubicada a su vez en la franja, acceder\u00e1 al men\u00fa de configuraci\u00f3n del bloque.<\/p>\n\n

\"Screen_Shot_2021-12-17_at_16.00.16.png\"<\/p>\n\n

<\/h2>\n

Utilice el editor de campa\u00f1as<\/h2>\n\n

Al hacer clic en cualquier correo electr\u00f3nico o plantilla de su cuenta, ingresar\u00e1 al modo de edici\u00f3n. Todo el editor en modo de edici\u00f3n se divide en 2 partes: apariencia y contenido. <\/p>\n\n

apariencia<\/h3>\n\n

Esta secci\u00f3n contiene casi todas las funciones de la configuraci\u00f3n integrada para editar correos electr\u00f3nicos. En el men\u00fa Apariencia, puede acceder a las siguientes configuraciones: <\/p>\n\n

Definiciones generales<\/h4>\n\n

En la configuraci\u00f3n general, puede establecer el ancho del correo electr\u00f3nico, que es de 600 p\u00edxeles de forma predeterminada. Puede establecer cualquier tama\u00f1o entre 320 y 900 p\u00edxeles. <\/p>\n\n

\"Screen_Shot_2021-12-17_at_16.25.18.png\"<\/p>\n

Establezca el espaciado predeterminado<\/strong> , que se utilizar\u00e1 como predeterminado para todas las estructuras nuevas agregadas al correo electr\u00f3nico en la pesta\u00f1a de contenido<\/strong> o al agregar nuevas pistas<\/strong> .<\/p>\n\n

Puede elegir la fuente<\/strong> base, su tama\u00f1o y el color de fuente<\/strong> para todos los siguientes bloques de texto.<\/p>\n\n

\"Screen_Shot_2021-12-17_at_16.26.50.png\"<\/p>\n

Adem\u00e1s, puede establecer el color de los enlaces<\/strong> en el correo electr\u00f3nico (activar o desactivar el subrayado en los enlaces<\/strong> ) y el interlineado<\/strong> predeterminado para todos los elementos de texto del correo electr\u00f3nico.<\/p>\n\n

\n
<\/div>\n
\n
\n\n\n\n
Tenga en cuenta que esta es la \u00fanica forma de determinar el interlineado que se mostrar\u00e1 en los dispositivos m\u00f3viles.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/section>\n

\"editor<\/h4>\n

<\/h4>\n

t\u00edtulos<\/h4>\n\n

En este men\u00fa, puede configurar la fuente, el tama\u00f1o, el color, el grosor y la inclinaci\u00f3n de los encabezados H1, H2, H3. Para establecer un texto como \u00abencabezado\u00bb, debe resaltar ese texto y seleccionar el tipo de encabezado<\/strong> . <\/p>\n\n

\"Screen_Shot_2021-12-17_at_16.28.52.png\"<\/p>\n

Correas<\/h4>\n\n

Para configurar una franja<\/strong> (fila) como encabezado, contenido, pie de p\u00e1gina<\/strong> o franja informativa<\/strong> , debes hacer clic en ella y establecer su valor en el panel de configuraci\u00f3n. En estos men\u00fas, puede determinar cualquier configuraci\u00f3n que se aplicar\u00e1 a cada tira<\/strong> (fila) respectivamente. <\/p>\n\n

Aqu\u00ed puede configurar el tama\u00f1o del texto, el color de fondo de la tira y el color de fondo del contenido, el color de fuente, el color del enlace, elegir la imagen para el fondo de la tira (fila).<\/p>\n

\n<\/p>

En este men\u00fa, tiene la posibilidad de habilitar el resaltado de botones reenviados<\/strong> , que est\u00e1n deshabilitados de forma predeterminada al crear nuevos correos electr\u00f3nicos. El men\u00fa de botones le permite configurar algunos par\u00e1metros que se usar\u00e1n para todos los botones del correo electr\u00f3nico de forma predeterminada.<\/p>\n\n

Aqu\u00ed puede configurar el color del bot\u00f3n, el color del bot\u00f3n resaltado, el color de fuente, el estilo y tama\u00f1o del texto, los par\u00e1metros de grosor e inclinaci\u00f3n, y tambi\u00e9n configurar el radio del borde (la configuraci\u00f3n predeterminada es 30 p\u00edxeles).<\/p>\n\n

La compatibilidad con Outlook<\/strong> le permite mejorar la visualizaci\u00f3n de los botones en Outlook insertando un elemento de c\u00f3digo VML especial.<\/p>\n\n

Adem\u00e1s, en esta parte del men\u00fa puedes configurar los bordes y sus colores. Puede determinarlos por separado para cada parte o para todas las partes a la vez. <\/p>\n\n

Tambi\u00e9n tiene la posibilidad de cambiar el color del borde<\/strong> del bot\u00f3n y habilitar el color del borde resaltado<\/strong> .<\/p>\n\n

Adem\u00e1s, en este men\u00fa, puede configurar el espacio interno<\/strong> de los botones, por separado para cada lado.<\/p>\n

dise\u00f1o m\u00f3vil<\/h4>\n\n

Aqu\u00ed puede controlar c\u00f3mo se ver\u00e1 su correo electr\u00f3nico en dispositivos m\u00f3viles. Puede configurar el tama\u00f1o del texto del encabezado, el tama\u00f1o del texto del cuerpo, el tama\u00f1o del texto del pie de p\u00e1gina, el tama\u00f1o del texto del \u00e1rea de informaci\u00f3n, el tama\u00f1o del texto del elemento para el bloque \u00abmen\u00fa\u00bb, el tama\u00f1o del texto para el H1. Los encabezados H2, H3, determinan la alineaci\u00f3n horizontal y el espaciado del contenido del correo electr\u00f3nico para ellos.<\/p>\n\n

Tambi\u00e9n puede configurar el tama\u00f1o del texto de los botones para que ocupen todo el ancho del dispositivo m\u00f3vil.<\/p>\n

Men\u00fa de contenido<\/h3>\n\n

En el men\u00fa de contenido<\/strong> , puede agregar estructuras<\/strong> , bloques<\/strong> y m\u00f3dulos<\/strong> a su correo electr\u00f3nico: los elementos centrales del correo electr\u00f3nico o plantilla .<\/strong><\/p>\n\n

Para crear un \u00abesqueleto\u00bb de plantilla de este tipo, debe arrastrar una estructura<\/strong> que contenga la cantidad requerida de contenedores<\/strong> y luego simplemente llenarlos con bloques<\/strong> o m\u00f3dulos<\/strong> .<\/p>\n\n

estructuras<\/h4>\n\n

Puede elegir una estructura que contenga 1, 2, 3 o 4 contenedores desde el submen\u00fa de estructuras.<\/p>\n\n

bloques<\/h4>\n\n

Actualmente, existen 8 bloques<\/strong> b\u00e1sicos, incluido un bloque HTML<\/strong> que le permite incrustar c\u00f3digo personalizado y elementos de correo electr\u00f3nico personalizados.<\/p>\n\n

\"Screen_Shot_2021-12-17_at_17.09.41.png\"<\/p>\n\n

Por ejemplo, un bloque de imagen<\/em><\/strong> b\u00e1sico:<\/p>\n\n

\"Screen_Shot_2021-12-17_at_17.10.32.png\"<\/p>\n

Este bloque se puede utilizar para agregar im\u00e1genes en formatos PNG, JPG o GIF con un tama\u00f1o m\u00e1ximo de 3Mb. Puede agregar una imagen desde su computadora arrastrando o pegando un enlace a una fuente externa. <\/p>\n\n

\"Screen_Shot_2021-12-17_at_17.11.12.png\"<\/p>\n

m\u00f3dulos<\/h4>\n\n

El men\u00fa de m\u00f3dulos<\/strong> contiene m\u00f3dulos previamente guardados que puede usar y agregar a su correo electr\u00f3nico. Tambi\u00e9n puede agregar sus tiras<\/strong> , estructuras<\/strong> y contenedores<\/strong> favoritos al men\u00fa de m\u00f3dulos<\/strong> para usarlos m\u00e1s tarde. Adem\u00e1s, puede usar nuestros m\u00f3dulos ya preparados arrastr\u00e1ndolos. en tu correo electr\u00f3nico a tu. <\/p>\n\n

\"Screen_Shot_2021-12-17_at_17.11.40.png\"<\/p>\n

\n<\/p>

Soporte de escritura de IA<\/h4>\n\n

Puede mejorar su escritura con sugerencias impulsadas por IA para combinar sus mensajes con diferentes tonos y estilos. El soporte de escritura asistida por IA<\/strong> est\u00e1 dise\u00f1ado para ayudarle a entregar r\u00e1pidamente textos bien escritos y de alta calidad. Con el poder de la IA, el soporte de redacci\u00f3n puede producir p\u00e1rrafos decentes. \u00a1Puede dejar que AI escriba el contenido del correo electr\u00f3nico por usted, pedirle que traduzca el mensaje, cambie el tono, corrija la gram\u00e1tica y m\u00e1s! <\/p>\n\n

\"Captura<\/p>\n\n

\u00c1rea de edici\u00f3n<\/h3>\n\n

Esta \u00e1rea ocupa la mayor parte de la pantalla en modo de edici\u00f3n.<\/p>\n\n

\"Captura<\/p>\n

Esta es el \u00e1rea para editar correos electr\u00f3nicos y plantillas. Puede arrastrar bloques\/estructuras\/m\u00f3dulos a ella y al panel de configuraci\u00f3n<\/strong> . Aqu\u00ed puede configurar la cantidad requerida de tiras<\/strong> y su tipo. <\/p>\n\n

\"Captura<\/p>\n

Usando los men\u00fas desplegables, puede eliminar, mover, copiar o guardar cualquier elemento de correo electr\u00f3nico como un m\u00f3dulo.<\/p>\n\n

Puedes seleccionar cualquier elemento haciendo clic sobre \u00e9l. Una vez seleccionado, ver\u00e1 la configuraci\u00f3n correspondiente en el panel de configuraci\u00f3n (consulte la lista de configuraciones disponibles para diferentes elementos arriba). <\/p>\n\n

Cada estructura<\/strong> puede contener entre 1 y 4 contenedores.<\/p>\n\n

\"Screen_Shot_2021-12-17_at_17.18.07.png\"<\/p>\n

Los contenedores<\/strong> pueden contener una cantidad ilimitada de otros elementos cuando los colocas uno debajo del otro, pero si deseas colocar un elemento a la derecha o a la izquierda, necesitar\u00e1s usar contenedores diferentes.<\/p>\n

Trabajar con texto<\/h2>\n\n

Para agregar texto a su correo electr\u00f3nico:<\/p>\n\n

\"Screen_Shot_2021-12-17_at_16.28.52.png\"<\/p>\n\n

Agregar\/eliminar hiperv\u00ednculos<\/h2>\n\n

Para agregar<\/strong> un enlace al texto, resalte el texto requerido y haga clic en el icono del enlace en el panel de configuraci\u00f3n.<\/p>\n\n

\"editor<\/p>\n

\n<\/p>

Luego, en el panel de configuraci\u00f3n, elige el tipo de enlace (protocolo) que m\u00e1s te convenga e introduce sus datos.<\/p>\n\n

\"editor<\/p>\n

Para eliminar<\/strong> el enlace del texto, simplemente haga clic en el texto y luego haga clic nuevamente en el mismo icono de enlace.<\/p>\n

Agregar fotos<\/h2>\n

Las im\u00e1genes son la base de todos los correos electr\u00f3nicos. No importa cu\u00e1n persuasivo sea su texto, definitivamente debe haber im\u00e1genes porque apelan a las emociones presentando nuestros productos de la mejor manera posible. <\/p>\n\n

C\u00f3mo agregar una imagen en correos electr\u00f3nicos:<\/h4>\n
<\/section>\n

<\/h4>\n

Hay cuatro maneras de hacer esto:<\/h4>\n\n

Aqu\u00ed, simplemente puede arrastrar y soltar la imagen que desea utilizar en su campa\u00f1a o cargarla desde su computadora haciendo clic en la \u00abflecha\u00bb y seleccionando la imagen desde su computadora.<\/p>\n\n

\"Screen_Shot_2021-12-20_at_09.05.48.png\"<\/p>\n

Si no tiene la imagen del banner guardada en su computadora, puede insertar enlaces a esta imagen en l\u00ednea. En el campo \u00abEnlace externo\u00bb, pegue el enlace a su imagen. <\/p>\n

Si tiene la intenci\u00f3n de utilizar esta imagen solo una vez, en el men\u00fa desplegable, seleccione la opci\u00f3n \u00abMantener como enlace externo\u00bb (como se muestra en el ejemplo anterior) y haga clic en \u00abV\u00bb.<\/p>\n\n

Si tiene la intenci\u00f3n de utilizar esta imagen para otras campa\u00f1as, haga clic en la pesta\u00f1a \u00abProyecto\u00bb de arriba, inserte el enlace y seleccione la opci\u00f3n \u00abDescargar a la galer\u00eda\u00bb, y haga clic en \u00abV\u00bb.<\/p>\n\n

\"Screen_Shot_2021-12-20_at_09.07.44.png\"<\/p>\n

\n<\/p>

Cuando carga fotos o las descarga a la galer\u00eda como se muestra en el ejemplo anterior, sus fotos se guardan en su galer\u00eda personal. S\u00f3lo necesitas ir a la pesta\u00f1a de correo electr\u00f3nico. <\/p>\n\n

\"Screen_Shot_2021-12-20_at_09.08.34.png\"<\/p>\n

Las fotos aqu\u00ed est\u00e1n ordenadas por fecha, desde la m\u00e1s nueva \u2192 hasta la m\u00e1s antigua. Si la lista de im\u00e1genes es demasiado larga, puedes buscar por su nombre. Para usar una en su plantilla de correo electr\u00f3nico HTML actual, haga clic en la imagen seleccionada y aparecer\u00e1 autom\u00e1ticamente en su correo electr\u00f3nico. <\/p>\n\n

Usando el banco de im\u00e1genes<\/h4>\n\n

En primer lugar, todas las im\u00e1genes disponibles en nuestro editor de campa\u00f1as son completamente gratuitas. En segundo lugar, ofrecemos m\u00e1s de 100.000 im\u00e1genes. Haga clic en la pesta\u00f1a \u00abInventario\u00bb y luego ingrese el nombre o la categor\u00eda de las fotos que est\u00e1 buscando. <\/p>\n\n

Una vez que hayas seleccionado una imagen y hayas hecho clic en ella, aparecer\u00e1 inmediatamente en la plantilla con la que est\u00e1s trabajando. As\u00ed es como puedes comprobar si coincide con tu correo electr\u00f3nico. Si te gusta lo que ves, haz clic en el bot\u00f3n \u00abUsar\u00bb. <\/p>\n\n

\"Captura<\/p>\n

\n<\/p>

edici\u00f3n de fotos<\/h4>\n\n

En el p\u00e1rrafo anterior, mostramos c\u00f3mo cargar im\u00e1genes y guardarlas. Pero, \u00bfc\u00f3mo puedes editarlos en el editor de campa\u00f1as? <\/p>\n\n

\"Screen_Shot_2021-12-20_at_09.09.57.png\"<\/p>\n

Color y fondo<\/h3>\n\n

Los fondos dise\u00f1ados para contenedores\/tiras (filas) individuales ayudan a llamar la atenci\u00f3n de los destinatarios sobre ciertos elementos. Los fondos dise\u00f1ados para correos electr\u00f3nicos completos hacen que su dise\u00f1o parezca completo y unificado. <\/p>\n\n

C\u00f3mo establecer un color de fondo para una estructura<\/h4>\n\n

\"368c76af52bdf407dcc10e6b1ce843c9.gif\"<\/p>\n

\n<\/p>

Nota: Puedes hacer esto de la misma manera para configurar el color de fondo para todos los correos electr\u00f3nicos.<\/p>\n\n

C\u00f3mo configurar una imagen de fondo para todos los correos electr\u00f3nicos: <\/h4>\n\n

La imagen de fondo se mostrar\u00e1 \u00fanicamente en dispositivos de escritorio. No se mostrar\u00e1 en dispositivos m\u00f3viles. <\/p>\n\n

Es posible que algunos clientes de correo electr\u00f3nico, como Outlook, no muestren la imagen de fondo. Por lo tanto, tambi\u00e9n recomendamos configurar el color de fondo, que ser\u00e1 similar a la imagen de fondo, para todos los correos electr\u00f3nicos.<\/p>\n\n

Construya la parte inferior del correo electr\u00f3nico<\/h2>\n\n

La parte inferior del correo electr\u00f3nico generalmente contiene informaci\u00f3n de contacto, como su URL, el motivo por el cual se comunic\u00f3 con los destinatarios, enlaces a sus cuentas de redes sociales ocultos detr\u00e1s de los \u00edconos de las redes sociales, un enlace para cancelar la suscripci\u00f3n y el nombre de la persona responsable del bolet\u00edn. correo electr\u00f3nico. El \u00faltimo es opcional, pero todos los elementos que lo preceden son obligatorios. <\/p>\n\n

\"Captura<\/p>\n

\n<\/p>

C\u00f3mo estructurar el pie de p\u00e1gina del correo electr\u00f3nico<\/h4>\n\n

Este es un elemento complejo de los correos electr\u00f3nicos. Para crear uno, debes: <\/p>\n

Enviar la campa\u00f1a<\/h3>\n\n

Antes de decidir enviar la campa\u00f1a, obtenga siempre una vista previa de ella para comprobar c\u00f3mo se ver\u00e1 en los dispositivos de sus clientes.<\/p>\n\n

C\u00f3mo ver tu correo electr\u00f3nico<\/h4>\n\n

\"editor<\/p>\n\n

La barra de men\u00fa inferior<\/p>\n\n

Env\u00eda tu campa\u00f1a<\/h2>\n\n

Una vez que hayas editado (y corregido si es necesario) tu correo electr\u00f3nico, puedes proceder a revisar y enviar:<\/p>\n\n

\"editor<\/p>\n

\n<\/p>

\"email<\/p>\n<\/div>\n

Enlace a la fuente <\/a>\n<\/p>","protected":false},"excerpt":{"rendered":"

Vea c\u00f3mo usar y navegar por el Editor de campa\u00f1as para crear o personalizar el contenido de su primera campa\u00f1a de correo electr\u00f3nico. Edite plantillas de correo electr\u00f3nico listas para usar Esta es la forma m\u00e1s f\u00e1cil y probablemente la m\u00e1s conveniente de crear correos electr\u00f3nicos. Todo lo que tiene que hacer es elegir la […]<\/p>\n","protected":false},"author":9274,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17027],"tags":[17028,13807],"class_list":["post-287624","post","type-post","status-publish","format-standard","hentry","category-guias-guia-tidio","tag-guia-tidio","tag-guias"],"_links":{"self":[{"href":"https:\/\/globalfinanceschool.com\/es\/wp-json\/wp\/v2\/posts\/287624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/globalfinanceschool.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/globalfinanceschool.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/globalfinanceschool.com\/es\/wp-json\/wp\/v2\/users\/9274"}],"replies":[{"embeddable":true,"href":"https:\/\/globalfinanceschool.com\/es\/wp-json\/wp\/v2\/comments?post=287624"}],"version-history":[{"count":0,"href":"https:\/\/globalfinanceschool.com\/es\/wp-json\/wp\/v2\/posts\/287624\/revisions"}],"wp:attachment":[{"href":"https:\/\/globalfinanceschool.com\/es\/wp-json\/wp\/v2\/media?parent=287624"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/globalfinanceschool.com\/es\/wp-json\/wp\/v2\/categories?post=287624"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/globalfinanceschool.com\/es\/wp-json\/wp\/v2\/tags?post=287624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}