Cómo incrustar el widget de Google Reviews en tu sitio web Divi
Inicio Blog Cómo incrustar el widget de Google Reviews en tu sitio web Divi

Cómo incrustar el widget de Google Reviews en tu sitio web Divi

cómo incrustar el widget de google reviews en un sitio web divi

¿Quieres incrustar reseñas de Google en tu sitio web Divi?

Añadir opiniones auténticas de clientes de Google directamente a su sitio web genera confianza, muestra la prueba social y aumenta las conversiones.

Para los sitios web creados con el popular tema Divi, mostrar estos testimonios positivos sin problemas en el diseño de su sitio es esencial para un aspecto pulido.

Pero, tratar de incrustar Google Reviews o encontrar un método que funcione perfectamente y se vea muy bien dentro del constructor de temas Divi puede ser complicado.

Por experiencia personal, sé que añadir elementos de terceros como widgets de reseñas, especialmente adaptados a un tema específico como Divi, puede parecer técnico si no estás familiarizado con la codificación de sitios web.

Gracias a mi amplia experiencia en Smash Balloon ayudando a propietarios de sitios web a mostrar fácilmente reseñas y feeds de redes sociales, he escrito este artículo para mostrarte exactamente cómo incrustar un widget de reseñas de Google en tu sitio web Divi.

La buena noticia es que te mostraremos cómo añadir reseñas de Google a Divi en cuestión de minutos.

Este tutorial está diseñado para usuarios de Divi de todos los niveles, así que puedes seguirlo paso a paso y añadir fácilmente un widget de Google Reviews de aspecto profesional a tu sitio, ¡sin necesidad de conocimientos técnicos!

En este artículo

La forma más fácil de incrustar un widget de Google Reviews en Divi

Añadir automáticamente un widget de reseñas de Google a tu sitio web Divi es super sencillo.

Es tan fácil como instalar un plugin de WordPress para redes sociales, conectarlo a su plataforma de reseñas y dejar que haga el trabajo duro por usted en su sitio Divi.

Usted puede hacer todo más fácil usando el mejor plugin de feed de reseñas para WordPress: Smash Balloon Reviews Feed Pro.

reviews feed pro plugin

Con la ayuda de Reviews Feed Pro, puede crear, personalizar e incrustar widgets de reseñas en su sitio web con sólo unos clics, sin necesidad de tocar ni una sola línea de código.

Sé lo que estás pensando: ¿Es este plugin de reseñas compatible con Divi?

Y me complace decirte que sí, Reviews Feed Pro funciona muy bien con cualquier sitio web de WordPress, incluidos los creados con Divi.

¡Puedes usar sus opciones simples y claras para agregar reseñas de Google a cualquier página que quieras en minutos!

De hecho, puede seguir simplemente un flujo guiado, y el plugin de reseñas le guiará a lo largo de todo el proceso.

flujo guiado revisiones feed pro

Además de las reseñas de Google, puedes utilizar el plugin para incrustar reseñas de plataformas de confianza como el widget de reseñas de Yelp, Tripadvisor, Facebook, Trustpilot, etc.

Otra gran cosa sobre el plugin es que usted consigue el control total sobre sus widgets de revisión.

Puedes añadir filtros para mostrar sólo las opiniones con palabras clave o estrellas específicas. Además, puedes configurar tu widget para que oculte las opiniones con palabras prohibidas.

seleccionar filtros reseñas feed pro

Además, puedes elegir manualmente qué opiniones mostrar y cuáles ocultar. De esta forma, puedes asegurarte de que tus widgets de reseñas de Google solo muestren reseñas de alta calidad para convertir a los visitantes.

¿Y lo mejor?

El plugin viene con un equipo de soporte experto que siempre está dispuesto a echarte una mano o a responder a tus preguntas.

¿Listo para incrustar los widgets de reseñas de Google en Divi? Consigue tu copia de Reviews Feed Pro aquí.

Con eso, vamos a ver la forma más fácil de mostrar un widget de comentarios de Google en su sitio web Divi WordPress.

Cómo añadir el widget de reseñas de Google a Divi

Todo lo que tienes que hacer es seguir la guía paso a paso a continuación, y usted puede tener un hermoso widget de Google para mostrar los comentarios en su sitio web Divi.

Paso 1: Instalar Smash Balloon Reviews Feed Pro

Primero, obtenga su copia del plugin Reviews Feed Pro aquí y luego instale el plugin en su sitio web.

¿No sabes cómo? Puedes echar un vistazo a esta guía sobre cómo instalar y activar plugins en WordPress.

Una vez que haya instalado y activado Reviews Feed Pro, continúe con el paso 2.

Paso 2: Crear un widget de reseñas de Google para Divi

Ahora, puedes seguir el flujo guiado del plugin para crear un nuevo widget de reseñas de Google con facilidad.

En el panel de control de WordPress, abra el menú Comentarios " Todos los feeds y haga clic en Añadir nuevo.

añadir nuevo botón reseñas feed

A continuación, puede elegir la plataforma de revisión para su nuevo widget. Hay 6 plataformas entre las que puedes elegir:

Para continuar, basta con seleccionar aquí la opción Google y hacer clic en Siguiente.

seleccione el widget de reseñas de google

Ahora que has creado un nuevo widget de opiniones, puedes conectarlo a Google en el paso 3.

Paso 3: Conectar el widget de reseñas a Google

Una vez que conectes tu widget a Google, el widget podrá empezar a buscar tus opiniones y mostrarlas en tu sitio Divi.

¿Listo para empezar? En primer lugar, haga clic en el botón Añadir fuente aquí.

añadir nueva fuente reviews feed pro

A continuación, puedes introducir tu clave API de Google para que tu widget pueda conectarse a Google y comprobar regularmente si hay nuevas opiniones.

Además, solo tienes que introducir tu clave API una vez y el complemento la utilizará automáticamente para todos tus widgets de Google futuros.

¿Aún no tienes una clave API? Puedes seguir nuestra guía sobre cómo crear una clave API de Google.

Después de crear la clave API de Google, vuelve a tu sitio web y pégala en el campo antes de hacer clic en Siguiente.

O bien, puede hacer clic en Omitir si desea omitir la introducción de su clave API por ahora.

inserte su clave api comentarios feed pro.jpg

A continuación, puedes introducir el ID de lugar de un negocio para conectarlo a tu widget de opiniones de Google. En caso de que aún no tengas tu Place ID, puedes ir al generador oficial de Place ID aquí.

Aquí, desplácese hacia abajo hasta encontrar un mapa de Google y, a continuación, introduzca el nombre de la empresa y su ubicación en la barra de búsqueda.

introduzca el nombre del lugar google.jpg

A continuación, haga clic en el nombre de la marca en el menú desplegable. Una vez hecho esto, el mapa abrirá el negocio y le mostrará la ubicación exacta y el ID de lugar.

Siga adelante y copie el código que aparece junto al campo ID de lugar antes de volver a su sitio web.

A continuación, puede pegar este código en el campo ID de lugar de la ventana emergente.

A continuación, haz clic en el botón Finalizar para añadir esta empresa como fuente de tu widget de opiniones de Google.

añada su id de lugar crear comentarios feed.png

Ahora que has añadido esta fuente, puedes utilizarla libremente para cualquiera de tus futuros widgets de Google en este sitio.

Por último, seleccione la fuente y pulse el botón Siguiente para continuar.

confirmar fuente google feeds

Una vez hecho esto, el plugin creará automáticamente un widget de reseñas que heredará el diseño de tu sitio web.

Me gusta el hecho de que su widget de reseñas de Google se verá muy bien en cualquier dispositivo como teléfonos, tabletas u ordenadores porque el plugin automáticamente lo hace responsive, encajando perfectamente en mi diseño Divi.

Además, puedes cambiar fácilmente el diseño de tu widget de reseñas con la ayuda del personalizador visual. Sigue adelante y echa un vistazo al siguiente paso para aprender cómo.

Paso 4: Personalizar el widget de reseñas de Google

Para ayudarte a personalizar tu widget de Google con facilidad, el plugin incluye varias plantillas prediseñadas que puedes importar:

  • Por defecto
  • Tarjetas sencillas
  • Albañilería
  • Revisión individual
  • Carrusel de escaparates
  • Carrusel
  • Carrusel de rejilla

Una vez que haya seleccionado la plantilla que le guste, haga clic en Siguiente.

seleccione su plantilla de feed de reseñas

Ahora, tu nuevo widget de valoraciones copiará automáticamente el diseño de esa plantilla. Además de eso, también puedes personalizar tu widget de reseñas de Google en detalle utilizando el personalizador visual.

