Integración de un iFrame en su página web
Con ShieldQ, los clientes pueden subir documentos a su cola unificada y segura PCI DSS. Todo lo que necesita hacer es configurar y agregar un formulario de carga a su sitio web. El formulario de subida estará contenido dentro de un iFrame, con una marca y un diseño personalizados de acuerdo al diseño y apariencia de su página web.
Notas:
- La integración requiere una formación básica en editar HTML. Para cualquier duda, póngase en contacto con nuestro Centro de soporte ShieldQ.
- El iFrame admite una pantalla con capacidad de respuesta móvil. Por lo tanto, el alojamiento web debe ser de respuesta movil también.
Configuración del formulario de subida iFrame
1. Añada el servicio de "Upload" haciendo clic en el botón + en la barra superior del panel de control. Elegir un usuario. Elegir el servicio: ShieldQ Upload. Recibirás un perfil token.
2. En la página HTML, cree una etiqueta iFrame en la ubicación donde desee colocar el campo de carga de documentos PCI DSS.
3. Establezca una URL a la iFrame como:
https://docviewerapi.shieldq.com/FileUpload/Perform?profileToken=[ProfileToken]
Nota: Debe reemplazar el valor [ProfileToken] con el perfil token proporcionado en el paso #1.) Por ejemplo, si su perfil token es "1234," entonces el código HTML para la iFrame sería
iframe src="https://docviewerapi.shieldq.com/FileUpload/Perform?profileToken=1234"
Opcionalmente, puede personalizar el propio iFrame, o añadir parámetros adicionales al campo de subida. Por ejemplo:
iframe id="portalIframe" scrolling="no" frameborder="0" style="height: 380px; width: 100%;" src="https://docviewerapi03.shieldq.com/FileUpload/Perform?profileToken=1234&reference=my ref&cssurl=&language=en&successUrl=&failureUrl=">
iframe src="https://docviewerapi.shieldq.com/FileUpload/Perform?profileToken=4321" style="height: 360px; width: 630px; overflow: hidden;" frameborder="0">
Adjustes necesarios y opcionales
Configuración básica del iFrame
Ejemplo:
iframe src="https://docviewerapi.shieldq.com/FileUpload/Perform?profileToken=1234"/
| Campo | Descripción | Requerido |
| SRC URL | La SRC URL es una URL definida que redirige al servicio.
https://docviewerapi.shieldq.com/FileUpload/Perform?profileToken=La URL incluirá un valor para identificar al cliente en el sistema ShieldQ |
Yes |
| profileToken | profileToken es un ID exclusivo para clientes ShieldQ, asignado por el equipo de soporte ShieldQ. Los documentos cargados serán enrutados a la bandeja de entrada del usuario de acuerdo con el profileToken. | Yes |
Configuración avanzada de iFrame (opcional)
Configuración de etiquetas de iFrame
Puede establecer diferentes tipos de propiedades en la configuración de etiquetas de iFrame, como tamaño, forma y otras características. Algunos ejemplos incluyen:
| Campo | Descripción | Requerido |
| style | Establece los bordes del iFrame (ej, Altura y anchura). Nota: El contenedor del iFrame debe tener al menos 320 píxeles de ancho | No |
| frameborder | Establece el ancho del borde del iFrame | No |
| scrolling | Especifica si el iFrame debe tener barras de desplazamiento | No |
Para obtener más propiedades de etiquetas iFrame, visite: http://www.w3schools.com/tags/tag_iframe.asp
Configuración de la fuente URL para el iFrame
Puede definir la apariencia del campo de subida de documentos PCI DSS desde la fuente URL del iFrame:
| Campo | Descripción | Requerido |
| iframe id | Especifica un ID único para el elemento. | No |
| reference | La referencia es un ID para un documento específico, establecido por el usuario final. Utilice la referencia para encontrar fácilmente un documento en la cola. | No |
| language | de - German en / leave empty - English es - Spanish fr - French he - Hebrew it - Italian ja - Japanese ro - Romanian ru - Russian zh - Chinese | No (English by default) |
| successUrl* | La URL a remitir al usuario final. La URL debería estar codificada. Clica aquí para la herramienta de código url. | no |
| failureUrl* | La URL para reenviar al usuario final en caso de una subida fallida. La URL debería estar codificada. Clica aquí para la herramienta de código url. | No |
| cssurl | URL para la CSS. La URL debería estar codificada. Click here para la herramienta de código url. | No |
* Proporcione las páginas de falloURL y éxitoURL si desea manejar la respuesta de éxito/fallo a sus clientes.
Estar en contacto. ¿Tiene preguntas sobre el servicio de aceptación y gestión de documentos seguros de ShieldQ? Contacte con nuestro equipo.
