×

Contáctanos

  • Chat en vivo
  • Envíanos un email
Llámanos
  • USA
    +213.493.6558
  • México
    +52.55.3300.5177
  • Colombia
    +57.1638.6408
  • Guatemala
    502.6629.8650
  • España
    +34.91.255.8876
  • Argentina
    +54.1159.842574
  • Chile
    +(56)2257.09507
  • Brasil
    +55.11.2246.2778
Pierce Nahigyan

Consejos y Trucos HTML #4 - Agregando Enlaces

Dec 28 2010, 06:29 PM by

Qué es HTML?
HTML es el acrónimo en inglés de (HyperText Markup Language), que se traduce al español como Lenguaje de Marcas Híper textuales. Es utilizado por la mayoría de páginas web, especialmente aquellos que utilizan protocolos de transferencia de hipertexto (HTTP o, lo que es la primera parte de la dirección web en la parte superior de esta página). HTML es el código de programación que se traduce en las imágenes que usted ve, la incorporación de videos e imágenes y guiones, estructurar el contenido de una página y proveen el principal soporte para el software de Benchmark Email.

Para codificar correctamente con HTML usted utilizará los elementos HTML llamados etiquetas. Estas etiquetas se encuentran encerradas entre corchetes. Por ejemplo, <h1> es la etiqueta de inicio para una fuente grande de encabezado. Al final del encabezado o título que estamos codificación, ponemos una etiqueta de cierre, que incluye una barra diagonal </ h1>. Estas etiquetas incluyen la sección o el texto que desea dar formato. Piense en la etiqueta de apertura como un canal abierto. El código dentro de lo que se designa el flujo en ese canal. La etiqueta final cierra el canal y las cerraduras de la sección en el código.

El editor de Benchmark Email se encarga de casi todas sus necesidades de HTML. Pero para aquellos de ustedes que les gustan hacer su propio código, o incluso para los curiosos que le gustaría darle una oportunidad, estos consejos le dará un conocimiento práctico de la forma de código, una etiqueta a la vez.

Hoy nos centraremos en añadir enlaces a su correo electrónico o un boletín informativo. Adición de enlaces a sitios web pueden ampliar el alcance de su correo electrónico o la atención directa de sus lectores a sus propias cajas de registro o páginas de destino. Es una herramienta muy valiosa cuando el email marketing en estos días cubre dos métodos de vinculación.

Primero, abra su editor de correo electrónico (Paso 4 al crear un nuevo correo electrónico) y elegir una plantilla, preferiblemente uno que no tiene demasiados colores o diseños locos ya  agregados. Busque la sección que desea editar y haga clic en el icono del lápiz en la esquina superior izquierda.
Elimine todo el texto del cuerpo. Esto le dará menos código para filtrarse cuando empiece a experimentar con su propio código HTML. Ahora, escriba una breve frase con una palabra que desee utilizar como enlace. En mi caso voy a usar "Benchmark Email". Quiero que mis usuarios puedan hacer clic en esa palabra y que sean enlazados directo a mi página web.
Una vez que tenga la palabra (y saber qué dirección desea establecer al vínculo), haga clic en el botón Ver Código en el cuadro Insertar Elementos Adicionales.
Esto abre el documento en HTML. Lo que estamos viendo es el mismo documento se desmontaron para su código. Busque su oración con la palabra que desea vincular.

Inmediatamente después de "Querido Bob," verá dos etiquetas <br>. Recuerde que la semana pasada estos eran separaciones de línea. Dado que el código está todo junto, las etiquetas <br> indican que lo que me queda un espacio entre "Querido Bob"y el cuerpo del mensaje (el cuerpo comienza en la segunda separación de línea).

Ahora es el momento para nosotros de convertir la palabra en un hipervínculo. Recuerde que debe comenzar el código al principio de su palabra, no al principio de su frase. Mi etiqueta de inicio se verá así: <a href="http://www.benchmarkemail.com">. No deje ningún espacio entre la etiqueta de inicio y su palabra de enlace y asegúrese de haber introducido la dirección Web completa entre las comillas. Dejando de lado una comilla  al principio o al final de la URL puede conducir a un código incompleto y que puede terminar con un vínculo roto. También una clave para darse cuenta es el espacio entre la a y href.

Al final de la palabra vinculada, simplemente cierre el código con la etiqueta </ a>. Vea a continuación

Guarde y Cierre la ventana HTML. Si la URL es correcta la palabra ahora debe ser enlazada.
Compruebe siempre el vínculo una vez que lo ha codificado. Primero debe guardar su correo electrónico. Luego haga clic en la palabra resaltada.

El código que hemos utilizado es un enlace directo. Esto significa que cuando los usuarios consulten su correo electrónico y hagan clic en el enlace de su navegador les llevará directamente a la URL especificada. Esto tiene sus desventajas. La mayoría de los vendedores de correo le dirán que mantenga a sus clientes en su página, si va a asociar a una fuente externa, un enlace directo los llevará. Sin embargo, si utiliza un enlace directo al final de su correo electrónico o un boletín informativo para llevar al usuario a inscribirse en la caja o la página de destino especial, puede ser exactamente donde usted quiere que vallan.

El siguiente código que vamos a utilizar abrirá el enlace en una nueva pestaña o navegador. Esta es mi forma preferida de vinculación. Si el usuario terminó lo que esta viendo y cierra o se sale de su primera ventana. Déles la opción de alternar entre dos pestañas dejándolos libres de navegar entre su página de origen y el material vinculado. Al final, es una cuestión de lo que funciona mejor para usted.

Abra su Vista de Código de nuevo y encuentre su etiqueta de inicio original. El inicio se escribe igual, pero después de las comillas alrededor de su url vinculados, deje un espacio y escriba directamente = "_blank">. Cada uno de estos elementos es importante y es fácil saltarse un espacio o unas comillas (y no olvidemos subrayar antes de blank (espacio en blanco). Vea a continuación cómo se integra en el código.
Si usted ha ingresado el código correctamente la palabra vinculada no debería ser diferente. Sin embargo, al hacer clic en él ahora debe abrirse en una nueva pestaña o nuevo navegador (dependiendo de la configuración de Internet). Si no es así, vuelva  a Vista de Código y revise de principio a fin. (Al crear este blog me di cuenta de que había escrito originalmente tres t en http.)

Detalles del asunto. Y ahora que he ilustrado cómo utilizar enlaces espero que les dé una oportunidad. Hasta la próxima y que tenga una feliz codificación!

Publicado en Sugerencias & Recursos

Blogs Relacionados