Cómo Crear una Tabla Comparativa en WordPress

tabla comparativa en wordpress con tablepress

No fue sino hasta que me di cuenta que las tablas comparativas son lo que mejor convierte en mi página web que me volví bastante obsesionado con crear y colocar tantas como pueda en mis revisiones y guías de compra.

En esta entrada te explicaré cómo crear tablas comparativas en WordPress para comenzar a disparar las ganancias de tu web y multiplicar hasta por 3 veces las ganancias de tu página nicho.

¿Qué es una Tabla Comparativa?

Una tabla comparativa es un recurso gráfico que muestra información importante sobre los productos o servicios que se ofrecen en nuestras páginas webs.

tabla comparativa con tablepress en wordpress

Tal y como dije arriba, las tablas comparativas son las que mejor convierten (y por mucho) en mis páginas nicho de afiliación.

Eventos Analytics 4

¿Ves la imagen de arriba? Se trata de las etiquetas que consiguen más eventos en mi página nicho (aquí publiqué más información sobre cómo configurar los eventos).

La etiqueta “Ver Precio” es la que utilizo en mis tablas comparativas por lo que puedes ver que sólo ese recurso atrae más del 30% de los clics que recibe amazon a través de mi página web.

No tengo forma de saber cuál es el porcentaje de esos clics que se transforma en ventas pero te puedo asegurar que muchísimo del dinero que genero día a día es gracias a esos recursos.

Ya que sabes la importancia de las tablas comparativas en tu página web, a continuación te enseñaré la mejor forma de crearlas totalmente gratis.

Crear Tablas Comparativas en WordPress Gratis: TablePress

Para crear tablas comparativas en WordPress hay bastantes plugins, algunos son premium y otros son totalmente gratuitos.

Actualmente estoy usando un plugin gratuito y me parece que es la mejor opción disponible para los que recién comenzamos en este mundo, se trata del plugin llamado TablePress.

Empecemos 🙂

Paso 1: Instalar TablePress

El primer paso es instalar TablePress en WordPress, puedes instalarlo como cualquier otro plugin.

Puedes ir a Plugins > Añadir Nuevo y escribir “TablePress” en el buscador.

instalar tablepress

Presionas en Instalar y luego en Activar, con eso ya deberías tener listo para usar el Plugin.

Paso 2: Crear Tablas Comparativas en WordPress con TablePress

Para crear una tabla comparativa con TablePress debes seleccionar en el menú TablePress > Agregar Nueva Tabla.

crear tabla comparativa con tablepress

En la página que se abre debes colocar un nombre para tu tabla y una descripción, además debes colocar el número de filas y columnas que deseas para tu tabla comparativa (no te preocupes por el número exacto, luego puedes agregar o eliminar filas y columnas).

Paso 3: Editar Tablas Comparativas en TablePress

En la próxima página puedes editar la tabla comparativa antes de colocarla en tu página, la verdad es que todo es bastante intuitivo en cuanto a agregar tu contenido.

En este punto me quiero detener en dos tips importantes, intentaré dejarlo todo explicado a continuación:

¿Cómo insertar Imágenes en TablePress?

El editor de las casillas es bastante sencillo, no hay ninguna opción aparente para colocar imágenes a menos que escribas a mano el código HTML de las mismas.

Pues hay una opción “oculta” para hacerlo, es tan fácil como dejar presionado en tu teclado Shift y hacer clic en la celda que quieres editar, al hacer eso se abrirá un Popup con el editor avanzado de WordPress, luego es más fácil insertar las imágenes.

Otra opción es utilizar los botones que están debajo en el cuadro de “Manipulación de la Tabla”.

insertar imagenes en tablepress

¿Cómo Agregar/Eliminar filas o columnas en TablePress?

Agregar o eliminar filas y columnas en TablePress es bastante sencillo, basta con seleccionar el ckeckbox correspondiente a lo que quieras agregar/eliminar:

agregar filas y columnas en tablepress

Y luego utilizar los botones disponibles en “Manipulación de la Tabla” para Agregar, Eliminar, Mostrar, Ocultar o Duplicar las filas y columnas.

eliminar filas y columnas en tablepress

Paso 4: Insertar Tablas Comparativas de TablePress en WordPress

Una vez terminada de configurar tu tabla comparativa es momento de agregarlas en tus entradas y páginas, para hacerlo sólo tienes que copiar el shortcode correspondiente e insertarlo justo donde quieras que aparezca tu tabla.

insertar tablas comparativas tablepress

Buuum! Con eso ya tienes lo mínimo necesario para comenzar a crear tus tablas comparativas en WordPress.

Ahora te colocaré las respuestas de algunas de las consultas más comunes que me he encontrado en internet sobre TablePress.

Cómo Editar el Color de los Encabezados en TablePress

Por defecto los encabezados de TablePress son de color azul un poco feo, para cambiar los colores de la tabla debes saber algo de CSS. Si no lo sabes no te preocupes demasiado, es bastante fácil y pienso ayudarte.

Lo primero es entrar en TablePress > Opciones de Extensión:

Luego tienes que colocar el siguiente código CSS en el recuadro grande que aparece ahí:

