Esta guía cubre todo lo que puedes hacer con EmbedSocial en el creador de sitios web Duda: insertar un widget, conectar fuentes de reseñas, importar y crear reseñas, y dar estilo al resultado.
Inserta un widget en Duda
Antes de empezar:
- Ve a la app de EmbedSocial y genera tu widget de reseñas conectando algunas de las fuentes sugeridas.
- Cuando termines de personalizarlo, elige la página donde quieres insertar tu widget.
- Haz clic en el botón Widgets y, cuando se abra el panel, haz clic en EmbedSocial arrastrándolo a la sección de la página donde quieres que aparezca.
- Elige el widget que quieres mostrar en la página en el campo desplegable dinámico.
¡Listo! Tu widget de reseñas se ha añadido correctamente a la página.
Por último, no olvides publicar los cambios.
Inserta reseñas de Facebook o de Google
En este artículo aprenderás a conectar tu cuenta de Google Business Profile, traer las reseñas de Google a un widget e insertarlas en Duda. Los mismos pasos sirven para las reseñas de Facebook.
1. Para empezar, ve a la pestaña 'Fuentes' y selecciona Google o Facebook como tu fuente:
2. Si todavía no has conectado tu cuenta social, el sistema te pedirá que conectes la cuenta de Google Business Profile o de Facebook, según lo que hayas seleccionado como fuente:
3. Ahora que ya tienes la cuenta conectada, el siguiente paso es elegir la fuente (página o ubicación) de la que quieres traer las reseñas y crear un widget:
4. Ahora haz clic en crear un widget y, después de un par de segundos, tus reseñas se generarán y pasarás a tu widget de reseñas:
5. El último paso es insertar tu widget de reseñas dentro de Duda, así que haz clic en el botón de abajo si necesitas ayuda para insertarlas
Crea e inserta reseñas personalizadas
Con esta función puedes crear un widget de Custom Reviews añadiendo tus propias reseñas, que podrás mostrar en Duda con una sola línea de código.
Para hacerlo, sigue los pasos de abajo:
Ve a la página de 'Fuentes' y haz clic en 'Añadir fuente'
Cuando selecciones 'Custom Reviews', llegarás a una página nueva donde puedes añadir tus reseñas personalizadas.
Solo tienes que hacer clic en 'Añadir reseña' y rellenar el formulario con la puntuación y el nombre del cliente.
También puedes añadir el texto de la reseña, subir la foto del cliente y elegir la fecha de la reseña.
Cuando termines de añadir reseñas, ve a 'Crear widget' y tu widget se creará correctamente.
Importa reseñas desde una hoja de cálculo
La app de EmbedSocial te permite importar fácilmente las reseñas que ya tienes guardadas en una hoja de cálculo o las que hayas descargado de plataformas de terceros. Una vez hecho esto, puedes mostrarlas en un widget en Duda.
Para importar reseñas, tendrás que asegurarte de que tus reseñas están estructuradas en una hoja de cálculo según las siguientes indicaciones:
Especificación del archivo de importación de reseñas
La herramienta Importación de reseñas acepta datos en formato de archivo de valores separados por comas (CSV). La primera fila de la plantilla o del archivo de datos contiene los encabezados de las columnas. Cada fila siguiente corresponde a una reseña personalizada que hay que importar.
Puedes subir un máximo de 500 reseñas en un archivo. Descarga el archivo de plantilla aquí.
Columnas:
name, review_date, rating, review_text, email, tags, custom_link, reviewer_photo_url
name: Nombre de quien deja la reseñareview_date: Puedes elegir el formato de fecharating: Número del 1 al 5review_text: Texto de la reseñaemail: Correo de quien deja la reseñatags: Etiquetas de la reseña, separadas por comascustom_link: Enlace de la reseña individual. Este enlace tiene prioridad sobre el enlace de la fuentereviewer_photo_url: URL de la foto de quien deja la reseña
Las columnas obligatorias son name, review_date y rating. Las demás columnas pueden estar vacías, pero tienen que estar separadas por comas
Importa la hoja de cálculo de reseñas en la app de EmbedSocial
Cuando tengas tu hoja de cálculo de reseñas estructurada según las indicaciones de arriba, puedes ir a tu app de EmbedSocial y simplemente subir este archivo.
Para hacerlo, solo tienes que seguir los pasos:
1. Ve a la página de 'Fuentes', haz clic en 'Añadir fuente' y busca la opción 'Custom Reviews'
2. Cuando llegues a la página nueva, haz clic en el botón 'Importar reseñas'
3. Elige dónde está el Archivo subido con el que rellenar las reseñas (primer campo) y selecciona el formato de fecha que usas en el archivo CSV (segundo campo):
¡Listo!
Ahora las reseñas importadas se mostrarán en la fuente seleccionada y puedes usarlas para crear un widget que mostrar en Duda.
Aquí tienes los pasos de inserción para mostrar las reseñas importadas en Duda.
Personaliza el widget de reseñas
Puedes personalizar los diseños de tu widget de reseñas entrando en el menú desplegable 'Diseño' del lado izquierdo del widget y eligiendo una de las varias opciones de diseño.
Cada vez que hagas cambios, asegúrate de hacer clic en 'Guardar' en la esquina superior derecha (captura de arriba).
Si quieres cambiar el número de columnas para especificar cuántas reseñas se muestran en una fila, ve a:
Diseño-> Ajustes generales-> Columnas, y ahí puedes elegir el número exacto de columnas para la vista de escritorio y para la vista móvil.
Puedes encontrar más opciones de personalización en el siguiente menú desplegable, 'Feed', como las reseñas en la página, mostrar el logotipo del medio, la fecha y elegir colores, y muchas más.
Cuando hayas hecho correctamente los cambios en tu widget, tendrás que hacer clic en el botón 'Guardar' de arriba a la derecha y los cambios se mostrarán automáticamente en tu sitio web, donde está insertado el widget.
Si quieres
Se pueden hacer más personalizaciones con la sección de CSS personalizado y puedes obtener más información sobre esto en el siguiente artículo: Añadir CSS personalizado.
Fija y prioriza reseñas
En este tutorial te mostraremos cómo fijar reseñas y hacer que se muestren en el widget en un orden definido especificando números de prioridad en Duda.
¿Cómo fijar una reseña?
Fijar es una opción que te da control total sobre qué reseñas deben mostrarse primero, sin importar cuáles sean los demás ajustes de orden del widget.
Para fijar una reseña, solo tienes que seguir los pasos de abajo.
- Abre uno de tus widgets
- Haz clic en la pestaña Moderación
- En la tabla, haz clic en Fijar junto a la reseña que quieres que se muestre primero
Ahora la reseña fijada será siempre la primera de tu widget de reseñas, sin tener en cuenta los demás ajustes de orden que hayas especificado en las opciones de Ajustes.
¿Cómo ordenar las reseñas por prioridad?
Si quieres tener control total del orden de las reseñas que se muestran en tu widget, puedes usar la opción Prioridad y añadir números de orden a las reseñas. Con esta opción puedes hacer que se muestren 20 reseñas en el orden por prioridad.
Así es como se hace un orden personalizado de las reseñas en tu widget de reseñas:
- Abre uno de tus widgets
- Haz clic en la pestaña Moderación
- En la columna de prioridad, define el número de prioridad de cada reseña
Por ejemplo, puedes añadir números de prioridad del 1 al 20 a las reseñas que quieres mostrar como las 20 primeras en el orden especificado en el widget de reseñas.
Añadir CSS personalizado
En este artículo compartiremos un ejemplo de CSS que puedes usar para tus feeds en EmbedSocial. La idea de la opción de CSS personalizado es darte total flexibilidad para asegurarte de que el diseño del feed de redes sociales encaja con la identidad y el diseño de tu sitio web.
En este ejemplo estamos cambiando el CSS del color de fondo del título:
Ejemplo de código CSS personalizado:
#es-header .es-header-avatar {
border-radius: 40px;
margin-right: 5px;
margin-bottom: 2;
object-fit: cover;
}
.table-cell {
vertical-align: middle;
display: table-cell;
float: none;
background-color: #03FCF4;
}
Aquí está el cambio:
Cómo aplicar el CSS personalizado al feed:
Solo tienes que abrir el menú desplegable de CSS personalizado del lado izquierdo del widget. Ahí, añade los cambios de las etiquetas CSS de arriba y haz clic en Vista previa para ver cómo quedan los cambios.
Cuando termines, haz clic en el botón Guardar de arriba a la derecha para asegurarte de que los cambios se reflejan en tu sitio web.
Si tienes alguna pregunta o necesitas ayuda adicional, no dudes en contactarnos por nuestro chat en vivo o enviarnos un correo a support@embedsocial.com.
Estaremos encantados de ayudarte.