Tabla de contenido
Una vez más aquí. Hoy vengo a corregir algo sobre lo que se me han quejado hoy. El caso es que hace como un mes, me tomé la libertad de «replicar» (enlace de por medio) un artículo sobre este plugin para Wordpress que me perece muy bueno, pero hoy el creador de ese contenido me ha pedido que retirase aquel post … parece que no le hizo gracia. Mi intención tan solo era la de tener a mano los shortcodes que se pueden utilizar en el plugin AAWP, pero como se me pidió que lo retirase, pues retirado queda.
Así que ahora me voy a limitar ver cómo instalar el plugin en Wordpress y a «replicar» las plantillas que aparecen en la documentación oficial de AAWP, limpiando la paja y quedándome solo con lo que a mi me resulta útil, para seguir teniendo los shortcodes a mano, sin necesidad de tener que recurrir a otras páginas.
Instalar el plugin AAWP en Wordpress
Antes de ver las plantillas, resulta evidente que para utilizar este plugin en nuestra instalación de Wordpress, es necesario comprar una licencia. Las licencias tienen un precio diferente según la cantidad de sitios en la que queramos utilizar el complemento. Para obtener una copia, solo será necesario dirigirse a la página web oficial. Este plugin lo vamos a encontrar traducido al Español.
Tras la instalación en nuestro Wordpress tendremos que activarlo usando la licencia que encontraremos en nuestro panel de la página web del plugin. Concretamente en la pestaña ‘Licenses‘.
La cuenta de Afiliados de Amazon
Algo que también es imprescindible para que este plugin de afiliados funcione, es trabajar con la API de Amazon. Esta es la que permitirá conectarse al plugin a tu cuenta de afiliados de Amazon para poder mostrar todos los datos de los productos.
Como todo el que ha querido montar una tienda de afiliados de Amazon sabrá, para obtener las credenciales API, es necesario haber vendido con nuestro ID al menos 3 productos en 180 días (o algo así era cuando yo creé mi cuenta de afiliados hace unos años), y cumplir con los requisitos exigidos por Amazon.
Si ya cuentas con acceso a la API , tan solo es necesario entrar en tu cuenta de afiliados, y desde el menú superior dirigirte a Herramientas > Product Advertising API. Una vez dentro, hay que bajar hasta encontrar el apartado llamado Gestionar tus credenciales. Ahí se puede ver un botón que podremos Añadir credenciales para utilizarlas en el plugin.
Conectar el plugin con la API de Amazon
Tras instalar el complemento de la misma forma que instalamos cualquier otro plugin, en el menú lateral de Wordpress, aparecerá un nuevo menú con el nombre AAWP. Aquí es a donde tenemos que dirigirnos para activar la licencia que acabamos de copiar de la página web del plugin. Esta se va a pegar en el campo que encontraremos en la pestaña «Licencia«. Después de pegar el número de licencia solo queda pulsar el botón «Verify License«. Esto debería hacer que aparezca el mensaje «Site activated» en la sección Estado.
Lo siguiente que haremos será movernos hasta la pestaña Amazon API. Ahí dentro veremos una barra de estado que indicará la desconexión del plugin, junto con dos campos a rellenar, que son API Key y API Secreet.
Aquí es dónde tendremos que pegar los datos que nos acabamos de descargar desde la página de Amazon Afiliados. Antes de darle a conectar es necesario escoger el país de la cuenta API que estás conectando, y escribir el ID de seguimiento de Amazon Afiliados que vas a enlazar a esta web. Este ID lo hemos creado al tiempo que creamos la cuenta de afiliados.
Después de todo lo anterior, ahora sí que ya podemos pulsar en Conectar y comenzar a utilizar el plugin AAWP. Aun que siempre resulta interesante perder un poco de tiempo en configurar las opciones del plugin, las cuales se pueden encontrar disponibles en las pestañas del complemento.
Una descripción general de AAWP
El código ASIN
Antes de nada, es importante tener claro qué es el código ASIN. Este fue creado por la empresa Amazon para identificar sus productos. Toma su nombre del inglés «Amazon Standard Identification Number«. Es un código alfanumérico de 10 caracteres que podemos encontrar de forma muy sencilla en la URL de los productos que se pueden encontrar en Amazon.
Además este código también se puede encontrar en la información del producto que muestra la página de Amazon.
Este código ASIN va a ser el que tendremos que añadir a los shortcodes para que se muestren los productos que nos interesan.
Descripción general de todos los shortcodes disponibles y sus atributos
En la documentación de este plugin para Wordpress se puede encontrar una descripción general de todos los shortcodes disponibles y sus atributos. Estos son de utilidad si queremos darle una personalización mayor a la que nos ofrece por defecto el plugin.
Enlaces de texto
Al usar el atributo de código abreviado ‘link‘, se puede colocar fácilmente enlaces de texto de productos de Amazon. El shortcode básico que podemos usar es el siguiente:
[amazon link="B07Z9GMRLV" /]
Personalizar el enlace
Estos enlaces de texto se pueden personalizar de forma bastante sencilla. Si nos interesase configurar el atributo del titulo del enlace, tan solo tendremos que añadir la opción ‘link_title‘ al shortcode. Por supuesto, también se pueden combinar múltiples ajustes de shortcode como ‘title‘ y ‘link_title‘.
[amazon link="B07Z9GMRLV" title="Diablo X-Horn Silla Gaming" link_title="Una silla para tu culo" /]
Selecciona un icono para el enlace
Además se puede definir el icono que puede aparecer junto a un enlace que se muestren en pantalla. Podremos elegir un icono utilizando la opción ‘link_icon’ de la siguiente forma:
[amazon link="B07Z9GMRLV" link_icon="cart"/]
Los valores disponibles para el esta opción son: none, amazon, amazon-logo, cart.
Cajas de productos
Al usar el atributo box con el shortcode se pueden mostrar cuadros individuales para uno o varios productos.
Caja de un solo producto
La opción más básica de las caja de productos sería la siguiente:
Y el shortcode a usar sería:
[amazon box="B084J4MZK6" template="horizontal"/]
Por defecto, el plugin utiliza la opción templete con el valor «horizontal». Para colocar cajas de productos en widgets de creación de páginas, la plantilla «vertical» debe ser la elección.
[amazon box="B084J4MZK6" template="vertical"]
Mostrar varios productos
Utilizando estos shortcodes, también podremos mostrar varios productos. Tan solo hay que añadir los ASIN de los productos separados por comas:
[amazon box="B084J4MZK6,B085M6N2XM"/]
Entre las opciones de configuración de estos shortcodes podemos usar un título personalizado añadiendo la opción ‘title‘ de la siguiente forma:
[amazon box="B084J4MZK6" title="Un título personalizado para el producto"/]
También podremos añadir una descripción personalizada con la opción ‘description‘.
[amazon box="ASIN" description="Aquí va la descripción personalizada"/]
Otra posibilidad de personalización será la de modificar el texto del botón con la opción ‘button_text‘.
[amazon box="ASIN" button_text="Texto para el botón"/]
Además se puede usar un tooltip personalizado en el enlace del producto con la opción ‘link_title‘.
[amazon box="ASIN" link_title="Toltip para el título del producto"/]
También se puede mostrar un botón adicional dentro de una caja de producto. Esto puede ser muy útil cuando se hace referencia a un enlace interno/externo que contiene un informe de prueba del producto:
[amazon box="ASIN" button_detail="http://entreunosyceros.net/lolailo/"/]
Cuadrículas
Si nos interesa mostrar diferentes productos, uno al lado de los otros, podemos optar por añadir la opción ‘grid‘ al shortcode. El valor de esta opción será el número de productos que se mostrarán en la misma fila.
[amazon box="B08NTYB4M7,B07XYPXB9P,B07GG2VNW9" grid="3"]
Tablas
Para mostrar una tabla con productos a nuestra elección, no hay más que realizar la búsqueda de lo que queramos mostrar, mediante las palabras clave que se escriben después como valor de bestseller, y añadir a la opción template el valor ‘table‘.
[amazon bestseller="motherboard" items="3" template="table"]
Listas
El plugin también nos va a permitir crear nuestras propias listas de productos añadiendo los ASIN de cada uno de ellos junto al valor ‘list‘ en la opción template.
[amazon box="B01L6L46LK,B01L6L451Q,B00F35N0VI,B01GG8LLG6" template="list"]
Bestseller (listas)
Al utilizar el bestseller de atributos de shortcode, puede mostrar una lista automatizada de los productos más vendidos de una categoría de producto específica. Para utilizar este shortcode será necesario utilizar los términos de búsqueda o palabras clave.
[amazon bestseller="Android box" items="3"]
Al agregar el atributo ‘items‘, podemos especificar la cantidad de productos que se mostrarán. La cantidad predeterminada es 10.
Nuevos Lanzamientos (Listas)
Al usar la opción new, se puede mostrar una lista automatizada de los productos más nuevos para una categoría de productos específica.
Para mostrar una lista de nuevos lanzamientos relacionados con las palabras clave que utilicemos, solo va a ser necesario utilizar un shortcode como el siguiente:
[amazon new="imac" items="3"]
Como ocurría en el ejemplo anterior, al añadir el atributo ‘items‘, podremos especificar la cantidad de productos que se mostrarán. La cantidad predeterminada es 10.
Tabla comparativa
Crear una tabla comparativa de productos requiere un poco más de trabajo que lo visto hasta ahora (pero tampoco mucho más, como muestran en la documentación del plugin). Para empezar tendremos que dirigirnos al elemento de menú ‘AAWP‘ en la barra de navegación izquierda de WordPress y luego en el subelemento ‘Tablas‘.
En la página de la tabla de comparación, haremos clic en ‘Add new‘ en la parte superior para agregar una nueva tabla. Esto nos llevará a una pantalla como la siguiente:
En la parte superior es el lugar en el que vamos a asignar un título a la tabla. Este nombre es solo para fines internos. En cualquier caso, siempre es interesante utilizar un título significativo para que nos pueda resultar orientativo cuando tengamos varias tablas creadas.
Una vez creada la tabla, vamos a añadirle contenido. Esto podremos hacerlo utilizando el código ASIN que hemos utilizado hasta ahora. Además también podremos usar el buscador integrado que tiene AAWP. Tan solo hay que pulsar en el botón Search for product(s) y se abrirá una ventana como esta:
Basta con que pinchar encima de los que quieras añadir y pulses el botón Confirm Selection que aparecerá debajo. Hay que recordar que las tablas grandes son incomodas de ver, y que en un móvil no se verán unos productos al lado de otros. Por eso en este caso, menos es más…
Hasta ahora solo escogimos los productos de los que queremos mostrar, el siguiente paso será escoger la información que quieres comparar entre cada uno de los productos seleccionados.
En la pestaña general de gestión de tablas, veremos un botón que se llama «Rows«. Ahí es donde se se definirán las filas de las tablas.
Aparecerá un campo vació para escribir el título de la fila (que será el que se muestre en tu artículo) y para escoger el tipo de dato que quieres mostrar. Como se puede ver en la captura de pantalla anterior, hay muchos que se autocompletarán solos (título, imagen o thumbnail del producto, precio, botón de compra…) y otros que podrás completar a mano.
Una vez que decidas todas las filas que tienes, AAWP te permitirá sobreescribir el valor de cada uno de estos campos de forma individual. Cuando tengamos terminada la tabla, solo queda hacer clic en el botón «Publicar». Al hacerlo veremos que hay un shortcode encima de este botón. Este es el shortcode que tendremos que utilizar en los artículos en los queramos que aparezca la tabla.
La gente que ha creado este complemento para Wordpress, también han grabado un vídeo en el que explican de forma bastante clara cómo trabajar con las tablas comparativas.
Personalizar
Debido al hecho de que este complemento viene con sus propias plantillas y estilos, funciona bastante bien con todos los temas gratuitos y premium. Si encuentras problemas inesperado o si tu tema sobrescribió algunos de los estilos de los complementos, la mayoría de las veces esto se puede arreglar usando un pequeño fragmento de CSS. Este resulta especialmente útil si utilizas una versión AMP, ya que en mi caso, ciertos shortcodes no se mostraban de forma correcta y los solucioné de forma más o menos decente con un poco de CSS.
Se pueden incluir estos estilos gracias al campo ‘CSS Personalizado‘ que se encuentra dentro de la pestaña ‘Salida‘ que hay en el menú superior del plugin, el cual encontraremos dentro del campo Ajustes del plugin AAWP.
Como se puede ver, AAWP tiene muchas posibilidades, y si tienes claro las posibilidades de venta, es un complemento fantástico para ahorrarte cierto trabajo. Aun que lo más importante sigue siendo el contenido de la página. Esto tan solo es lo que a mi me resulta más útil, pero se pueden consultar todas las opciones disponibles en la documentación oficial.