Tras importar una plantilla, el plugin te envía al personalizador visual de feeds, donde encontrarás todas las opciones de diseño a la izquierda. De esta forma, puedes configurar el diseño, el diseño de la cabecera, los elementos de revisión y mucho más.

live feed editor for reviews feed pro

Y lo que es aún mejor, puedes seguir todos tus cambios en tiempo real con la ayuda de la vista previa en directo de la derecha.

Normalmente, me gusta ajustar primero el diseño de mi feed de opiniones. Para ello, haz clic en Diseño para cambiar la posición de las opiniones en el widget.

haga clic en la opción de diseño reviews feed

Con este plugin de WordPress, obtendrá 3 diseños diferentes con aspecto único que se puede elegir:

  • Lista: Haga que cada reseña sea claramente visible mostrándolas en una sola columna
  • Mampostería: Utiliza tu widget para mostrar toneladas de reseñas a la vez y convertir más visitantes
  • Carrusel: Atrae a tus visitantes con un bonito e interactivo slider de opiniones de Google para WordPress.

Una vez que hayas seleccionado un diseño, haz clic en Guardar para conservar los cambios.

opciones de diseño para las reseñas de google

Ahora, puedes volver a las opciones principales de personalización para cambiar el diseño de tu widget de reseñas de otras maneras.

Para ello, haga clic en el botón Personalizar de la parte superior izquierda.

volver a las opciones principales de personalización

Así de fácil, puedes cambiar el diseño de la cabecera, los elementos de revisión, el diseño de los botones y mucho más. Recuerda hacer clic en el botón Guardar al final para confirmar los cambios.

Una vez que hayas personalizado el diseño de tu widget, puedes elegir qué opiniones son visibles en tu sitio.

Para ello, en primer lugar, haz clic en la pestaña Configuración de la parte superior y, a continuación, selecciona Filtros.

abrir filtro configuración comentarios feed pro

Desde aquí, puedes filtrar tu widget por estrellas o palabras clave. Para mi ejemplo, voy a añadir un filtro de estrellas a continuación.

Para ello, selecciona las puntuaciones con estrellas de la izquierda y el widget sólo mostrará las opiniones con esas puntuaciones concretas.

Aquí, seleccionaré 4 estrellas y 5 estrellas para que mi widget de opiniones de Google muestre sólo opiniones de 4 a 5 estrellas.

filtros para el feed de reseñas de google

Cuando estés satisfecho con los filtros, haz clic en Guardar para mantener los cambios como antes.

Además, desde aquí puedes configurar palabras prohibidas o elegir que sólo se muestren reseñas con determinadas palabras clave.

Es más, Reviews Feed Pro incluso te permite moderar tu widget y elegir manualmente qué reseñas mostrar u ocultar.

Cuando estés satisfecho con tu widget, vuelve a hacer clic en Guardar.

Por último, es hora del paso 5, donde te mostraremos cómo incrustar el widget de reseñas de Google en Divi sin complicaciones.

Paso 5: Mostrar el widget de reseñas de Google en su sitio Divi

Como el plugin es muy fácil de usar, puedes empezar a incrustar tu widget de opiniones de Google directamente desde el personalizador.

En primer lugar, haga clic en el botón Incrustar de la esquina superior derecha.

reseñas haga clic en el botón incrustar

A continuación, el plugin abrirá una ventana emergente con todas las formas de incrustar tus reseñas de Google. Puedes añadirlas a una página, entrada, barra lateral o pie de página de tu sitio web.

Por ahora, haga clic en el botón Copiar para copiar manualmente su shortcode.

copiar su shortcode incrustar elementor opiniones yelp

A continuación, puede utilizar este shortcode para incrustar el widget de opiniones Divi.

Si quieres incrustarlo en una página Divi, haz clic en el menú Páginas " Añadir nuevo desde tu panel de control y luego haz clic en el botón Usar el Constructor Divi .

añadir nueva página en divi

¿Quieres utilizar un post Divi en su lugar? Puedes abrir el menú Entradas " Añadir nueva desde el panel de control.

Ahora, haga clic en el botón Usar el Constructor Divi en la parte superior del editor de WordPress.

añadir nuevo post en divi

Al hacer esto se abrirá el constructor Divi en su sitio web. Ahora puedes elegir entre 3 formas de construir tu página o post:

  • Empezar a construir: Empezar desde una plantilla en blanco
  • Examinar diseños: Utilice un diseño prediseñado
  • Elija Página: Copiar el diseño de una página existente

