Widget de Ayudas

Guía de integración para mostrar convocatorias de ayudas y subvenciones en tu sitio web.

1. Instalación rápida

Copia y pega este código en tu página. En WordPress, usa un bloque HTML personalizado.

<iframe
  src="https://agryq.com/embed/grants?slug=TU-SLUG"
  width="100%"
  height="800"
  frameborder="0"
  style="border:none;"
></iframe>
<script src="https://agryq.com/embed.js"></script>

Sustituye TU-SLUG por el identificador que te proporcionó el equipo de Agryq. La etiqueta <script> ajusta la altura del widget automáticamente; sin ella, fija una altura con el atributo height.

2. Parámetros de personalización

Añade estos parámetros a la URL del src para adaptar el widget a tu sitio.

Parámetro	Tipo	Descripción
`slug` obligatorio	texto	Identificador único de tu organización. Proporcionado por Agryq.
`bg` opcional	color CSS	Color de fondo del widget. Ejemplo: `%23f5f5f5` (gris claro).
`redirect_url` opcional	URL	URL a la que volverá el usuario tras registrarse. Ver sección «Volver a tu sitio tras el registro».

Ejemplo completo con parámetros

<iframe
  src="https://agryq.com/embed/grants?slug=mi-empresa&bg=%23ffffff&color=%23222222&redirect_url=https://miweb.com/gracias"
  width="100%"
  height="800"
  frameborder="0"
  style="border:none;"
></iframe>
<script src="https://agryq.com/embed.js"></script>

3. Colores

Los colores se envían como códigos hexadecimales en la URL. El carácter # debe escribirse como %23 en las URLs.

Lo que quieres	Lo que escribes
Blanco `#ffffff`	`bg=%23ffffff`
Gris claro `#f5f5f5`	`bg=%23f5f5f5`
Negro `#000000`	`bg=%23000000`
Texto oscuro `#333333`	`color=%23333333`

También puedes usar nombres de color CSS directamente sin codificar: bg=white, bg=black, color=gray.

4. Volver a tu sitio tras el registro

Cuando un usuario hace clic en una ayuda o en «Guardar», el widget lo lleva a la página de registro de Agryq. Si has indicado el parámetro redirect_url, al completar el registro el usuario verá un botón «Volver a tu sitio» que lo devuelve a la URL que indicaste.

src="https://agryq.com/embed/grants?slug=TU-SLUG&redirect_url=https://miweb.com/gracias"

El registro requiere confirmar el correo electrónico. Por eso, en lugar de una redirección automática, mostramos el mensaje de «confirma tu cuenta» junto con el botón para volver a tu sitio. Así el usuario no se pierde el paso de confirmación.

5. WordPress — paso a paso

En el editor de WordPress, añade un bloque «HTML personalizado».
Pega el código del apartado 1, cambiando TU-SLUG por tu slug.
Ajusta los parámetros opcionales si lo necesitas.
Guarda y previsualiza la página.

Si usas Elementor, usa el widget «HTML». En Divi, usa el módulo «Código». El proceso es el mismo: pegar el código HTML.

6. Solución de problemas

Aparece «Acceso no autorizado»

El slug no es válido o el dominio de tu sitio no está autorizado. Contacta con el equipo de Agryq.

Los colores no se aplican

Comprueba que usas %23 en lugar de # para los colores hexadecimales en la URL, o usa nombres de color como white, black, etc.