En otras entrada he hablado ya de diferentes tipos de productos que maneja WooCommerce, como los productos variables o los productos agrupados. Siguiendo la serie hoy vamos a ver algunas cosas sobre los productos externos o afiliados en WooCommerce.
Y no sólo voy a hablar de qué son o como crearlos (lo cual es bastante sencillo) sino que veremos algunos trucos útiles para mejorar su visualización y el manejo de este tipo de productos en una tienda, especialmente en tiendas de afiliado, que es para lo que están pensados los productos externos.
Tabla de contenidos
Qué son los productos externos o afiliados
Y por empezar por lo más básico, vamos a ver qué son los productos externos o afiliados de WooCommerce. Aunque tampoco hay que tener una bola de cristal para adivinarlo, basta con el propio nombre.
Los productos externos o afiliados son productos que ofrecemos en nuestra tienda pero que no vendemos nosotros directamente, sino un comercio externo a nosotros (de ahí lo de externo).
¿Y por qué iba yo a vender productos de otro comercio en mi tienda? Bueno, pues porque eso se hace a cambio de una comisión, y de ahí lo de productos afiliados (ya que se utiliza el marketing de afiliación).
Produtos externos o afiliados en WooCommerce
En lo que a WooCommerce respecta, la cosa es bastante sencilla. Básicamente el producto se crea como cualquier otro producto, pero a la hora de indicar los datos del producto seleccionamos en el desplegable Producto externo/afiliado.
Esto provoca algunos cambios en la caja de datos del producto, como puedes ver en la imagen:
Para empezar, vemos que hay un nuevo campo en el que introducir la URL del producto que, como su propio nombre indica, sirve para poner la dirección en la que se encuentra el producto externo.
Evidementemente si estamos haciendo marketing de afiliación ahí tendremos que poner nuestro enlace de afiliado, de forma que la plataforma nos asigne la comisión por las ventas que se realicen.
Además, como el botón Añadir al carrito dirigirá al visitante fuera de nuestra web, en este caso WooCommerce nos permite elegir el texto del botón. Ya sabes que si quieres cambiar el texto de este botón para cualquiera de los otros tipos de producto puedes usar el plugin del repositorio de WordPress Add to Cart Button Custom Text, desarrollado y mantenido por mí mismo.
Por lo demás, un producto externo/afiliado tiene otras características precisamente por ser este tipo de producto:
- Puede tener atributos, pero no usados para variaciones (puesto que en ese caso sería un producto variable).
- No tiene gestión de inventario (ya que no es un producto de nuestro comercio), y al designar el producto como externo todas las opciones de la pestaña Inventario desaparecen, a excepción del SKU.
Hacer que un producto externo se abra en una nueva pestaña
Como decía antes, cuando un usuario pincha sobre el botón Añadir al carrito en un producto externo/afiliado es dirigido a la URL correspondiente que hayamos establecido como la del producto en cuestión, es decir, abandona nuestra web.
Sin embargo hay una pega, y es que no lo hace en una nueva pestaña del navegador, sino en la misma por la que estaba navegando, por lo que posiblemente cuando el visitante pinche ese botón lo habremos perdido, y quizá lo que nos interese es que no pierda de vista nuestra web.
Bien, vamos a ver qué opciones tenemos para cambiar esto.
Modificar el código de WooCommerce
La primera de ellas es modificar el código para que al pulsar este botón en un producto externo, el enlace se abra en una nueva pestaña. Esto es bastante sencillo, sólo tienes que ir al archivo /wp-content/plugins/woocommerce/templates/single-product/add-to-cart/external.php y realizar una pequeña modificación.
Si lo abres (con cualquier editor de texto plano) verás que tiene muy poquito contenido, y la mayor parte es comentado (es decir, entre los símbolos /* y */). Sólo tienes que buscar la línea:
<a href=»<?php echo esc_url( $product_url ); ?>» rel=»nofollow» class=»single_add_to_cart_button button alt»><?php echo esc_html( $button_text ); ?></a>
y sustituirla por:
<a target=»_blank» href=»<?php echo esc_url( $product_url ); ?>» rel=»nofollow» class=»single_add_to_cart_button button alt»><?php echo esc_html( $button_text ); ?></a>
Desde este momento cuando el visitante pulse el botón Añadir al carrito irá al producto externo, pero en una nueva pestaña. Sin embargo no basta con hacer eso, ya que si lo dejas así cuando se actualice WooCommerce perderás los cambios que has realizado, ya que la nueva versión sobreescribirá tu archivo modificado.
Lo que tienes que hacer es ir a la carpeta de la plantilla que estás utilizando y crear una carpeta llamada woocommerce (si no existe ya), y dentro de ella la misma ruta al archivo que has modificado, es decir, /wp-content/themes/tu-plantilla/woocommerce/templates/single-product/add-to-cart/.
Y una vez creada, copiar dentro de este directorio el archivo external.php que has modificado. En lo sucesivo no se sobreescribirá con las actualizaciones, y el botón Añadir al carrito de los productos externos/afiliados se abrirá siempre en una nueva pestaña.
Mediante un plugin
Como alternativa tienes el plugin WooCommerce Improved External Products, que te permite hacerlo a través de una pantalla de opciones en Ajustes > Improved External Products.
Al instalarlo se activa esta pantalla de opciones que te permite seleccionar si quieres que los productos externos se abran en la misma pestaña o en una pestaña nueva. Incluso te ofrece una plantilla por si quieres personalizar el código del botón para añadirle estilos propios.
Vídeo: usando Improved External Products para abrir los productos externos en una nueva pestaña
Disimular los enlaces de afiliados
La segunda petición que más me encuentro en relación a este tipo de productos es la de ofuscar el enlace de afiliado. No se trata de engañar al visitante (que ni gana ni pierde con un enlace de afiliación) sino disimular esos enlaces que a menudo son kilométricos y llenos de parámetros.
Esa solución también nos la ofrece un plugin, esta vez Pretty Link Lite, que nos añade una nueva sección en la parte inferior del menú de administración en la que puedes añadir y gestionar tus enlaces de afiliado.
Lo que hace este plugin es permitirte establecer direcciones del tipo http://www.tudominiochulo.com/loquequieras/producto, y Pretty Link Lite realiza una redirección hacia el enlace de afiliado que tú hayas establecido.
Es muy sencillo, sólo tienes que ir a Pretty Link > Add New Link, y verás los siguientes campos:
- Target URL, donde tienes que poner tu enlace de afiliado (es la URL a la que finalmente será dirigido el visitante).
- Pretty Link, que es el enlace «bonito» que vas a crear. Obligatoriamente empieza por tu dominio, pero después puedes crearlo libremente (no puede terminar en «/»).
- Title, donde puedes poner un nombre al enlace. Es sólo para tu referencia, para que después puedas buscar y localizar fácilmente el enlace que necesites entre todos los que vayas creando.
Aún tiene algunas otras opciones, algunas de ellas muy útiles, como crear el enlace como nofollow, llevar estadísticas del enlace (cuántas veces se visita), etcétera.
Conclusión
Pues parecía que no, pero ya ves que había algunas cosas interesantes que decir sobre los productos externos/afiliados de WooCommerce. ¡Y más cosas que me he dejado en el tintero!
Y si tienes alguna duda, comentario o pregunta, sobre esto o sobre cualquier otro tema relacionado con WordPress o con WooCommerce, me tienes a tu disposición tanto en los comentarios como a través del formulario de contacto.