table.tablepress tr.row-1 th {
background: #6dbb27; /*EL COLOR DEL ENCABEZADO*/
}
table.tablepress tr.row-1 th:hover {
background: #19523f; /*EL COLOR DEL ENCABEZADO CUANDO EL CURSOR ESTÁ ENCIMA DE LA CELDA*/
}

Ahí debes cambiar #6dbb27 y #19523f por los colores que desees para tu tabla.

Estos colores puedes colocarlos en formato RGB o Hexadecimal

Ventajas de Usar TablePress

  • Crear Tablas comparativas es totalmente gratis
  • El editor de tablas es bastante intuitivo y fácil de utilizar
  • Puedes crear infinitas tablas comparativas
  • Si conoces algo de CSS puedes ajustar el aspecto visual de tus tablas

Desventajas de TablePress

  • Las funciones de este plugin son algo limitadas
  • A pesar de poder editar el estilo, no es nada intuitivo hacerlo
  • Se extrañan cosas útiles para afiliados como rating con estrellas, botones, etc.
  • Las tablas son muy poco Responsive (No se ven demasiado bien en dispositivos móviles)

Conclusiones Sobre las Tablas Comparativas en WordPress

Si tienes una página web monetizada por afiliación y no tienes una tabla comparativa, tengo que decirte que estas dejando de ganar miles de dólares al mes.

Mi recomendación es que crees tantas tablas comparativas como puedas, procura siempre colocarlas por encima de todo tu texto, aprovecha lo geniales que son para convertir e intenta que sean bastante “clickeable” para los usuarios que te visitan.

¿Tienes alguna duda sobre TablePress o sobre las tablas comparativas en WordPress? Puedes hacerme cualquiera que tengas abajo y procuraré responderte de inmediato.

Gracias por leer 🙂

Entradas Relacionadas

Tutorial de Payoneer y Cómo Hacer Cobros Online Al ser de Venezuela, una de las cosas que más me preocupaba antes de comenzar con mis Páginas Nicho de Afiliación era saber cómo cobrar mis ganancias. Afortunadamente tenía la respuesta en una cuenta ...
Cómo crear enlaces de Afiliados en WordPress Si quieres hacer dinero con tu blog mediante la afiliación sabrás que tienes que colocar enlaces en tus entradas o páginas, la manera fácil de hacerlo es copiando y pegando los enlaces directamente en...
¿Qué es Una Página Nicho de Afiliación? Hola otra vez lector, este es el tercer artículo que publico en mi blog, esta vez vengo a responder una pregunta que supongo algunos tendrán todavía: ¿Qué es Una Página Nicho de Afiliación?. No se ...
¿Se Puede Posicionar una Página Web Sin Enlaces?... Conseguir enlaces de otras webs que apunten hacia nuestra página es importante de cara al posicionamiento en los buscadores, debo decir que dedico muy pocos recursos (tiempo y dinero) en conseguir enl...

8 respuestas a “Cómo Crear una Tabla Comparativa en WordPress”

  1. Gabriel dice:

    Excelente post y agradable diseño. He encontrado tu página tras haberte leído en un post reciente de Dean Romero.

    En lo particular, desconocía este plugin y es una muy interesante herramienta para monetizar la web.

    Gracias por tu aporte.

    Un saludo.

    • Mijael dice:

      Que hay Gabriel? Un placer tenerte por aquí! Espero que te pases más seguido cuando decida publicar más cositas.

      En cuanto a TablePress es una opción increíble para monetizar las páginas webs de afiliación… Además es gratuita.

      Como digo en la entrada, creo que perdí la cuenta de cuantos euros me hizo ganar este plugin. Recomendado 100%

      Saludos amigo!

  2. jon dice:

    Muy buenas, me gustaría hacerte dos preguntas. En la primera columna siempre me queda todo muy pegado a la izquierda y en la tuya queda un pequeño margen, lo modificas en algún lugar o te sale así?
    ¿Por otro lado, me gusta mucho la plantilla de este blog y va muy rapida, te importaria decirme cual es? Muchas gracias y buen trabajo, sigue así.

    un saludo

    • Mijael dice:

      Que tal Jon! Un placer tenerte por aquí.

      En cuanto a tu primera pregunta, creo que le he colocado lo siguiente a la tabla:
      table.tablepress tr th {
      text-align: center;
      }
      Arriba puedes ver donde agrego el CSS a las tablas.

      En cuanto a la segunda pregunta, no te puedo decir de donde he sacado la plantilla para este blog porque la hice yo desde el absoluto cero, no trabaja con ningún framework como génesis o algo parecido. Entonces creo que no puedes tenerla.

      Me alegro que te guste! Y te espero por el blog más seguido… 2018 pinta a ser un gran año para el blog! Ya verás..
      Saludos!

  3. Juan Carlos dice:

    No me queda muy claro como se hace la etiqueta ver precio, ¿se hace a través del plugin pretty link?

    • Mijael dice:

      Hola Juan Carlos.

      El botón de Ver Precio es un enlace común y corriente sólo que le he dado estilo utilizando el CSS de mi tema.

      En tu caso puedes hacerlo de la misma manera o utilizando plugins editores como Shortcode Ultimate.

      Saludos y gracias por pasar!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *