¿Cómo incrustar Hojas de cálculo de Google en WordPress? ¡Métodos para principiantes!

¿Utiliza Hojas de cálculo de Google? ¿Te gustaría conectarlo con tu sitio? En esta guía, le mostraremos cómo incrustar Hojas de cálculo de Google en WordPress utilizando 3 métodos diferentes para principiantes.

Todo el paquete de Google es uno de los mejores programas gratuitos que existen. Brinda control total sobre sus documentos y necesidades de oficina en un entorno en línea administrado en la nube. ¡Y la mejor parte es que es gratis! Es por eso que cada vez más empresas utilizan G Suite para sus necesidades de documentación.

Y Google Sheets se ha convertido en uno de los servicios esenciales que puede obtener del paquete completo. La herramienta de administración de hojas de cálculo es extremadamente ingeniosa, fácil de usar para principiantes y, dado que está en la nube, facilita la colaboración en diferentes proyectos.

Si usa muchas hojas, puede ser una buena idea conectarlas con su sitio. Entonces, en esta guía, aprenderá cómo incrustar Hojas de cálculo de Google en su sitio de WordPress .

¿Por qué incrustar Hojas de cálculo de Google en WordPress?

Hojas de cálculo de Google facilita compartir varias hojas de cálculo y también le permite colaborar con varias personas al mismo tiempo. Incrustar Hojas de cálculo de Google en su sitio de WordPress abre muchas oportunidades interesantes. Por ejemplo, puede mostrar horarios y cargas de trabajo, proporcionar detalles contables o realizar un seguimiento del trabajo realizado. El formato tabular simple pero eficiente es extremadamente útil para muchas necesidades personales y de oficina.

Pero hay mucho más que puede hacer si integra su sitio de WordPress con Hojas de cálculo de Google. Por un lado, puede usar complementos como Visualizer para transformar los datos de Google Sheets en gráficos circulares, gráficos de barras y gráficos de líneas. Esta información visual es mucho más fácil de entender y facilita la alimentación de datos a los usuarios. Incluso puede crear tablas enormes con funciones útiles como filtrado y opciones de búsqueda que facilitan a sus usuarios la visualización de la información de la hoja registrada. Además, puede crear tablas receptivas en sus publicaciones y actualizar el contenido directamente desde sus hojas.

Entonces, echemos un vistazo a cómo puede incrustar Hojas de cálculo de Google en WordPress. Además de eso, le mostraremos qué más puede hacer con algunos de los mejores complementos de integración de Hojas de cálculo de Google que existen.

¿Cómo incrustar Hojas de cálculo de Google en WordPress?

Hay diferentes formas de integrar Hojas de cálculo de Google con WordPress:

1. Incruste directamente Hojas de cálculo de Google usando un enlace iFrame
2. Usando el complemento EmbedPress
3. Uso del complemento Visualizador

Echemos un vistazo a cada método y cómo puede usarlos para conectar Hojas de cálculo de Google a su sitio.

1) Conecte Google Sheets con WordPress manualmente usando iFrame

La forma más sencilla de incrustar Hojas de cálculo de Google en WordPress es utilizar su función de incrustación incorporada . Para esto, abra su página de hojas y haga clic en Archivo . Luego, presione Publicar en la web y elija la opción Incrustar . Después de esto, puede optar por incrustar todo el documento o una hoja individual. Luego, verá un enlace iframe para las hojas que puede copiar.

Después de eso, puede guardar el enlace iframe y pegarlo en sus publicaciones para conectar fácilmente el contenido de Google Sheets con su sitio web.

Para hacer esto, simplemente agregue el bloque HTML en el editor visual de Gutenberg y pegue el enlace iFrame que acaba de copiar.

Finalmente, recuerda hacer clic en el botón Compartir en la parte superior derecha para hacer público tu documento.

2) Integre Google Sheets con WordPress usando EmbedPress

EmbedPress es un complemento dedicado que proporciona una gran variedad de bloques de incrustación y opciones para usar en el editor de bloques Visual. Esta herramienta también cuenta con un ingenioso bloque para incrustar Hojas de cálculo de Google en WordPress. Entonces, echemos un vistazo a cómo puede usar EmbedPress.

Primero, instale el complemento. Para hacerlo, vaya a su panel de WordPress > Complementos > Agregar nuevo . Luego, use la barra de búsqueda en la parte superior derecha para encontrar EmbedPress . Haga clic en Instalar ahora y luego en el botón Activar .

Ahora, para incrustar su página de Hojas de cálculo en EmbedPress, utilizará la función Publicar en la web. Entonces, en Hojas de cálculo de Google, vaya a Archivo > Publicar en la web . En la pestaña Vínculo, verá opciones para vincular todo el documento o solo hojas específicas. Después de elegir la opción que desea, copie la URL.

A continuación, abra la página/publicación donde necesita agregar su hoja incrustada. Luego, haga clic en el botón Agregar nuevo bloque y busque Hojas de cálculo de Google . Verá el bloque EmbedPress necesario. Haga clic en él y agregará el bloque a la publicación. Luego, pegue la URL en el campo de URL incrustada y haga clic en Incrustar .

