Ultima actualización 13/01/2015

6. Aspecto de la página de pago

ASPECTO: Cree la página de pago de forma que refleje su marca y las necesidades de sus clientes a la hora de efectuar un pago, terminando con un embudo de compras coherente y aumentando la conversión.  

Hay dos tipos de información en la página de procesamiento de pago:

  • Información estática (por ejemplo, su logotipo)
  • Información de datos de pago (por ejemplo, referencia del pedido, campos donde el cliente introduce los datos de su tarjeta, etc.).

La información estática se origina a partir del diseño común de nuestro sistema o de una página de plantilla de comerciante específica. Nuestro sistema añade los detalles de pago de forma dinámica para cada transacción. Puede personalizar la página de pago aplicando HTML y CSS personalizado al contenido. Solo tiene que decirnos dónde inyectar la "ZONA DE PAGO" que se encargará del pago en su página.

ALOJAMIENTO SEGURO: Ingenico ePayments propone un alojamiento seguro para su plantilla de página de pago que le permite mantener la conformidad con PCI.

Nota: Puede omitir la siguiente sección de personalización de plantilla de demostración si no tiene previsto personalizar la página de pago.

6.1 Plantilla de Responsive Payment Page de Ingenico ePayments

Nuestra plantilla de página de pagos totalmente adaptable es la solución perfecta y más sencilla para que sus clientes disfruten de una experiencia de compra en línea en múltiples tamaños de pantalla. Garantiza una conversión optimizada tanto en dispositivos de escritorio como en dispositivos móviles.

  • Para activar la plantilla de Responsive Payment Page desde el Área de administración, vaya a Configuración > Plantilla > Selector de plantillas y haga clic en “Activar” la Responsive Payment Page.
  • Para personalizar la plantilla incorporando su logotipo, vaya a Configuración > Plantilla > Administrador de archivos y cargue su logotipo con el nombre: “logo.png”.

6.2 Adaptar y cargar su propia plantilla personalizada

Empiece descargando a continuación el archivo original de la plantilla de página de pagos adaptable de Ingenico para poder personalizar y adaptar libremente la página a sus necesidades específicas de marca. Puede diseñar completamente su propia página de plantilla, dejando solo un área en esa página que deba completar nuestro sistema. También puede alojar su página de plantilla y sus archivos en nuestro entorno seguro, lo que denominamos “plantilla estática”.

Descargue nuestra plantilla de demostración para páginas de pago de e-Commerce

No dude en probar nuestras plantillas de demostración válidas para navegadores de equipos de sobremesa y de dispositivos móviles. Puede usarlas tal cual o personalizarlas fácilmente para adaptarlas a sus necesidades. Simplemente adapte el valor diferente con la plantilla de archivos css para obtener la página deseada.

Además de personalizar los archivos css proporcionados, también puede completar el HTML incorporando su propia información de encabezado y pie de página. Consulte el Capítulo 6.2.2 para obtener más información. Por razones de seguridad, no aplique datos/archivos externos no autorizados; todos los archivos y datos deben cargarse en el Administrador de archivos para poder utilizarlos. Cuando haya terminado,  siga estos pasos para descargar y aplicar la plantillas gratuitamente:

  1. Descargue el archivo zip.
  2. En el área de administración, acceda a Configuración > Plantilla > Configuración avanzada > Permitir el uso de la de la plantilla dinámica > Sí para activar las plantillas.
  3. Acceda a Configuración > Plantilla > Administrador de archivos para cargar los distintos archivos incluidos en el archivo comprimido (sin carpeta).
  4. Acceda a Configuración > Plantilla > Selección de plantilla para seleccionar su "Plantilla de comerciante predeterminada" preferida para e-Commerce.

Nota: 

  • Puede terminar aquí si decide no personalizar su página de e-Commerce. Para obtener más información acerca de cómo personalizar su página de e-Commerce con nuestra plantilla de demostración, continúe en la sección siguiente.
  • La plataforma admite varias plantillas. Puede anular la plantilla predeterminada para cualquier transacción y seleccionar una específica utilizando el parámetro "TP" en su solicitud POST (TP=<nombre completo del archivo HTML incluida la extensión>).

Personalización intensiva: Diseñe su propia página de pago 

