Preguntas más frecuentes de HTML

General Questions Actualizado en marzo 10, 2021

 

1. ¿Cómo elimino el subrayado de un hipervínculo?
2. ¿Cómo cambio el color de la fuente?
3. ¿Cómo alinear mis imágenes en una fila?
4. ¿Qué necesito saber sobre cómo utilizar mi propio, email personalizado HTML?
5. ¿Cómo personalizo mi email para que aparezca el primer nombre de mi contacto utilizando HTML?
6. ¿Cómo puedo añadir campos personalizados en el cuerpo de mi email utilizando HTML?
7. ¿Cómo puedo hacer un campo personalizado en un hipervínculo utilizando su dirección URL que es también un campo personalizado?
8. ¿Cómo puedo enviar el mismo email con contenido único para cada destinatario?
9. ¿Cómo puedo cambiar el color de mis bulletpoints o viñetas?
10. ¿Por qué tengo problemas de formato?
11. ¿Cómo puedo eliminar el margen de Gmail agregado a mi email?

¿Cómo elimino el subrayado de un hipervínculo?

1. Haz clic en el icono del Lápiz para la sección en la que deseas insertar el hipervínculo
2. Introduce el texto o URL
3. Resalta el texto
4. Selecciona el icono del Enlace
5. Escribe la dirección URL (asegúrate de copiar el http:// previa si ya haz copiado esa parte)
6. Clic Actualizar
7. Selecciona el botón azúl HTML en la parte inferior derecha de la barra desplegable
8. Busca la dirección URL asociada al texto. En el ejemplo de abajo, https://www.benchmarkemail.com/es/ExtPricing.
   Plan de Precios de Benchmark Email
9. Inmediatamente después del código de cierre, introduce el siguiente código style="text-decoration:none;" algo como:
   Plan de Precios de Benchmark Email
10. Clic Guardar & Cerrar

Cómo cambio el color de la fuente?

1. Clic en el icono del Lápiz en la sección que contiene el texto que deseas cambiar de color
2. Clic en el botón azul HTML ubicado en la parte inferior derecha de la barra desplegable
3. Ubica la primera palabra de la línea respectiva y edita el número del color previo a ello

En el ejemplo siguiente, remplazaremos #fc6462 con el número o nombre deseado para cambiar el color del texto a  "¿Qué características adicionales tiene Benchmark que ofrecer?"

¿Cómo alinear mis imágenes en una fila?

1. Clic en el icono del Lápiz en la sección que deseas colocar sus imágenes
2. Clic en el botón azul HTML situado en la parte inferior derecha de la barra desplegable
3. Copia el código de abajo y pégalo en el código existente en la ventana HTML (Toma en cuenta que esta acción sustituirá todo el contenido existente dentro de la sección):

   image 1

   image 2

   image 3

   Debes tener la mayor cantidad de filas image # mientras haces las imágenes. Puesto que hay 3 líneas de este código anterior, lo que se ha proporcionado es que puedes insertar 3 imágenes. Añadir y eliminar en consecuencia.

4. Clic Guardar & Cerrar
5. Debes ver el texto Imagen 1, Imagen 2 e Imagen 3 en la sección
   
6. Resalta Imagen 1
7. Clic en el icono de Imagen bajo insertar elementos adicionales
8. Selecciona la imagen deseada en la ventana de Galería de imágenes
9. Clic Insertar
   
10. Cambia el tamaño de la imagen según sea necesario ((Nota importante: Plantilla de ancho máximo es de 600 píxeles)
11. Repite los pasos 7 a 11 para Imagen 2 e Imagen 3
12. Selecciona cada imagen y selecciona el botón Alinear Centro de la barra de herramientas flotante
13. Clic Guardar

¿Qué necesito saber sobre cómo utilizar mi propio, email personalizado HTML?

1. Si deseas insertar el contenido en un formato tabular, esto debe hacerse en las tablas en lugar de espaciado entre 2 columnas.
2. Muchos clientes de email ignorarán CSS a menos que sea utilizado en línea. Debido a esto, se recomienda que se codifiquen los emails utilizando sólo CSS en la línea.
3. Evitar copiar texto y / o imágenes de una fuente externa, como MS Word y pegarlo directamente en el Editor de Benchmark Email. En su lugar, pégalo en el Bloc de notas, y luego transferirlo desde el Bloc de notas para el Editor.
4. El contenido de tu email debe constar de un 60% de texto y 40% de imágenes (mejores prácticas).
5. Evita anidar etiquetas duplicadas no deseadas con el contenido.
6. Evita el uso de secuencias de comandos en el código.
7. Evita el uso de etiquetas. En su lugar, utiliza etiquetas ya que las etiquetas pueden dar lugar a problemas de espaciado cuando se ve desde varios clientes de email.
8. Evita el uso de imágenes de fondo en tu correo electrónico ya que la mayoría de los clientes de email los bloquean por motivos de seguridad.
9. Diseña tus emails para cumplir con un estándar de 600 x 800.

¿Cómo personalizo mi email para que aparezca el primer nombre de mi contacto utilizando HTML?

Si estas experimentando dificultades con la personalización de su correo electrónico utilizando nuestras herramientas (https://blog.benchmarkemail.com/es//detail/nueva-funcion-de-benchmark-email-agregue-saludos-personales), una solución alternativa sería a través de HTML:

1. Clic en el icono del Lápiz  en la sección que te gustaría iniciar tu saludo
2. Resalta y elimina el texto del marcador
3. Inserta tu saludo: "Hola", "Estimado", "Saludos", etc.
4. Clic en el botón azul HTML situado en la parte inferior derecha de la barra de herramientas flotante
5. Localiza tu saludo
6. Copia y pega el siguiente código un espacio después de tu saludo: [contact_attribute:firstname]
7. Clic Guardar & Cerrar
8. El código será visible dentro de la sección, pero se mostrará en consecuencia (enví un email de prueba a ti mismo para confirmar)
9. Coloca una coma, "," después de [contact_attribute:firstname]
10. Introduce el texto que queda para ese párrafo
11. Clic Guardar

¿Cómo puedo añadir campos personalizados en el cuerpo de mi email utilizando HTML?

Si estas experimentando dificultades de personalización / añadiendo campos personalizados a tu email usando nuestra Herramienta Personalizada ,una solución alternativa sería a través de HTML:

1. Clic en el icono del Lápiz  en la sección que estás pensando insertar el campo personalizado
2. Resalta y elimina el texto del marcador
3. Introduce el texto que desees
4. Clic en el botón azul HTML  situado en la parte inferior derecha de la barra de herramientas flotante
5. Busca el texto antes del lugar donde deseas introducir el campo personalizado
6. Copia y pega el siguiente código un espacio después de este texto (el texto rojo es la variable): [contact_attribute:FIELDLABEL]
7. Reemplazar "FIELDLABEL" en [contact_attribute:FIELDLABEL] con tu etiqueta de campo deseada (es decir, "Profesión", "" Teléfono de empresa "," Extra5 ", etc.)
8. Clic Guardar & Cerrar
9. El código será visible dentro de la sección, pero se mostrará en consecuencia (envía un email de prueba a ti mismo para confirmar)
10. Coloca una coma después de[contact_attribute:firstname]
11. Introduce el texto que queda para ese párrafo
12. Clic Guardar

¿Cómo puedo hacer un campo personalizado en un hipervínculo utilizando la dirección URL que es también un campo personalizado?

1. Clic en el icono del Lápiz  en la sección que ha insertado el campo personalizado
2. Introduce en el texto deseado que precede al campo personalizado
3. Clic en el botón azul HTML situado en la parte inferior derecha de la barra de herramientas flotante
4. Busca la última palabra en el texto que insertaste
5. Pon un espacio entre la última palabra y el siguiente código (el texto en rojo son las variables):
   field name]" target="_blank"> [contact_attribute:field name]
6. Reemplaza el primer "field name" en field name]" con el nombre del campo en el que reside la URL personalizada
7. Reemplaza el segundo "field name" en[contact_attribute:field name] con el nombre del campo en el que reside el texto personalizado.

¿Cómo puedo enviar el mismo email con contenido único para cada destinatario?

Digamos que deseas enviar un email a todos tus suscriptores para comunicar un lugar de reunión que varía en función de su ciudad. El formato condicional te permite hacer precisamente esto.

Usando el código de abajo, puedes enviar un email a un suscriptor de Los Ángeles para reunirse en el Centro de Convenciones de Los Ángeles, mientras que un suscriptor de Tucson te puede enviar diciendo que pueden reunirse en el Centro de Convenciones de Tucson, todo ello en el mismo correo electrónico.

Inserta los códigos abajo a la derecha en Editor (texto en rojo son las variables):

[if:fieldname=value] Esto evaluará el valor del campo y procederá si hay una coincidencia. El campo se refiere al nombre de la columna.

[elseif:fieldname=value] Esto proporcionará el contenido alternativo si la condición dada se cumple.

[else] Esto proporcionará un contenido alternativo, en caso de que las condiciones anteriores fallen.

[endif] Esto es para marcar el final de las instrucciones condicionales.

*Los siguientes ejemplos construyen una con la otra

A continuación se presentan las instrucciones para insertar un mensaje único para los receptores de California ("CA" en la columna de Estado en tu lista de contactos). Sin embargo, eres capaz de aplicar los códigos a cualquiera de los 27 campos.

1. En el Paso 4 del Editor, haz clic en el icono del lápiz para la sección que te gustaría insertar el contenido único
2. Escribe el siguiente código: [if:State=CA]
3. En la siguiente línea, escribe en el mensaje deseado. Por ejemplo: Tenemos una reunión el 24 de Febrero
4. En la siguiente línea, ingresa en el siguiente código: [endif]

Así es como debe aparecer en la sección:

Así es como debería aparecer en la ventana de HTML:

 

Digamos que deseas agregar un mensaje diferente para los contactos de Texas, además el mensaje para los destinatarios de California. Entonces, deberías seguir las instrucciones a continuación (los pasos 4 y 5 son nuevos):

1. En el Paso 4 del Editor, haz clic en el icono del lápiz para la sección que te gustaría insertar el contenido único
2. Introduce el siguiente código: [if:State=CA]
3. En la siguiente línea, escribe en el mensaje deseado. Por ejemplo: Tenemos una reunión el 24 de febrero
4. En la siguiente línea, ingresa en el siguiente código: [elseif:State=TX]
5. En la siguiente línea, escribe en el mensaje deseado. Por ejemplo: Tenemos una reunión el 28 de febrero
6. En la siguiente línea, ingresa en el siguiente código: [endif]

Así es como debe aparecer en la sección:

Así es como debería aparecer en la ventana de HTML:

 

Si quieres añadir un mensaje adicional para los beneficiarios que son de California (basado en la columna del Estado en tu lista de contactos) y otro mensaje, diferente para todos los demás, sigue las siguientes instrucciones:

1. En el Paso 4 del Editor, haz clic en el icono del lápiz para la sección que te gustaría insertar el contenido único
2. Escribe el siguiente código: [if:State=CA]
3. En la siguiente línea, escribe en el mensaje deseado. Por ejemplo: Tenemos una reunión el 24 de Febrero
4. En la siguiente línea, ingresa en el siguiente código: [else]
5. En la siguiente línea, escribe en el mensaje deseado. Por ejemplo: Tenemos una reunión el 28 de Febrero
6. En la siguiente línea, ingresa en el siguiente código: [endif]

Así es como debe aparecer en la sección:

Así es como debería aparecer en la ventana de HTML:

 

Si quieres añadir un mensaje adicional para los beneficiarios que son de California, otro separado para los contactos de Texas (basado en la columna de Estado en tu lista de contactos) y otro separado para todos los demás, sigue las siguientes instrucciones:

1. En el Paso 4 del Editor, haz clic en el icono del lápiz para la sección que te gustaría insertar el contenido único
2. Escribe el siguiente código: [if:State=CA]
3. En la siguiente línea, escribe en el mensaje deseado. Por ejemplo: Tenemos una reunión el 24 de Febrero
4. En la siguiente línea, ingresa en el siguiente código: [elseif:State=TX]
5. En la siguiente línea, escribe en el mensaje deseado. Por ejemplo: Tenemos una reunión el 28 de Febrero
6. En la siguiente línea, ingresa en el siguiente código: [else]
7. En la siguiente línea, escribe en el mensaje deseado. Por ejemplo:  No tenemos reuniones este mes
8. En la siguiente línea, ingresa en el siguiente código: [endif]

Así es como debe aparecer en la sección:

Así es como debería aparecer en la ventana de HTML:

¿Cómo puedo cambiar el color de mis bulletpoints o viñetas?

1. Clic en el icono del Lápiz  en la sección que deseas añadir tus líneas con viñetas (bulletpoints)
2. Introduce en tu texto deseado, incluyendo las líneas que se irán sumando a las viñetas
3. Resalta las líneas de texto que te gustaría añadir las viñetas
4. Desde la barra de herramientas flotante, haz clic en el icono de Bulletpoint
5. Clic en el botón azul HTML en la parte inferior derecha de la barra de herramientas flotante
6. Pon tu cursor un espacio después de la primer línea que comienza con
7. style="color:color# or name;"
8. Reemplazar "color # o nombre" en style="color:color# or name;" con su # de color deseado o nombre (remover el signo "#", en este caso)
9. Repite el paso 6 para cada línea que comienza con
• Clic Guardar & Cerrar

¿Por qué tengo problemas de formato?

Si estás encontrando que hay saltos de línea, no hay suficientes, o hay espacios extra en medio del texto, lo más probable es porque haz copiado y pegado texto de otra fuente, como Word.

Si estás leyendo esto antes de haber trasladado sobre tu texto, visita la siguiente página para saber cómo copiar correctamente y pegar texto de cualquier fuente: https://kb.benchmarkemail.com/es/como-puedo-copiar-y-pegar-texto-de-microsoft-word

Si ya haz copiado y pegado, todavía puedes seguir las instrucciones de arriba, pero sólo después de haber seleccionado el botón Borrar estilo.

Si prefieres solucionar las diferencias utilizando HTML, sigue las siguientes instrucciones:

1. Haz clic en el icono del lápiz para la sección que hayas transferido el texto. Como se puede ver en el siguiente ejemplo, hay un exceso de espacio entre párrafos:
   
2. Selecciona el botón azul HTML situado en la parte inferior derecha de la barra de herramientas flotante
3. Lo más probable es encontrar si haz ha copiado y pegado desde Word:
   

   Retira la etiqueta en el principio de cada línea y reemplaza el cierre de la etiqueta con

   para un solo espacio y

   para doble espacio. El siguiente ejemplo ilustra un doble espacio entre líneas:

   

   Ahora, el exceso de espacio se ha eliminado y cada párrafo tiene doble espacio en consecuencia:

   

¿Cómo puedo eliminar el margen de Gmail agregado a mi email?

1. En tu cuenta de Benchmark Email, busca la sección que Gmail en la que se está añadiendo el margen
2. Clic en el icono del Lápiz 
3. Clic en el botón azul HTML situado en la parte inferior derecha de la barra de herramientas flotante
4. Busca la URL de la imagen
5. Coloca el código siguiente con la etiqueta (anterior a la URL de la imagen): style="display: block;"
   

• Clic Guardar & Cerrar