¿Necesita incrustar Hojas de cálculo de Google en WordPress? En esta publicación, le enseñaremos cómo agregar datos de Hojas de cálculo de Google a WordPress de dos maneras:
- Gráficos visuales : use una hoja de cálculo de Hojas de cálculo de Google para generar gráficos de barras, gráficos de líneas, gráficos circulares y muchos otros formatos.
- Tablas : inserte una hoja de cálculo de Google Sheets como una tabla receptiva, junto con funciones útiles como búsqueda y filtros.
Le mostraremos paso a paso cómo hacer esto utilizando el complemento Visualizer gratuito, no se requiere código.
Cómo Visualizer te ayuda a insertar Hojas de cálculo de Google en WordPress
Divulgación completa: Visualizer es un complemento de Themeisle. Le permite extraer datos de Hojas de cálculo de Google ( y otras fuentes ) y transformarlos en un gráfico o tabla de aspecto profesional en su sitio de WordPress.
Además de crear tablas de datos básicas , Visualizer también le brinda acceso a una amplia gama de gráficos y estilos de tablas. Todo lo que tiene que hacer es formatear los datos de una manera que el complemento pueda entender, y generará gráficos listos para usar para usted:
Visualizer también puede ayudarlo a incluir tablas con funciones avanzadas como paginación, búsqueda interna y filtrado. Eso significa que incluso si los datos que está importando ya usan una tabla, el complemento aún puede ayudarlo a que sea más fácil de usar.
Con la versión premium , incluso puede sincronizar automáticamente los gráficos: a medida que actualice sus datos en Hojas de cálculo de Google, esos cambios se sincronizarán automáticamente con su sitio de WordPress.
Cómo agregar Google Sheets a WordPress usando Visualizer (en tres pasos)
Si quieres seguir este tutorial, necesitarás dos cosas:
- Sus datos existentes en Hojas de cálculo de Google.
- El complemento Visualizador gratuito . Deberá instalarlo y activarlo antes de continuar con el tutorial.
Paso 1: agregue un nuevo gráfico y seleccione qué estilo usar
Con el complemento activo, obtendrá acceso a una nueva pestaña Visualizador dentro de su tablero. Si hace clic en él, verá una lista de todos sus gráficos existentes. Haga clic en el botón Agregar nuevo en la parte superior para comenzar:
Lo primero que debe hacer es seleccionar un estilo para sus datos de Hojas de cálculo de Google. Cuál deberías elegir dependerá de tus datos y de lo que quieras que los lectores se lleven de ellos:
- Para incrustar una tabla de datos , elija el estilo de gráfico Tabla .
- Para incrustar gráficos visuales , puede elegir entre una variedad de estilos de gráficos diferentes.
Para un gráfico visual, querrá elegir el estilo que mejor lo ayude a visualizar sus datos de Hojas de cálculo de Google. CodeinWP tiene algunos buenos consejos sobre cómo elegir el estilo de gráfico adecuado para sus datos.
Paso 2: importa los datos de Hojas de cálculo de Google
Con la versión gratuita de Visualizer, puede importar datos desde un archivo .csv , una URL o ingresarlos manualmente. Para agregar Hojas de cálculo de Google a WordPress, debe elegir la opción Importar datos desde URL y seleccionar Importación única :
Mantenga esta pestaña abierta por ahora y diríjase a Hojas de cálculo de Google para obtener sus datos. Supongamos que tiene una tabla muy simple que le muestra varias cantidades de frutas:
Los datos son bastante simples de entender, pero necesitará darle al complemento Visualizer un poco más de contexto para que entienda cómo mostrarlos. Con ese fin, el complemento admite múltiples cadenas que utiliza para categorizar datos, que incluyen:
- cuerda
- número
- booleano
- fecha
- hora Fecha
- hora del día
Para este ejemplo, todo lo que necesitamos son cadenas y números. Puede hacer que el complemento sepa qué columna representa qué elemento agregando esas dos cadenas en la parte superior, justo debajo del título de la columna:
Ahora los datos están listos para que el complemento haga su trabajo. Para generar la URL que necesita para WordPress, abra el menú Archivo de Hojas de cálculo de Google y seleccione Publicar en la web :
En el menú que aparece, seleccione Todo el documento y Valores separados por comas (.csv) , luego presione el botón Publicar :
Ahora, Google Sheets le dará un enlace que puede usar para compartir sus datos. Copie el enlace y regrese al asistente Visualizer en WordPress. Pégalo en el campo correspondiente:
Haga clic en el botón Importar y el complemento generará automáticamente una vista previa del gráfico o tabla a su izquierda:
Finalmente, seleccione el botón Crear gráfico y Visualizer guardará el gráfico en su biblioteca.
El mismo proceso anterior funciona para cualquiera de los cuadros, gráficos o tablas que Visualizer le permite crear. A continuación se muestra la tabla predeterminada, antes de importar los datos de Hojas de cálculo de Google:
Visualizer también le permite ordenar elementos dentro de sus tablas según sus valores.
En cualquier momento, puede consultar sus gráficos, cuadros y tablas disponibles navegando a Visualizador > Biblioteca de gráficos :
Si desea modificar cualquiera de las visualizaciones de datos que crea con el complemento, hay un botón de edición debajo de cada una de ellas.
Paso 3: Muestre su nuevo gráfico en WordPress
Ahora que ha importado con éxito sus datos de Hojas de cálculo de Google a WordPress y los ha utilizado para generar un gráfico o una tabla, es hora de publicarlos.
Hay dos formas de agregar visualizaciones a sus publicaciones o páginas:
Si observa detenidamente, notará un código abreviado debajo de cada tabla o gráfico:
Puede copiar ese código abreviado y colocarlo en cualquier lugar que desee en su sitio web.
El segundo enfoque es abrir el Editor de bloques y agregar un bloque de gráfico visualizador a su publicación o página:
El editor le preguntará si desea mostrar un gráfico existente o crear uno nuevo. Si selecciona la opción anterior, verá una lista de todos sus gráficos disponibles; continúe y seleccione uno:
Una vez que el gráfico está dentro, puede editar el bloque como lo haría con cualquier otro. El complemento Visualizer le permite personalizar sus gráficos sobre la marcha, incluido su diseño y estilo:
Cada tipo de gráfico tiene su propia configuración específica que puede modificar para personalizarlo. Por ejemplo, con una tabla, puede personalizar las opciones de paginación y habilitar la capacidad de respuesta para que sea legible en dispositivos móviles :
Tenga en cuenta que si está utilizando la versión gratuita del complemento, sus gráficos y tablas no se actualizarán automáticamente si realiza cambios en la hoja de cálculo de origen en Hojas de cálculo de Google. Deberá generar una nueva URL utilizando Hojas de cálculo de Google si desea realizar una actualización.
Conclusión
Las hojas de cálculo pueden no ser atractivas, pero las representaciones visuales de ellas ciertamente pueden serlo. Con la herramienta adecuada, puede extraer fácilmente datos de Google Sheets a WordPress y, en el proceso, mostrarlos de una manera que sus visitantes puedan comprender de un vistazo.
Con el complemento Visualizer gratuito , puede realizar este proceso exacto en tres pasos:
- Cree un nuevo gráfico o tabla y seleccione qué estilo usar.
- Importe los datos de Hojas de cálculo de Google.
- Edite y muestre su gráfico dentro de WordPress.
Si desea sincronizar automáticamente Google Sheets con WordPress y obtener acceso a otras funciones nuevas, también puede actualizar a la versión premium de Visualizer .
Para obtener más información sobre cómo trabajar con tablas y gráficos en WordPress, consulte nuestras colecciones de los mejores:
- complementos de tabla
- Complementos de tablas y gráficos
¿Tiene alguna pregunta sobre cómo incrustar Hojas de cálculo de Google en WordPress? ¡Vamos a repasarlos en la sección de comentarios a continuación!