En lugar de personalizar los archivos css proporcionados, también puede completar el HTML añadiendo su propia información de encabezado y pie de página. Consulte el Capítulo 6.2.2 para obtener más información. Por motivos de seguridad, no aplique datos/archivos externos no autorizados; todos los archivos y datos deben cargarse en el Administrador de archivos para utilizarse.

6.2.1 Campos ocultos

Se utiliza el siguiente campo oculto para transmitir la URL de su página de plantilla:

<input type="hidden" name="TP" value="">

Campo
Descripción
TP El nombre de archivo de la plantilla alojada por Ingenico ePayments.

6.2.2 Zona de pago

La página de plantilla dinámica se puede diseñar completamente según sus preferencias. El único requisito es que debe contener la cadena "$$$PAYMENT ZONE$$$" que indica la ubicación donde nuestro módulo e-Commerce puede agregar sus campos dinámicamente. Por tanto, debe contener como mínimo lo siguiente:

<html>
$$$PAYMENT ZONE$$$
</html>

Importante

No utilice etiquetas BASE, marcos o etiquetas FORM para encapsular la cadena $$$PAYMENT ZONE$$$.

6.2.3 Hojas de estilo

Puede personalizar el aspecto de sus páginas de pago añadiendo hojas de estilo a su página de plantilla.

Hemos definido una clase para los diversos tipos de tablas y celdas dentro de nuestras tablas, además de una clase para los botones de envío. Tendrá que añadir el siguiente bloque de código entre las etiquetas <head></head> y cambiar las propiedades de dichas clases para adaptarse al aspecto de su sitio (cf. el ejemplo de la página de plantilla citada con anterioridad):