Para continuar, sólo tiene que seleccionar la opción que prefiera.

elija la opción divi builder

Si eliges la opción Empezar a construir, Divi te enviará automáticamente el editor.

A partir de ahí, puedes empezar inmediatamente a incrustar el widget de reseñas de Google que creaste anteriormente.

empieza a construir con divi editor

¿Ha seleccionado la opción Examinar diseños?

Divi te mostrará su biblioteca de diseños profesionales que puedes importar para tu página o entrada.

Sólo tiene que seleccionar el diseño que desea copiar.

cargar paquete de diseño de la biblioteca divi

Al hacerlo, se abrirá una ventana emergente con más información sobre el diseño. Para obtener una vista previa rápida, puede hacer clic en el botón Ver demostración en vivo aquí.

Si desea seguir adelante e importar este diseño, puede hacer clic en el botón Usar este diseño.

importar diseño para divi

Si seleccionaste la opción Elegir Página al inicio, Divi ahora te mostrará una lista de las plantillas Divi existentes que has creado hasta el momento.

Para continuar, sólo tienes que seleccionar la opción que prefieras.

cargar desde biblioteca tema divi

Así de fácil, puedes empezar a construir una página o post usando el constructor del tema Divi.

Antes de incrustar tu widget de reseñas, puedes añadir primero una fila que te permita mostrar contenido Divi.

Para ello, pulsa el icono verde del signo más (+) y haz clic en el diseño de fila que más te guste.

insertar fila en sitio web divi

Con esta nueva fila, has creado un espacio donde puedes añadir tu widget de reseñas de Google.

Puede empezar a hacerlo haciendo clic en el icono negro del signo más (+) de la fila.

A continuación, introduzca "código" en la barra de búsqueda de la ventana emergente antes de seleccionar el módulo Código.

módulo de código para el tema divi

A continuación, puede ver las opciones adicionales para este nuevo módulo. Allí, busque el campo Código y luego pegue el shortcode que copió anteriormente.

Por último, puede guardar su nuevo módulo haciendo clic en el icono de marca de verificación que aparece a continuación.

pegar shortcode google reviews widget en divi

Después de eso, haga clic en el botón Publicar, y su nuevo widget de Google estará en línea en su sitio Divi.

Para ver el aspecto del widget de reseñas, puede abrir su sitio web y comprobarlo usted mismo.

ejemplo de widget de google reviews en divi

Y ahí lo tienen.

Ahora ya sabes cómo incrustar un widget de reseñas de Google en tu sitio web Divi. Como se puede ver, se tarda sólo unos minutos con la ayuda de Reviews Feed Pro.

Con la ayuda de este widget, puedes empezar a aumentar tus ventas, obtener más opiniones y hacer crecer tu negocio con facilidad.

¿Listo para incrustar el widget de reseñas de Google en Divi? ¡ Consigue el plugin Reviews Feed Pro hoy mismo!

¿Por qué incrustar el widget de Google Reviews en tu sitio Divi?

Divi es un popular constructor de sitios web y tema de WordPress que es utilizado por la gente para crear sitios web atractivos para su marca.

divi tema wordpress

Pero si quieres convencer a más visitantes, entonces puedes simplemente añadir reseñas de Google a tu sitio web.

Al fin y al cabo, el 54,7% de los clientes consultan 4 o más opiniones antes de comprar algo en línea.

Dado que muchas personas confían en Google cuando buscan opiniones, incluirlas en su sitio web puede ser una forma excelente de convencer a clientes potenciales para que le compren a usted.

ejemplo de reseñas de google

De este modo, estas opiniones pueden funcionar como prueba social, lo que puede mostrar a los visitantes que hay personas reales que utilizan felizmente sus productos.

Además, añadir nuevas reseñas de Google puede ser muy beneficioso para el SEO de tu sitio Divi WordPress. 

2 maneras de añadir un widget de Google Reviews en Divi

Si quieres mostrar las opiniones de Google en tu sitio, puedes elegir entre dos opciones:

  • De forma manual: Tendrás que comprar la API de Google Places y utilizar un código complicado para conectarte a la API y obtener las reseñas.
  • Es muy fácil: Con Reviews Feed Pro, puedes crear widgets para mostrar automáticamente las reseñas de Google.

Como puede ver, el método manual puede suponer un reto, además de llevar mucho tiempo. Después de todo, tendrás que estar familiarizado con la codificación o gastar dinero contratando a un desarrollador.

google manual review feed

Además, cambiar el diseño de tu widget de valoraciones de Google también puede ser complicado. Por lo tanto, el widget de opiniones de Google podría no coincidir con el diseño de su sitio web Divi.

Y si algo va mal o acabas rompiendo accidentalmente algo en tu sitio web, no tendrás un equipo de soporte que te ayude.

¿Quieres una manera más fácil? Puedes utilizar un plugin agregador de opiniones como Reviews Feed Pro.

Empieza a añadir tus reseñas de Google a Divi ahora mismo

Añadir reseñas de Google a tu sitio web Divi no tiene por qué ser complicado.

Con Smash Balloon Reviews Feed Pro, puede tener un widget de reseñas de aspecto profesional listo y funcionando en minutos, no en horas.

Sé de primera mano cuánto tiempo pueden pasar los propietarios de sitios web intentando que las reseñas se vean bien. Es por eso que este plugin fue hecho. Se toma el trabajo duro de incrustar sus comentarios de Google.

No necesitas conocimientos de programación para usarlo, y tus opiniones se mostrarán limpias y profesionales en tus páginas Divi. Además, se actualizan automáticamente.

¿Listo para darle a tu sitio Divi ese impulso extra de confianza con las reseñas de los clientes? Esto es lo que sugiero hacer a continuación:

  1. Consigue tu copia de Reviews Feed Pro. (Viene con una garantía de devolución de dinero de 14 días, ¡así que puedes probarlo sin riesgo!)
  2. Siga las sencillas instrucciones de configuración que se indican en el artículo.
  3. Comprueba cómo se ve tu nuevo widget de reseñas en diferentes ordenadores y teléfonos.
  4. Relájate sabiendo que tu último widget de opiniones positivas de Google se muestra automáticamente para que todo el mundo lo vea.

Mostrar opiniones reales es una forma eficaz de generar confianza entre los visitantes. Le dice a la gente que otros han tenido grandes experiencias con su negocio.

¿Tienes alguna pregunta sobre cómo configurar tus reseñas de Google en tu sitio Divi con Reviews Feed Pro? Envíalas en los comentarios a continuación.

¿Está tu negocio en Trustpilot? Aquí te explicamos cómo puedes incrustar reseñas de Trustpilot en tu sitio web Divi.

¿Quieres más formas de aumentar tus ventas? Puedes consultar nuestra guía sobre cómo incrustar un widget de reseñas de Yelp.

Y no olvides seguirnos en Twitter y Facebook para estar al día de los últimos trucos y consejos sobre redes sociales.

Consejo extra: ¿Cómo añadir reseñas de Facebook a tu sitio web de Divi?

Has integrado perfectamente las reseñas de Google en tu sitio Divi.

Ahora vamos a dar un paso más.

Añadir reseñas de Facebook puede aumentar significativamente la credibilidad de tu sitio web y la participación de los visitantes.

Las reseñas de Facebook sirven como una poderosa prueba social y ayudan a mejorar tu SEO con contenido dinámico y rico en palabras clave.

Al mostrar estas reseñas en un formato interactivo, como un carrusel, puedes captar la atención de inmediato y convertir a más visitantes.

En Smash Balloon, hemos desarrollado Reviews Feed Pro para que integrar las reseñas de Facebook en tu sitio web sea muy fácil. Con nuestra herramienta, puedes:

  • Configuración sencilla: sigue una secuencia guiada diseñada para crear y personalizar tu feed de reseñas de Facebook sin necesidad de escribir una sola línea de código.
  • Diseños atractivos: elige entre plantillas visualmente atractivas que puedes personalizar fácilmente con nuestro personalizador visual para que coincidan con el diseño de tu sitio web.
  • Control y calidad: utilice filtros para garantizar que solo se muestren las reseñas más relevantes y de mayor calidad, de modo que su presencia en línea sea positiva y se refuerce la confianza de los clientes en usted.

Para saber cómo puedes mostrar el contenido de las reseñas de Facebook, consulta la siguiente publicación sobre cómo añadir reseñas de Facebook a tu sitio web Divi.

avatar de autor
Lianne Laroya Responsable de marketing de contenidos
Lianne es la directora de marketing de contenidos de Smash Balloon, y cuenta con más de 12 años de experiencia en contenidos para WordPress, marketing en redes sociales, contenidos generados por los usuarios (CGU) y optimización de motores de búsqueda (SEO).

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Por favor, tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.