¡Eso es! ¡Ha incrustado Hojas de cálculo de Google en su publicación de WordPress usando EmbedPress!

3) Conecte Google Sheets con su sitio usando Visualizer

A diferencia de las otras opciones de complementos, Visualizer le permite hacer mucho más que simplemente incrustar Hojas de cálculo de Google. Esta herramienta puede extraer datos directamente de Google Sheets para impulsar varios gráficos y tablas. Visualizer ofrece infinitas oportunidades, así que echemos un vistazo a cómo puede integrarlo directamente con su contenido y sus documentos de Google.

Instalación del visualizador

Primero, debe instalar el complemento Visualizer. El proceso es idéntico a la instalación de cualquier otro plugin. En su tablero de WordPress, vaya a Complementos > Agregar nuevo . Luego, use la barra de búsqueda en la parte superior derecha para buscar Visualizer . Después de eso, haga clic en el botón Instalar y luego actívelo.

Integrando Visualizer con Hojas de cálculo de Google

Antes de mostrar sus tablas y gráficos de datos personalizados, debe obtener la URL de sus Hojas de cálculo de Google. Para hacerlo, abra sus Hojas de cálculo de Google y vaya a Archivo > Publicar en la web . En la pestaña de enlace, haga clic en Todo el documento para seleccionar si desea integrar todo el documento o hojas individuales. Luego, haga clic en el botón desplegable junto a él y haga clic en el formato de valores separados por comas (CSV) . Después de eso, copie la URL y estará listo para conectar Sheets con Visualizer.

Antes de importar, debe especificar el tipo de datos para cada columna en la segunda fila para que Visualizer pueda leer los datos. Simplemente agregue una cadena, un número, un valor booleano, una fecha, una hora o el tipo de datos según el tipo de datos que tenga cada columna.

Creando tus Gráficos en Visualizer

Ahora, abra la página del complemento Visualizer haciendo clic en Visualizer en la barra lateral de su Tablero. Haga clic en Agregar nuevo en la parte superior para crear su gráfico.

Luego, seleccione una de las opciones de visualización. Para la versión gratuita, puede crear tablas, gráficos circulares, gráficos de líneas y algunos otros gráficos. Sigamos adelante y hagamos clic en Línea por ahora. Luego, haga clic en Siguiente , en la parte inferior derecha para continuar.

Ahora, debe vincular su URL de Hojas de cálculo aquí. Verifique la barra lateral derecha y haga clic en Fuente . Luego, haga clic en Importar desde URL y luego presione Importar desde CSV . Pegue la URL que copió de Hojas de cálculo en el campo de importación de URL y haga clic en Importar .

¡Ya casi estás ahí! Después de eso, haga clic en el botón Crear gráfico y verá un gráfico personalizado con la información de Hojas de cálculo de Google.

También puede personalizar este gráfico haciendo clic en el icono de edición (o el bolígrafo) en la lista de gráficos. Luego, vaya a la pestaña Configuración a la derecha para personalizar su gráfico tanto como desee. Finalmente, guarde sus cambios cuando haya terminado, y eso es todo.

Ha conectado con éxito Hojas de cálculo de Google con su sitio.

Ahora, veamos cómo mostrar la información de Google Sheets en su sitio de WordPress.

Visualización de gráficos de visualizador en publicaciones/páginas de WordPress

Para mostrar sus gráficos en sus páginas web, simplemente puede usar el bloque Visualizador en el editor visual. Entonces, abra su página/publicación, haga clic en el botón Agregar nuevo bloque y use la barra de búsqueda para buscar Visualizer.

Luego, haga clic en el bloque de gráficos Visualizador , presione el botón Mostrar gráfico existente y busque el gráfico que desea usar. Debajo del gráfico, verá un icono de carga. Pulse el icono para seleccionar su gráfico. Después de eso, haz clic en Listo y ¡listo! Ha incrustado Hojas de cálculo de Google en su publicación/página de WordPress.

Por supuesto, un simple gráfico de líneas o una tabla nunca podrían hacer justicia a la cantidad de funciones que tiene este complemento. Entonces, si está buscando más funciones, continúe y juegue con las funciones que ofrece Visualizer.

Conclusión

Y así concluye nuestra guía sobre cómo incrustar Hojas de cálculo de Google en WordPress . Ahora, podrá mostrar información de Hojas de cálculo en sus publicaciones y páginas.

Los tres métodos que le mostramos son excelentes opciones. Puede usar el que más le guste en función de cuánto quiere de Google Sheets. Ya sea que esté simplemente mostrando una sola tabla en su página web o incrustando hojas en diferentes páginas web o visualizando los datos por completo.

Finalmente, hay mucho más que puede hacer para integrar su sitio web con aún más contenido. Por ejemplo, puedes consultar algunas de nuestras guías:

• Cómo incrustar Google Calendar en su sitio
• Cómo incrustar tableros y tarjetas de Trello en WordPress
• Tutorial para conectar Videollamadas de Zoom con WordPress

¿Ha tenido algún problema al insertar Hojas de cálculo de Google en su sitio? Estamos encantados de ayudarle con cualquier problema que pueda surgir. Entonces, háganoslo saber en la sección de comentarios a continuación y haremos todo lo posible para encontrar una solución.