Añade el precio de las Criptomonedas en un Widget en WordPress

En este vídeo vamos añadir el precio de las criptomonedas en nuestra web hecha en WordPress.

Lo mejor de todo es que el precio se refresca en tiempo real sin tener que actualizar el navegador.

Para hacerlo vamos a usar un plugin premium llamado Crypto Price Widget | Premium Cryptocurrency Widgets

Si eres miembro premium lo encontrarás en la zona premium gratis para que lo puedas probar.

Si no estás suscrito a la Zona Premium te puedes dar de alta por 10€/mes aquí

El plugin me ha encantado, tiene un montón de diseños distintos que podemos usar.

Hace tiempo ya hice un tutorial para hacer un blog de criptomonedas con una plantilla específica.

Tutorial en Vídeo

Suscríbete a mi canal:

En la primera parte de este tutorialno vamos a usar una plantilla concreta ya que este plugin funciona con cualquier plantilla.

En la segunda parte del tutorial si que vamos a usar una plantilla concreta, DIVI ya que tiene un layout exclusivo para Criptomonedas, lo veremos un poco más adelante.

Lo primero que tenemos que hacer es instalar el plugin como cualquier otro, vamos a plugins, añadir nuevo y lo instalamos.

Una vez instalado nos aparece en la zona de administración de WordPress el menú Cryptocurrency Widgets con las siguientes opciones:

En cado de los submenús tenemos un formato distinto para añadir las criptomonedas en nuestra web, entre las que podemos elegir están:

Inline
Button
Card
Spark
Leadboard
Table (quotes)
Table(trades)
Portfolio
Comparison
Ticker

La configuración es muy similar en cada una de ellas lo que va a cambiar es el resultado que vamos a obtener.

Para ver como funciona voy a probar la primera opción Inline

Cuando entramos en esta opción para configurarla nos encontramos con la siguiente pantalla de configuración:

Choose Cryptocurrency

Soporta más de 2000 criptomonedas, prácticamente seguro que está la que buscas ;)

En este campo tenemos que elegir que criptomoneda queremos mostrar.

Choose quote (display) fiat currency or other coin

En este campo vamos a elegir la moneda fiat (u otra criptomoneda) con la que queremos ver si subo o baja la criptomoneda que hemos elegido en el primer campo.

Choose a template and color scheme

Aquí vamos a elegir entre los diseños que hay el que más nos guste

Flash when coin price changes

Si queremos que cada vez que cambie el precio nos lo muestre de una forma destacada

Widget preview

Aquí veremos que aspecto tendrá el plugin para ver si es lo que buscamos

Widget shortcode

En este campo aparecerá el código que tenemos que copiar en la página, entrada o widget en el que queremos mostrar la información de las criptomonedas.

La configuración como puedes ver es muy sencilla.

Cada uno de los formatos se configura con la misma dinámica aunque algunos campos pueden cambiar dependiendo de la información que se va a mostrar.

Por ejemplo si queremos configurar nuestro portafolio de criptomonedas la pantalla de configuración sería la siguiente:

Tan sólo ahora para que aparezca en una página, entrada o widget tendremos que pegar el shortcode:

[cryptocurrency_widget type="portfolio" symbol="BTC~USD,ETH~USD" price="5500,120" quantity="0.56,1.48" template="basic" color="default" fields="FROMSYMBOL,NAME,PRICE,PORTFOLIOABSCHANGE,PORTFOLIOPCTCHANGE,PORTFOLIOVALUE" flash="1"]

Lo bueno que tiene este plugin es que no sólo funciona de forma separada, podemos añadirlo entro de un párrafo para que aparezca más integrado y recordemos que cambia en tiempo real de forma continua: