Guia Webflow

Como instalar Opinafy en Webflow

Agrega testimonios de clientes verificados a tu sitio Webflow en menos de 5 minutos. Sin necesidad de conocimientos tecnicos.

1

Crea tu proyecto en Opinafy

  1. Registrate en Opinafy (es gratis).
  2. Ve al Panel de control y haz clic en "Nuevo Proyecto".
  3. Introduce el nombre de tu sitio web y personaliza el formulario de recogida.
  4. Comparte el enlace de recogida con tus clientes o importa testimonios existentes.
2

Obtener el codigo de integracion

  1. Dentro de tu proyecto, ve a la seccion "Widget".
  2. Personaliza el diseno: elige layout (carrusel, cuadricula, muro...), colores y tipografia.
  3. Copia el codigo de integracion que aparece debajo de la vista previa.

El codigo tendra esta forma:

html
<div id="opinafy-widget" data-project="TU_PROJECT_ID"></div>
<script src="https://opinafy.com/widget.js" defer></script>

Sustituye TU_PROJECT_ID por el ID real de tu proyecto.

3

Agrega el codigo a Webflow

Tienes tres opciones para insertar el widget en tu sitio Webflow:

Opcion A: Codigo personalizado del proyecto (todas las paginas)

  1. Ve a Project Settings (Configuracion del proyecto).
  2. Haz clic en la pestana "Custom Code".
  3. En el campo "Footer Code" (antes de </body>), pega el codigo de Opinafy.
  4. Guarda y publica tu sitio.

Opcion B: Codigo personalizado por pagina (pagina especifica)

  1. Ve a Pages y selecciona la pagina deseada.
  2. Haz clic en el icono de configuracion de la pagina (engranaje).
  3. Desplazate hasta "Custom Code""Before </body> tag".
  4. Pega el codigo de Opinafy.
  5. Guarda y publica.

Opcion C: Elemento Embed (posicion exacta)

  1. En el Designer de Webflow, anade un componente "Embed" donde quieras mostrar los testimonios.
  2. Pega el codigo de Opinafy en el campo HTML.
  3. Haz clic en "Save & Close".
  4. Publica tu sitio para ver los cambios.

Nota: El componente Embed no muestra vista previa en el Designer. Debes publicar el sitio para ver el widget funcionando.

4

Verifica que funciona

  1. Publica tu sitio Webflow.
  2. Visita la pagina donde insertaste el widget.
  3. Deberia cargar automaticamente mostrando tus testimonios aprobados.
  4. Si no ves nada, verifica que tienes testimonios con estado "Aprobado" en tu panel.

Preguntas frecuentes

El widget afecta la velocidad de mi sitio Webflow?

No. El script de Opinafy pesa menos de 25 KB y se carga de forma asincrona con el atributo defer. No bloquea la carga de tu pagina.

Funciona con el plan gratuito de Webflow?

Si. El widget funciona en cualquier plan de Webflow, incluyendo el plan gratuito. Solo necesitas poder anadir codigo personalizado o elementos Embed.

Puedo poner el widget en varias paginas?

Si. Usa la opcion A (Project Settings > Custom Code) para anadir el widget a todas las paginas, o repite la opcion B o C en cada pagina donde lo necesites.

El widget se adapta al diseno responsive?

Si. El widget de Opinafy es completamente responsive y se adapta automaticamente al ancho del contenedor.

Listo para agregar testimonios a tu sitio Webflow?

Crea tu cuenta gratis y empieza a mostrar prueba social en tu sitio en minutos.