¿Cómo usar el Portal de cobranzas en mi dominio web?

Mejora la experiencia de tu cliente incrustando el portal en tu web.

¿Qué es un iframe?

El iframe es una solución que permite mostrar el portal de pagos de Moonflow directamente dentro del sitio web del cliente, usando su propio dominio. De esta manera, el usuario final accede al portal como si fuera parte nativa del sitio del cliente, sin ver referencias a “moonflow.ai”.

En otras palabras: es una especie de “ventana” que insertas en tu página web para mostrar otra página dentro. En este caso, te permite mostrar el portal de pagos de Moonflow como si fuera parte de tu sitio.

¿Qué necesito para incrustar el portal de Moonflow?

1. Crear una nueva página en tu sitio web

Antes de insertar el iframe, necesitas una página en tu dominio donde se mostrará el portal de pagos. Esto puede ser:

Una nueva página en tu sitio existente, como https://www.tuempresa.com/pagos.
Un subdominio dedicado, es decir, una dirección dentro de tu propio sitio, como pagos.tuempresa.com. Sigue siendo parte de tu web, pero te permite separar secciones (por ejemplo, pagos, clientes, etc.).

Si utilizas un sistema de gestión de contenidos (CMS) como WordPress, Wix o similar, puedes crear esta página desde el panel de administración. Un CMS es una herramienta que te permite crear y editar tu sitio sin saber programar.

Si tu sitio está desarrollado a medida, deberás crear un nuevo archivo HTML y subirlo a tu servidor.

¿Por qué es importante crear una página nueva en el dominio del cliente?

Para que el portal de pagos se muestre bajo el dominio del cliente (por ejemplo, https://pagos.tuempresa.com), es necesario crear una nueva página en su sitio web donde se insertará el iframe. Esto asegura una experiencia de marca blanca, sin referencias visibles a Moonflow.

¿Qué es una experiencia de "marca blanca"?

Una experiencia de marca blanca significa que el servicio o producto se presenta sin la marca del proveedor original, permitiendo que el cliente final perciba que el servicio es proporcionado directamente por la empresa que lo ofrece. En este caso, al integrar el portal de pagos de Moonflow en el dominio del cliente mediante un iframe, los usuarios finales no verán ninguna referencia a Moonflow, manteniendo la coherencia de la marca del cliente.

¿Qué significa "crear una página en el dominio del cliente"?

Significa agregar una nueva página dentro de tu sitio web, con la URL deseada. Por ejemplo:

https://www.tuempresa.com/pagos
https://pagos.tuempresa.com
https://clientes.tuempresa.com/login

Esa nueva página será la que contenga el iframe, es decir, el portal embebido de Moonflow.

¿Cómo crear una página en tu dominio para integrar el portal de pagos?

Para mostrar el portal de pagos de Moonflow con tu propia URL (por ejemplo, https://pagos.tuempresa.com), primero necesitas crear una página dentro de tu sitio web.
La forma de hacerlo depende de cómo esté construido tu sitio.

✔ Si usas un CMS (como WordPress, Wix, Shopify, etc.)
Un CMS es un sistema de gestión de contenidos que te permite crear y editar páginas sin necesidad de programar.

¿Qué debes hacer?

1. Ingresa al panel de administración de tu sitio.

2. Crea una nueva página.
Puedes asignarle una URL como https://www.tuempresa.com/pagos o .../clientes.

3. En el editor, busca la opción para insertar código HTML o código embebido.

4. Pega allí el iframe y el script que te proporciona Moonflow.

5. Guarda y publica la página.

💡 En plataformas como Wix, Webflow o Shopify también encontrarás opciones para insertar bloques de código.

✔ Si tu sitio está hecho a medida (HTML, PHP, etc.)
En este caso, tú o tu equipo técnico deben crear la página manualmente.

¿Qué debes hacer?

1. Crea un nuevo archivo, por ejemplo pagos.html.
2. Pega dentro un código básico de html.

3. Sube ese archivo a tu servidor para que esté disponible en una URL como https://www.tuempresa.com/pagos.

¿No sabes cómo está construido tu sitio?

Si no estás seguro, contacta a tu equipo técnico o a quien haya desarrollado tu página web.
Puedes enviarle esta guía y ellos sabrán cómo ayudarte a implementarlo correctamente.

2. Obtener el código del iframe desde Moonflow

1. Ve a Portal de clientes desde el menú lateral.

2. En el módulo de cartera, haz clic en Editar.

3. En la sección Configuración, selecciona Ver instrucciones en la línea del iframe.

4. Copia el script y pégalo en el <head> o <body> de la página de tu sitio. Ten en cuenta que un script es una línea de código que le dice a tu página cómo comportarse. Por ejemplo, hace que el iframe se ajuste bien al tamaño de la pantalla para que se vea correctamente.

5. Luego, copia el iframe donde quieras que se vea el portal:

6. Guarda y publica tu sitio.

✅ ¡Listo! Tus clientes podrán ingresar directamente desde tu web.