La pequeña caja que aumentó mi CTR en todo.

Eddy PfoccoriActualizado por Cisco Pfoccori el 9 de agosto de 2021

cuadro blockquote

Hace unos meses modifiqué mi código de citas en bloque de WordPress para hacer una pequeña caja verde. No es nada sorprendente, pero desde entonces lo he usado en varios lugares con bastante éxito.

Ha aumentado mi tasa de clics para algunos afiliados en un 2-3%.

Ha llamado la atención sobre publicaciones antiguas que quiero resaltar.

Sin embargo, lo mejor de todo es que ha aumentado drásticamente mis registros de correo electrónico cuando lo he usado en una publicación para promocionar mi lista de correo.

En esta publicación te mostraré cómo hacer uno en solo cinco minutos y luego hablaré sobre cómo aprovecharlo al máximo en tu blog.

¡Cosas prácticas, yo!

¿Cómo es esta cajita?

Muy bien, así es como se configura el pequeño cuadro para que se vea en este sitio.

Aquí hay un ejemplo. Es una forma agradable de llamar la atención sobre un enlace o simplemente hacer un anuncio sobre algo que está sucediendo en tu blog. Estoy seguro de que hay muchas formas de utilizarlo.

Ahora, lo bueno de esto es que podemos usar la hoja de estilo en WordPress para cambiar un montón de elementos como:

  • el color de fondo
  • el borde (discontinuo, punteado, línea continua)
  • el color de la línea
  • el ancho y el espaciado
  • etc

Entonces, ¿cómo se hace uno? ¡Estoy llegando a eso!

Cómo hacer un cuadro alternativo de blockquote

Muy bien, como mencioné al comienzo de la publicación, este pequeño chico malo es una cita en bloque alternativa que se hace usando su hoja de estilo de WordPress.

Implica un poco de ajuste de código, pero en realidad es solo una cuestión de copiar y pegar, por lo que no debería causarle demasiados dramas.

Si alguien conoce una forma mejor, hágamelo saber. Siempre con ganas de aprender.

1. Haga una copia de seguridad de su hoja de estilo original

Antes de realizar cambios en su hoja de estilo, siempre debe copiar el original y guardarlo en un lugar seguro. A veces comete errores y si no tiene mucha experiencia con la codificación, tendrá dificultades para recuperarla de la manera correcta.

Simplemente inicie sesión en WordPress y vaya a Apariencia> Editor> Hoja de estilo y luego copie el código en un documento del Bloc de notas o algo así.

2. Encuentra tu código blockquote

El siguiente paso es encontrar su código actual de blockquote. Simplemente permanezca en la hoja de estilo y presione Control F (Comando F para Mac) y escriba “blockquote”. Encontrará el código para que no tengas que desplazarte.

Así es como se ve el mío:

blockquote

Esta es la cita en bloque normal que aparece en mi blog cuando quiero citar a alguien. Tiene las comillas pequeñas y no se parece en nada al cuadro verde de arriba. Entonces, el siguiente paso es modificar ese código para que se vea como lo desea.

3. Copie el código y péguelo a continuación para crear un segundo.

El siguiente paso es copiar su código blockquote y pegar el nuevo directamente debajo del anterior. Luego, cambia el nombre de la parte del título por algo nuevo. Eche un vistazo a continuación, donde he cambiado el nombre del mío “blockquote.new”.

segundo bloque

Así que ahora tu código tiene dos citas en bloque para que elijas.

4. Cambia el diseño del nuevo.

Ahora necesita hacer un poco de codificación y cambiar el diseño de su nueva cita en bloque. Esto es mucho más fácil de lo que parece. Básicamente, tiene una serie de cosas que puede cambiar cuando se trata de codificación CSS. Los principales son borde, margen, relleno, color de fondo y fuente.

Aquí hay algunos que puede probar a continuación:

cambios de blockquote

Las posibilidades son infinitas aquí, así que use un sitio como W3 Schools para ver qué funciona y qué no. Además, una tabla de colores HTML como esta es muy útil.

5. Usa la cita en bloque en una publicación.

Ahora que ha codificado a su nuevo bebé, puede usarlo en sus publicaciones y páginas simplemente usando las mismas etiquetas blockquote pero haciendo referencia al pequeño nombre nuevo que le dio. En este ejemplo harías:

Tu texto va aquí.

Cómo aprovechar al máximo el cuadro blockquote

Aquí hay algunas pequeñas cosas a considerar al usar a este pequeño niño malo en su blog.

1. No exageres

Por favor, no use este recuadro en cada publicación y todo el tiempo. Parte de la razón por la que es tan eficaz es porque sus lectores no lo ven a menudo y se destaca del resto de su contenido. Si lo usa con regularidad, las personas desarrollarán “ceguera” hacia él.

2. No copies el mío

Ahora, queremos que esto se destaque, pero no queremos que sea tan diferente que parezca un anuncio o algo que no es parte de su sitio. Mantenga las fuentes iguales y asegúrese de que los colores se ajusten bien, incluso si son diferentes al resto de su marca. No se limite a copiar el mío, no encajará con su sitio.

3. Pruébalo

Como siempre, no asuma que lo primero que hace es trabajar. Pruebe diferentes colores y mida no solo cuántos clics recibe, sino también cuántos de esos clics se están convirtiendo en registros y ventas.

4. Recuerda la copia

No asuma simplemente que porque tiene una bonita caja colorida obtendrá clics. Asegúrese de crear una copia convincente que incluya cosas como pruebas sociales, escasez, etc. ¡Pruébalo también!

5. Déjelo caer si no funciona

Este tipo de pequeños trucos son maravillosamente emocionantes cuando encuentras otros nuevos. Me entusiasma mucho implementar cosas como esta en mis blogs. Pero también debe estar preparado para dejarlo pasar si no funciona o si recibe muchas quejas.

¿Lo intentarás?

Me encantaría saber si te parece interesante este tipo de cosas. Siempre estoy jugando con ideas como estas y pensé que tal vez podría compartir más, tal vez cada fin de semana, si es algo que le interesa.

¿Lo intentarás? Házmelo saber en los comentarios a continuación.

Deja un comentario