<style type="text/css">
<!--
td.ncolh1 {background-color : #006600; color : yellow; font-family : verdana}
td.ncoltxtl {background-color : #ffffcc; color : black; text-align : right; font-weight : bold}
td.ncoltxtl2 {background-color : #ffffcc; color : black; text-align : right; font-weight : bold}
td.ncoltxtr {background-color : #ffffcc; color : black; text-align : left; font-weight : bold}
td.ncoltxtc {background-color : #ffffcc; color : black; text-align : center; font-weight : bold}
td.ncolinput {background-color : #ffffcc; color : black}
td.ncolline1 {background-color : #ffffff; color : black}
td.ncolline2 {background-color : #ffffcc; color : black}
input.ncol {background-color : #006600; color : white}
td.ncollogoc {background-color : #ffffcc; color : black; text-align : center; font-weight : bold}
table.ncoltable1 { background-color: #ffffcc;   }
table.ncoltable2 { background-color: #ffffcc;  border-width : medium; border-color : green; }
table.ncoltable3 { background-color: #ffffcc;   }
-->
</style>

Cuando introduzca sus propias instrucciones de diseño, debe respetar la sintaxis de hoja de estilos en cascada. Le recomendamos encarecidamente que haga pruebas en diversos navegadores, ya que la forma en que tratan los estilos podrían diferir mucho.

6.3 Plantilla dinámica

La página de plantilla dinámica le permite personalizar el diseño de las páginas de pago de una forma más avanzada que la plantilla estática.

Cuando se utiliza una página de plantilla dinámica, diseña completamente su propia página de plantilla, dejando solo un área en dicha página para que la complete nuestro sistema. Debe enviarnos la URL de su página de plantilla en los campos ocultos para cada transacción.

Tenga en cuenta que el uso de una página de plantilla dinámica implica una solicitud adicional desde nuestro sistema para consultar su página de plantilla. Esto incrementa el tiempo necesario para el proceso de pago.

Importante

Para cumplir con la certificación más actualizada de PCI-DSS (consulte aquí), debería alojar su plantilla (y archivos relacionados) en un entorno. Si no puede, le recomendamos que aloje los archivos de plantilla con Ingenico ePayments, mediante una plantilla estática y nuestro Administrador de archivos de plantillas (Template File Manager). Sin embargo, tenga en cuenta que de esta forma la plantilla podría perder comportamiento dinámico (según su integración).

6.3.1 Campos ocultos

Se utiliza el siguiente campo oculto para transmitir la URL de su página de plantilla:

<input type="hidden" name="TP" value="">

Campo
Descripción
TP URL de la página de plantilla dinámica del comerciante (la página debe estar alojada en el extremo del comerciante). La URL debe ser absoluta (contiene la ruta completa), no puede ser relativa. No especifique ningún puerto en la URL, solo aceptamos los puertos 443 y 80. Cualquier componente incluido en la página de plantilla también debe disponer de una URL absoluta.

6.3.2 Zona de pago

La página de plantilla dinámica se puede diseñar completamente según sus preferencias. El único requisito es que debe contener la cadena "$$$PAYMENT ZONE$$$" que indica la ubicación donde nuestro módulo e-Commerce puede agregar sus campos dinámicamente. Por tanto, debe contener como mínimo lo siguiente:

<html>
$$$PAYMENT ZONE$$$
</html>

Importante

No utilice etiquetas BASE, marcos o etiquetas FORM para encapsular la cadena $$$PAYMENT ZONE$$$.

Hay un ejemplo de página de plantilla dinámica disponible en la siguiente dirección: https://secure.ogone.com/ncol/template_standard.htm  

6.3.3 Comportamiento dinámico

Para todos los pedidos se puede utilizar la misma página de plantilla o la puede generar dinámicamente la aplicación del comerciante en función de los parámetros del pedido.

Para generar la página de plantilla dinámicamente, el comerciante puede elegir entre crear una página específica para el pedido, cuya URL se transmite en los campos ocultos o mediante una URL fija pero devolviendo un valor derivado del número de pedido. Para permitirlo, nuestro sistema añade los datos de pago principales – incluido el número de referencia de pedido del comerciante (cf. Procesamiento tras el pago) – cuando recupera la página de plantilla:

HTTP request = url_página_plantilla ?ORDERID=...&AMOUNT=...&CURRENCY=…

6.3.4 Hojas de estilo

Puede personalizar el aspecto de sus páginas de pago añadiendo hojas de estilo a su página de plantilla.

Hemos definido una clase para los diversos tipos de tablas y celdas dentro de nuestras tablas, además de una clase para los botones de envío. Tendrá que añadir el siguiente bloque de código entre las etiquetas <head></head> y cambiar las propiedades de dichas clases para adaptarse al aspecto de su sitio (cf. el ejemplo de la página de plantilla citada con anterioridad):

<style type="text/css">
<!--
td.ncolh1 {background-color : #006600; color : yellow; font-family : verdana}
td.ncoltxtl {background-color : #ffffcc; color : black; text-align : right; font-weight : bold}
td.ncoltxtl2 {background-color : #ffffcc; color : black; text-align : right; font-weight : bold}
td.ncoltxtr {background-color : #ffffcc; color : black; text-align : left; font-weight : bold}
td.ncoltxtc {background-color : #ffffcc; color : black; text-align : center; font-weight : bold}
td.ncolinput {background-color : #ffffcc; color : black}
td.ncolline1 {background-color : #ffffff; color : black}
td.ncolline2 {background-color : #ffffcc; color : black}
input.ncol {background-color : #006600; color : white}
td.ncollogoc {background-color : #ffffcc; color : black; text-align : center; font-weight : bold}
table.ncoltable1 { background-color: #ffffcc;   }
table.ncoltable2 { background-color: #ffffcc;  border-width : medium; border-color : green; }
table.ncoltable3 { background-color: #ffffcc;   }
-->
</style>

Cuando introduzca sus propias instrucciones de diseño, debe respetar la sintaxis de hoja de estilos en cascada. Le recomendamos encarecidamente que haga pruebas en diversos navegadores, ya que la forma en que tratan los estilos podrían diferir mucho.

6.3.5 Rendimiento

Nuestro sistema está configurado con un tiempo de espera de 5 segundos para que la solicitud recupere la página de plantilla dinámica del comerciante.

Podemos cambiar este tiempo de espera (HTTPTimeOut) en su extremo previa solicitud (a través de una solicitud de asistencia).

Si se produce un error de tiempo de espera superado, nuestro sistema utilizará en su lugar la plantilla estática del comerciante.

Si no hay ninguna plantilla estática configurada, nuestro sistema utilizará la plantilla estática Ingenico ePayments como último recurso.

Este campo HTTPTimeOut influye tanto en las solicitudes de plantilla dinámica como en las solicitudes de respuesta pospago (consulte Solicitudes de respuesta directa (Pospago)). En consecuencia, si el comerciante tiene que decidir cambiarlo a p. ej. 15 segundos, el tiempo de espera de la solicitud de respuesta también se incrementará a 15 segundos.

Para cada pedido, nuestro sistema realiza una solicitud para recuperar su página de plantilla dinámica. Si tiene volúmenes de transacción elevados o tiene una página de plantilla grande (por ejemplo, su página de plantilla dinámica contiene un gran número de imágenes), estas solicitudes HTTP pueden tardar mucho tiempo. Póngase en contacto con nuestro equipo de ventas para buscar una solución si tiene volúmenes de transacción elevados.

6.4 Plantilla para móviles

Para optimizar la visualización de la página de pago en dispositivos móviles (smartphones, tablets, etc.) aplique una página de plantilla enriquecida con hojas de estilo, tal y como se explica en los capítulos siguientes.

6.4.1 Parámetros de diseño

A continuación se muestran los campos que se pueden personalizar proporcionando detalles en una solicitud:

<input type="hidden" name="TITLE" value="">
<input type="hidden" name="BGCOLOR" value="">
<input type="hidden" name="TXTCOLOR" value="">
<input type="hidden" name="TBLBGCOLOR" value="">
<input type="hidden" name="TBLTXTCOLOR" value="">
<input type="hidden" name="BUTTONBGCOLOR" value="">
<input type="hidden" name="BUTTONTXTCOLOR" value="">
<input type="hidden" name="LOGO" value="">
<input type="hidden" name="FONTTYPE" value="">

Campo

Descripción

Valor predeterminado

TITLE Título de la página Title
BGCOLOR Color de fondo white
TXTCOLOR Color del texto black
TBLBGCOLOR Color de fondo de las columnas de la derecha white
TBLTXTCOLOR Color del texto de las columnas de la derecha black
BUTTONBGCOLOR Color de fondo de botón n/d
BUTTONTXTCOLOR Color de texto de botón black
LOGO

URL/nombre de archivo del logotipo que desea mostrar en la página de pago

https://secure.ogone.com/images/merchant/[PSPID]/[immagine]

-
FONTTYPE

Familia de fuentes

Verdana

6.4.2 Plantilla

Se utiliza el siguiente campo oculto para transmitir la URL de su página de plantilla:

<input type="hidden" name="TP" value="">

Campo Descripción
TP

URL de la página de plantilla dinámica. La URL debe ser absoluta (contiene la ruta completa), no puede ser relativa. Cualquier componente incluido en la página de plantilla también debe disponer de una URL absoluta.

Importante: Para cumplir con la certificación más actualizada de PCI-DSS (2015), debería alojar sus elementos de plantilla utilizados para la página de pagos en un entorno con la certificación PCI más elevada. Por lo tanto, le recomendamos que aloje los archivos con Ingenico ePayments, utilizando Administrador de archivos.

Zona de pago

La página de plantilla se puede diseñar totalmente según sus preferencias. El único requisito es que debe contener la cadena "$$$PAYMENT ZONE$$$" que indica la ubicación donde nuestro módulo e-Commerce puede agregar sus campos dinámicamente. Por tanto, debe contener como mínimo lo siguiente:

<html>
$$$PAYMENT ZONE$$$
</html>

Vaya a Plantillas de ejemplo para inspirarse con las plantillas que hemos creado, o simplemente cree su propia plantilla basada en las nuestras.

6.4.3 Hojas de estilo (css)

Para gestionar y comprender fácilmente las CSS, hemos dividido la CSS de la plantilla en cuatro partes principales:

Nota: Aunque las imágenes de ejemplo que se muestran a continuación reflejan los elementos afectados por la css, el estilo (colores, imágenes, etc.) utilizado puede diferir de lo descrito en los códigos de ejemplo acompañantes.


Cabecera

Con el uso de este estilo, puede modificar la parte de la cabecera de la página de pagos como se muestra a continuación:

Element(s)

- Lock Part

.securedBG
{
background: #797979;
}
.secured
{
padding: 8px 20px 0px 40px;
color: #ffffff;
width: 235px;
margin: 0 auto;
background: url("lock.png") 5px no-repeat #797979;
height: 30px;
}

- Order Summary

table.ncoltable1
{
width: 100%;
margin: 0 auto;
min-width: 300px !important;
}
td.ncoltxtl
{
font-family: open-sans ,Verdana,sans-serif;
font-size: 14px;
background-color:#ffffff;
text-align : left !important;
font-weight : bold !important;
vertical-align:bottom;
}
td.ncoltxtr
{
text-align: left;
font-weight: normal;
font-family: open-sans ,Verdana,sans-serif;
font-size: 14px;
background-color:#ffffff;
}

 

Datos de pago

Con el uso de este estilo, puede personalizar la sección Datos de pago como se muestra a continuación:

td.ncolinput
{
text-align: left;
font-weight: normal;
font-size: 14px;
font-family: open-sans ,Verdana,sans-serif;
display: block;
box-shadow: none !important;
}
input.ncol
{
background-color: #ffffff;
height: 40px;
font-size: 14px;
text-align: center;
padding: 0px;
font-family: open-sans ,Verdana,sans-serif;
margin: 0 35px 20px;
border-bottom: 1px solid #999999;
border-radius: 0px;
-webkit-appearance: none !important;
-webkit-border-radius: 0 !important;
}
td.ncoltxtl2
{
text-align: left;
font-family: open-sans ,Verdana,sans-serif;
white-space: nowrap;
display: block;
font-size: 14px;
background-color:#ffffff;
}

 

Pie de página

Con el uso de este estilo, puede modificar la parte del pie de página de la página de pagos:

Element(s)

td.ncollogoc
{
text-align: center;
font-weight: normal;
font-size: 14px;
padding: 2px;
vertical-align: top !important;
}
td.ncollogoc IMG
{
width: 90px;
height: 55px;
margin-right: 4px;
}
.ncollogoc td .ncol
{
width: auto;
padding-right: 10px;
padding-left: 10px;
cursor:pointer;
}
.ncollogoc input.ncol
{
margin-top:10px !important;
-webkit-appearance: none !important;
-webkit-border-radius: 0 !important;
}

 

Sección de estado de pago

Con el uso de esta sección, puede personalizar el aspecto de la página del estado de pago como se muestra aquí:

Element(s)

td.ncoltxtc
{
background-color:#ffffff;
color:#999999;
padding: 0px;
text-align: left;
font-weight: normal;
font-size: 14px;
border-top: 0px solid #ffffff;
font-family: open-sans ,Verdana,sans-serif;
}
td.ncoltxtc h3
{
text-align: center;
font-weight: normal !important;
padding: 5px;
font-family: open-sans ,Verdana,sans-serif;
}
td.ncoltxtmessage
{
background-color: #ffffff;
color: #999999;
text-align: left;
font-weight: normal;
}

 

Este es el aspecto de la página resultante:

6.4.4 Páginas de ejemplo

Para comenzar, hemos creado dos páginas.

La primera es una versión de marca que puede utilizar como ejemplo:

https://secure.ogone.com/ncol/StandardMobileTemplate.htm

También puede utilizar la versión "desnuda" a partir de aquí como una base para crear su propia plantilla:

https://secure.ogone.com/ncol/StandardMobileTemplate_generic.htm

Las mismas dos plantillas con archivos adicionales (fuentes, imágenes) están disponibles en un zip descargable aquí.

6.5 Administrador de archivos de plantillas

Con el Administrador de archivos de plantillas puede gestionar fácilmente sus plantillas y los distintos archivos que la acompañan.

Para empezar a usar el Administrador de archivos, inicie sesión en su cuenta de Ingenico ePayments y vaya a "Configuración" > "Plantilla" > "Administrador de archivos".

Importante
No es posible utilizar a la vez archivos cargados previamente Ingenico ePayments y archivos cargados con el Administrador de archivos en su integración.
Por ello, si tiene archivos que ha cargado previamente mediante Ingenico ePayments, asegúrese de cargar estos archivos de nuevo utilizando el Administrador de archivos.

6.5.1 Cargar archivos de plantillas

En "Subir archivos de plantilla", seleccione el botón "Archivos..." para seleccionar los archivos que desee cargar. Puede cargar JavaScripts, html, css e imágenes (.css, .jpg, .jpeg, .gif, .png, .html, .js), de un máximo de 7 MB por archivo, y un total de 10 MB.

Realice su selección y confírmela.

6.5.2 Comprobar y administrar archivos cargados

Cuando los archivos acaben de cargarse, los verá en la misma página, en el apartado "Archivos cargados".

Los archivos mostrarán primero el estado "Validando", durante el cual, se realizan las comprobaciones de seguridad y virus necesarias.

Podrá utilizar los archivos una vez que el estado cambie a "Validado".

Haga clic en el botón de actualización  para comprobar el estado actual de los archivos, o haga clic en el botón de eliminación para eliminar el archivo permanentemente.

Un archivo mostrará el estado "Rechazado" si no ha superado la comprobación de seguridad. Puede deberse a un virus o a que la extensión del archivo sea incorrecta, por ejemplo. 

6.5.3 Integración

En las plantillas, hace referencia a los archivos cargados mediante un código con la siguiente estructura: $$$TP RESOURCES URL$$$/[el nombre de su archivo].

No obstante, si desea utilizar un recurso en un archivo CSS, debe hacer referencia al siguiente código: "./[su nombre de archivo]

Ejemplo:

Para hacer referencia a la plantilla cargada en su integración de e-Commerce, usted envía el nombre de archivo de plantilla con el parámetro "TP".

Ejemplo: TP=miarchivodeplantilla.html

Si tiene una integración básica de e-Commerce  con un logo en la parte superior de la página, deberá hacer referencia al logo cargado enviando el nombre de archivo con el parámetro "LOGO".

Ejemplo: LOGO=logodelaempresa.png

6.6 Control de seguridad de plantilla

Para proteger a sus clientes frente a actividades fraudulentas como, por ejemplo, la manipulación de datos confidenciales de tarjeta de crédito (número de tarjeta, CVC), se dispone de distintas comprobaciones de seguridad para la plantilla del comerciante.

En su página Información técnica, pestaña "Parámetros de seguridad global", sección "Plantilla", se pueden configurar los siguientes ajustes:

  • Habilitar comprobación Javascript en plantilla
    Puede habilitar esta funcionalidad para detectar el uso de Javascript en la página de plantilla. Si se detecta Javascript se bloqueará la plantilla y se utilizará en su lugar la plantilla predeterminada.
  • Permitir el uso de plantilla dinámica (opcional, depende de su suscripción)
    Si selecciona "Permitir el uso de plantilla dinámica", debe configurar el nombre de host de sitio web de confianza que aloja el campo de plantilla dinámica. Este campo puede contener varios hosts web, separados por punto y coma, pero todos deben contener la URL completa, p. ej. http://www.website.com/. Los subdirectorios se pueden dejar fuera, por tanto si la plantilla dinámica es http://www.website.com/templates/nl/template1.htm, es suficiente con configurar http://www.website.com como host web de confianza.

    Además, también puede configurar una o más URL de plantilla dinámica totalmente de confianza, separadas por punto y coma en el campo de URL de plantilla dinámica de confianza.

Si se envía una plantilla dinámica con una transacción, pero no se permiten plantillas dinámicas, entonces se bloqueará la plantilla y nuestro sistema utilizará la plantilla estática en su lugar.
Si no hay configurada ninguna plantilla estática o si la plantilla estática tampoco está permitida, entonces se utilizará la plantilla de Ingenico ePayments predeterminada.

De forma predeterminada están habilitadas "Habilitar comprobación JavaScript.

6.7 Candado de entorno seguro

La URL utilizada para conectar al cliente a nuestra plataforma utiliza un protocolo seguro (https). Todas las comunicaciones entre nuestra plataforma e-Commerce y el cliente están cifradas de forma segura.

No obstante, es posible que el pequeño candado en el navegador – que indica al cliente que el sitio es seguro – no se muestre si algunos elementos (p. ej. imágenes) de la página de plantilla no están ubicados en un servidor seguro o si algunos marcos en pantalla muestran páginas que no se originan desde sitios seguros.

Incluso aunque la comunicación de procesamiento de pago esté cifrada, la mayoría de navegadores no reconocerán una conexión segura a menos que todos los elementos en pantalla, incluidas imágenes, sonidos, etc., procedan de sitios seguros.

Para los comerciantes que no dispongan de un sitio seguro, tenga en cuenta las reglas siguientes:

  1. No utilice marcos para las páginas de pago: puede actualizar toda la pantalla con una página de plantilla que tenga un aspecto como si estuviera utilizando marcos o permita que el pago se procese en una ventana nueva.
  2. No enlace archivos a la página de plantilla (etiqueta <link>) que utilice para la página de pago. En su lugar, utilice las etiquetas <style> y <script> para incluir estilos y secuencias de comandos en la página de plantilla.
  3. Asegúrese de que las imágenes de la plantilla estén almacenadas en un servidor seguro (la página de plantilla puede estar en un servidor no seguro, sin embargo las imágenes no). Ofrecemos alojamiento para dichos elementos (consulte las opciones de alojamiento de imágenes en su cuenta).

6.8 Uso de página de pago en iframe

Los iframes le permiten integrar una página web externa (como la página de pago) en su sitio web, manteniendo su propia URL en el navegador.

No obstante, en el contexto actual iframe también tiene inconvenientes muy importantes:

  • Dado que la URL es la URL del comerciante, podría ser un http simple (en lugar de un https) y el icono del candado podría no aparecer en el navegador. Esto podría hacer dudar a los clientes de la seguridad de la tienda web.
  • Algunos métodos de pago (como Giropay, Sofort, Bancontact/Mister Cash y PayPal) utilizan redirecciones, lo que podría dar lugar a resultados de diseño inadecuados y a un comportamiento de navegación incorrecto.

Por ello, Ingenico ePayments desaconseja el uso de iframes y el uso de los mismos se realiza bajo su responsabilidad. Ingenico ePayments recomienda encarecidamente el uso de una Plantilla dinámica en su lugar.

Si de todos modos le interesa la integración de iframe, le recomendamos lo siguiente:

  • Utilice iframe solo en la página de selección del método de pago (y más allá)
  • Utilice pop-ups para métodos de pago externos siempre que sea posible, para garantizar la visibilidad de aplicaciones web de terceros.

Como proveedor líder de servicios de pago digitales a nivel global, Ingenico ePayments ofrece una respuesta perfecta a las complejidades asociadas a los pagos en cualquier canal: en línea, móvil y punto de venta. Ofreciendo soluciones innovadoras de comercio electrónico, multicanal, financieras y de marketing, ayudamos a los comerciantes a gestionar, cobrar y proteger sus pagos, así como a evitar el fraude en las transacciones digitales. Ingenico ePayments forma parte de Ingenico Group, el líder mundial en pagos optimizados.

Este sitio web utiliza cookies para poder darle la mejor experiencia de usuario. Si usted no desea aceptar estas cookies, permitimos que cambie la configuración de cookies. Haga clic en "Aceptar" para permitir todas las cookies de este sitio web.

Ajustes de cookies

Introducción

Funcional

Cookies funcionales son necesarios para el sitio web funcione correctamente. Estas cookies no se pueden desactivar.

Optimizado

Cookies de optimización nos permiten analizar el uso del sitio para que podamos medir y mejorar nuestro sitio web.
Este es el nivel predeterminado.

Personalizado

Cookies de personalización se utilizan para los medios sociales y la personalización antelación. Ellos nos permiten mostrarle información relacionada con su empresa. 


Ejemplo de funcionalidad permitida

  • Tienda preferencia país
  • Tienda preferencia de idioma

Ejemplo de funcionalidad no permitido

  • Guardar los datos personales
  • Seguimiento anónimo a través de Google Analytics
  • Seguimiento para fines de marketing

Ejemplo de funcionalidad permitida

  • Tienda preferencia país
  • Tienda preferencia de idioma
  • Seguimiento anónimo a través de Google Analytics

Ejemplo de funcionalidad no permitido

  • Guardar los datos personale
  • Seguimiento para fines de marketing

Ejemplo de funcionalidad permitida

  • Tienda preferencia país
  • Tienda preferencia de idioma
  • Seguimiento anónimo a través de Google Analytics
  • Servir contenido relevante a sus intereses
  • Servir anuncios relevantes para sus intereses
  • Seguimiento para fines de marketing

Ejemplo de funcionalidad no permitido

  • Guardar los datos personale