Cómo incrustar Google Sheets en WordPress (paso a paso)

Cómo incrustar Google Sheets en WordPress

Google Sheets es ahora un eje central para gestionar, compartir y analizar datos de forma colaborativa en tiempo real. Tanto si se trata de hacer un seguimiento del inventario, organizar la programación de eventos o analizar datos financieros, los equipos y las personas confían en ella para garantizar la accesibilidad y la comodidad.

Cuando se trata de sitios web, la necesidad de información dinámica y actualizada ha estado, está y estará siempre presente. Puedes eliminar las actualizaciones manuales repetitivas y mantener tu contenido fresco para los visitantes utilizando Google Sheets en WordPress. 

En esta guía, te mostraremos cómo minimizar tu esfuerzo a la hora de incrustar Google Sheets en WordPress utilizando dos enfoques distintos. El objetivo es encontrar un método que haga que la incrustación de hojas sea fácil y eficaz.

Método 1: Incrustar sin un plugin

Este método ofrece una forma sencilla pero eficaz de incrustar Google Sheets en tu sitio de WordPress sin necesidad de un plugin.

Paso 1: Ajustar la configuración compartida

Abre la hoja de Google que quieras incrustar. En primer lugar, asegúrate de que la configuración de uso compartido de la hoja permite el acceso a la audiencia deseada configurándola como "Cualquiera con el enlace" o similar.

Ajustar la configuración de uso compartido.

Paso 2: Publicar en la Web

En el menú de Google Sheets, haz clic en Archivo > Compartir > Publicar en la web.  

Haz clic en Archivo > Compartir > Publicar en la web.

En el cuadro de diálogo que aparece, desplácese a la opción Insertar ficha. Elija si desea incrustar todo el documento o una hoja concreta. Después de seleccionar su opción preferida, haga clic en el botón Publique y confirme la acción. 

Vaya a la pestaña Incrustar y haga clic en Publicar.

Paso 3: Copiar el código de incrustación

Una vez publicado, se generará un código de inserción. Copie este código para el siguiente paso.

Copie el código de incrustación.

Paso 4: Añadir un bloque HTML personalizado

Desde el panel de control de WordPress, abre la entrada o página en la que deseas mostrar la hoja de Google y desplázate hasta la posición exacta. Haz clic en el icono Insertador de bloques (+) para añadir un nuevo bloque, buscar un bloque HTML personalizado y añádelo. 

Añadir un bloque HTML personalizado.

Paso 5: Pegar el código de incrustación y ajustar el tamaño

Pegue el código obtenido anteriormente en el bloque HTML personalizado.

Pega el código.

Por defecto, el tamaño de pantalla utilizado para mostrar la hoja de Google puede ser demasiado pequeño. Para especificar las dimensiones usted mismo, añada los atributos width y height a la etiqueta iframe. Sólo tienes que incluir estos atributos de la siguiente manera width="650″ height="450″ antes ></iframe> al final del código. Ajusta los valores para conseguir el tamaño que prefieras.

Añade dimensión.

Previsualice su página de vez en cuando para asegurarse de que las hojas se muestran correctamente. Cuando estés satisfecho, haz clic en Publicar o Actualizar para guardar los cambios. A continuación se muestra un ejemplo de cómo podría verse esta hoja de Google incrustada en su sitio de WordPress. 

Previsualizar y publicar.

Método 2: Incrustar con la ayuda de un plugin

Hay muchos plugins excelentes para incrustación de Google Sheets en WordPress. Para esta guía, vamos a utilizar EmbedPress, una opción fiable que hace que el proceso sea sencillo y sin código.

Paso 1: Instalar y activar el plugin EmbedPress

Vaya a su panel de WordPress, navegue hasta Plugins > Añadir nuevoy busque "EmbedPress". Haga clic en Instalar ahoraentonces Activar el plugin.

Instalar y activar el plugin EmbedPress

Paso 2: Publicar la hoja de Google en la Web

Abre la hoja de Google que quieras incrustar. En el menú de Google Sheets, haga clic en Archivo > Compartir > Publicar a la web.

Haga clic en Archivo > Compartir > Publicar

En el cuadro de diálogo que aparece, decida si desea visualizar todo el documento o una hoja concreta. Después, haz clic en Publique y confirme la acción para generar un enlace. 

Haga clic en Publicar

Copie el enlace proporcionado.

Copie el enlace proporcionado

Paso 3: Añadir el bloque EmbedPress en WordPress

Abra la entrada o página de WordPress en la que desea mostrar la hoja. Haga clic en el icono Insertador de bloques (+) busque el botón EmbedPress y añádalo a su página.

Añadir el bloque EmbedPress

Pega el enlace que has copiado antes en el bloque EmbedPress y haz clic en Insertar. El plugin incrustará automáticamente la hoja de Google en tu página.

Pega el enlace.

Paso 5: Ajustar la visualización y publicar

Haga clic en el bloque y utilice la tecla ajustes de bloque para ajustar la dimensión de la hoja de Google incrustada directamente en WordPress. Cuando estés satisfecho con el aspecto, haz clic en Publicar o Actualizar para guardar los cambios. Previsualiza la página para asegurarte de que todo se muestra correctamente.

Ajustar la visualización y publicar

Conclusión

Los métodos de esta guía te permiten decidir hasta qué punto quieres ser práctico. Tanto si prefieres el control de una incrustación manual como la facilidad de uso de un plugin, podrás integrar Google Sheets de la forma que más te convenga.

Ahora es el momento de llevar tu sitio web al siguiente nivel. Empieza a incrustar Google Sheets y deja que tu contenido se mantenga tan fresco y dinámico como las ideas que hay detrás.



El equipo de Tableberg