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
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:
Y el formato de las tablas es muy atractivo:
Diseño de web de criptomonedas con DIVI y Cryptocurrency Widgets
Cómo hemos comentado anteriormente este plugin funciona con cualquier plantilla pero con algunas luce mejor que con otras 😉
Concretamente con DIVI queda genial ya que tiene un Layout exclusivo para criptomonedas.
El layout lo puedes descargar de la zona premium si eres miembro o descargarlo desde el propio Divi si tienes comprada la plantilla.
En el vídeo puedes ver el resultado final y en esta imagen una pequeña demostración:
Espero que os haya gustado ;)
