{"id":8316,"date":"2023-08-16T06:18:37","date_gmt":"2023-08-16T13:18:37","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&amp;p=8316"},"modified":"2023-08-16T06:18:37","modified_gmt":"2023-08-16T13:18:37","slug":"activacion-del-proceso-de-pago-seguro-3d-para-una-autenticacion-solida-del-cliente-sca","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/es\/docs\/activacion-del-proceso-de-pago-seguro-3d-para-una-autenticacion-solida-del-cliente-sca\/","title":{"rendered":"Activaci\u00f3n del proceso de pago 3D Secure para la autenticaci\u00f3n fuerte de clientes (SCA)"},"content":{"rendered":"<p><strong><em>Para MM 2.4.0+ , 3D Secure 2.0 est\u00e1 activado para Stripe y Braintree por defecto.<\/em><\/strong><\/p>\n\n\n\n<p>Para los comerciantes situados en el Espacio Econ\u00f3mico Europeo (<a href=\"https:\/\/en.wikipedia.org\/wiki\/European_Economic_Area\" target=\"_blank\" rel=\"noreferrer noopener\">EEE<\/a>) y que venden a clientes situados tambi\u00e9n en el EEE, esto le permite cumplir la autenticaci\u00f3n fuerte de clientes (<a href=\"https:\/\/stripe.com\/guides\/strong-customer-authentication\" target=\"_blank\" rel=\"noreferrer noopener\">SCA<\/a>) establecido por la Directiva revisada sobre servicios de pago (<a href=\"https:\/\/en.wikipedia.org\/wiki\/Payment_Services_Directive#Revised_Directive_on_Payment_Services_(PSD2\" target=\"_blank\" rel=\"noreferrer noopener\">DSP2<\/a>). Esto entrar\u00e1 en vigor el 14 de septiembre de 2019. Los procesadores de pagos externos, como PayPal, le llevan fuera del sitio y proporcionan su propio proceso para el cumplimiento de SCA.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>\u00bfPor qu\u00e9 habilitar un sistema de pago 3D Secure?<\/strong><br><\/h5>\n\n\n\n<p>Esto es obligatorio para los clientes del Espacio Econ\u00f3mico Europeo (EEE) con el fin de cumplir con el requisito de autenticaci\u00f3n fuerte del cliente (SCA) de la PSD2. Si est\u00e1 intentando realizar compras \u00fanicas o iniciales de EEE a EEE a trav\u00e9s de su proceso de pago y esta opci\u00f3n no est\u00e1 activada, es probable que el banco de su cliente no autorice la transacci\u00f3n. <\/p>\n\n\n\n<p>Cuando est\u00e1 activada, se pedir\u00e1 al cliente que complete un paso adicional en el proceso de pago en el que su banco le pedir\u00e1 que proporcione informaci\u00f3n adicional (como un c\u00f3digo de un solo uso enviado a su tel\u00e9fono) antes de que se procese el pago. Los campos de tarjeta de cr\u00e9dito para introducir la informaci\u00f3n de pago aparecen en la p\u00e1gina de pago, pero est\u00e1n incrustados desde Stripe o Braintree (a trav\u00e9s de iFrame). Como resultado, los comerciantes pueden optar a un\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/www.pcicomplianceguide.org\/pci-saq-3-1-e-commerce-options-explained\/\" target=\"_blank\">PCI-DSS SAQ menos riguroso<\/a>\u00a0activando la comprobaci\u00f3n 3D Secure (SAQ A-EP\/A frente a SAQ D).<\/p>\n\n\n\n<p>Para los comerciantes situados fuera del EEE, tambi\u00e9n les beneficiar\u00e1 activar esta funci\u00f3n y se lo recomendamos encarecidamente. Puede ayudar a aumentar la seguridad de sus clientes, reducir los cargos fraudulentos y puede darle derecho a un&nbsp;<a href=\"https:\/\/www.pcicomplianceguide.org\/pci-saq-3-1-e-commerce-options-explained\/\" target=\"_blank\" rel=\"noreferrer noopener\">PCI-DSS SAQ menos riguroso<\/a>&nbsp;activando la comprobaci\u00f3n 3D Secure (SAQ A-EP\/A frente a SAQ D).<\/p>\n\n\n\n<p>Cabe se\u00f1alar que&nbsp;<strong>las suscripciones y transacciones peri\u00f3dicas fijas est\u00e1n exentas<\/strong>&nbsp;de la normativa SCA. Mientras el importe del pago siga siendo el mismo, las transacciones futuras no necesitar\u00e1n SCA. Si el importe del pago cambia, entonces ser\u00e1 necesaria la autenticaci\u00f3n SCA adicional. Esto tambi\u00e9n se aplica retroactivamente a cualquier suscripci\u00f3n recurrente que se haya creado antes del 14 de septiembre de 2019.<\/p>\n\n\n\n<p>Otras exenciones destacables son :&nbsp;<strong>Transacciones iniciadas por el comerciante<\/strong>&nbsp;(pagos realizados con tarjetas guardadas) y&nbsp;<strong>Transacciones inferiores a 30 euros<\/strong><\/p>\n\n\n\n<p><strong>IMPORTANTE:&nbsp;<\/strong>Stripe.js y Stripe Elements s\u00f3lo se pueden utilizar en el proceso de pago.  Cualquier transacci\u00f3n de API no se contabiliza y esta pr\u00e1ctica da lugar a mayores requisitos SAQ de cumplimiento de PCI. Consulte el<a href=\"https:\/\/membermouse.com\/es\/docs\/llamada-a-la-api-createmember\/\" target=\"_blank\" rel=\"noreferrer noopener\">&nbsp;Llamada a la API CreateMember<\/a>&nbsp;para m\u00e1s informaci\u00f3n.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Activaci\u00f3n de los elementos de Stripe<em>&nbsp;(Raya)<\/em><\/strong><\/h5>\n\n\n\n<p><em>Siga este proceso si ya tiene Stripe configurado en su sitio y simplemente desea habilitar los elementos de Stripe.&nbsp;<\/em><\/p>\n\n\n\n<p><em>Si necesita configurar Stripe, consulte&nbsp;<\/em><em><a href=\"https:\/\/membermouse.com\/es\/docs\/configuracion-de-stripe\/\">este art\u00edculo para obtener instrucciones completas de configuraci\u00f3n.<\/a><\/em><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li>En el panel de control de WordPress, vaya a\u00a0<em>MemberMouse &gt; Configuraci\u00f3n de pagos<\/em>\u00a0y haga clic en el bot\u00f3n\u00a0<em>Formas de pago<\/em>\u00a0pesta\u00f1a. En\u00a0<em>Forma de pago in situ<\/em>seleccione\u00a0<em>Raya<\/em>. Esto mostrar\u00e1 las opciones de configuraci\u00f3n de Stripe.<br><br><\/li>\n\n\n\n<li>\u00a0Seleccione la casilla situada junto a \"Activar elementos de Stripe\".<br><br><\/li>\n\n\n\n<li>Haga clic en el bot\u00f3n&nbsp;<em>Guardar formas de pago&nbsp;<\/em>bot\u00f3n.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Activaci\u00f3n de 3D Secure 2.0&nbsp;<em>(Braintree)<\/em><\/strong><\/h5>\n\n\n\n<p><em>Siga este proceso si ya tiene Braintree configurado en su sitio y simplemente desea activar 3D Secure 2.&nbsp;<\/em><\/p>\n\n\n\n<p><em>Si necesita configurar Braintree, consulte&nbsp;<\/em><em><a href=\"https:\/\/membermouse.com\/es\/docs\/configuracion-de-braintree\/\">este art\u00edculo sobre la configuraci\u00f3n de Braintree.<\/a><\/em><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li>En el panel de control de WordPress, vaya a\u00a0<em>MemberMouse &gt; Configuraci\u00f3n de pagos<\/em>\u00a0y haga clic en el bot\u00f3n\u00a0<em>Formas de pago<\/em>\u00a0ficha.<br><br><\/li>\n\n\n\n<li>En\u00a0<em>Forma de pago in situ<\/em>seleccione\u00a0<em>Braintree<\/em>. Aparecer\u00e1n las opciones de configuraci\u00f3n de Braintree.<br><br><\/li>\n\n\n\n<li>\u00a0Seleccione la casilla de verificaci\u00f3n situada junto a \"Activar Hosted Fields \/ 3D Secure 2\".<br><br><img decoding=\"async\" class=\"wp-image-10646\" style=\"width: 600px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/59b37a23-tzxbvbwq6qosq262wqcr1ib9psws6kgkoa.png\" alt=\"\"><br><br><\/li>\n\n\n\n<li>Haga clic en el bot\u00f3n&nbsp;<em>Guardar formas de pago&nbsp;<\/em>bot\u00f3n<\/li>\n<\/ol>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"format\"><strong>Probar el sistema de pago 3D Secure<\/strong><\/h5>\n\n\n\n<p>Tanto Stripe como Braintree han creado datos de prueba espec\u00edficos para probar pagos en los que se requiere autenticaci\u00f3n fuerte de cliente. Puede encontrar esa informaci\u00f3n, as\u00ed como detalles generales sobre el proceso de prueba para cada proveedor de pago, en los siguientes art\u00edculos.<\/p>\n\n\n\n<p><a href=\"https:\/\/membermouse.com\/es\/docs\/pruebas-con-raya\/\">Pruebas con Stripe<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/membermouse.com\/es\/docs\/pruebas-con-braintree\/\">Pruebas con Braintree<\/a><\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"format\"><strong>Formatear la caja<\/strong><\/h5>\n\n\n\n<p>Dado que los campos 3D Secure se incrustan en la p\u00e1gina de pago a trav\u00e9s de iFrame del proveedor de pagos elegido, los estilos CSS del sitio (fuente, altura y anchura del campo, etc.) no se aplicar\u00e1n a estos campos.  En su lugar, cualquier estilo debe aplicarse a los contenedores (divs) en los que se carga cada campo. \u00a0<\/p>\n\n\n\n<p>MemberMouse ha aplicado algunas CSS para que el estilo de los campos sea lo m\u00e1s compatible posible con m\u00faltiples temas y navegadores, pero habr\u00e1 diferencias. Por lo tanto, le sugerimos que revise los formularios de pago de su sitio y ajuste los estilos que considere necesarios. \u00a0<\/p>\n\n\n\n<p>Hemos incluido algunas instrucciones b\u00e1sicas para ayudarle a ajustar aquellos estilos que pueden ajustarse y que ser\u00e1n diferentes en todas las cajas. Si necesita ayuda con otros ajustes y no dispone de un dise\u00f1ador o desarrollador, tenemos una lista de\u00a0<a href=\"http:\/\/activating%20the%203d%20secure%20checkout%20process%20for%20strong%20customer%20authentication%20%28sca%29\/\">Contratistas cualificados<\/a>\u00a0que tengan experiencia trabajando con MemberMouse.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\">Localizaci\u00f3n de estilos<\/h6>\n\n\n\n<p>Incluimos algunas instrucciones b\u00e1sicas para localizar las clases de campo, as\u00ed como los estilos ya existentes y c\u00f3mo a\u00f1adir nuevos estilos propios.  Todas las instrucciones aqu\u00ed son para el navegador de escritorio Chrome.  La mayor\u00eda de los otros navegadores principales tienen herramientas similares que se pueden utilizar para lograr los mismos resultados.<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>1. En la ventana de su navegador, haga clic con el bot\u00f3n derecho del rat\u00f3n en el elemento de la p\u00e1gina de pago para el que desea localizar el estilo y haga clic en \"Inspeccionar\" en la parte inferior del men\u00fa para abrir el Inspector.  El campo de correo electr\u00f3nico funciona bien para los estilos de campo de texto.<br><br><img decoding=\"async\" class=\"wp-image-10647\" style=\"width: 350px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/b44b1ae2-myg8bj7nzewstkoiyzmj0p4h0gbyobmvvw.png\" alt=\"\"><br><br><\/p>\n\n\n\n<p>2. Cuando se abra el inspector, ver\u00e1 varias secciones (su dise\u00f1o puede ser diferente).<br><br><img decoding=\"async\" class=\"wp-image-10648\" style=\"width: 550px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/3a485884-rbsfnkfdec_pd0cju1yoq99vdzh1xib2wq.png\" alt=\"\"><br><br><\/p>\n\n\n\n<p><strong>I.<\/strong>\u00a0El c\u00f3digo HTML del elemento sobre el que ha hecho clic con el bot\u00f3n derecho aparecer\u00e1 resaltado en el inspector.<br><\/p>\n\n\n\n<p><strong>II.<\/strong>\u00a0Los estilos que est\u00e9n activos en ese elemento se mostrar\u00e1n en colores brillantes.<\/p>\n\n\n\n<p>Las reglas CSS se dividen en tres secciones.<\/p>\n\n\n\n<p>selector {style:value}<\/p>\n\n\n\n<p>Cada regla comienza con el selector al que se aplica. Para m\u00e1s informaci\u00f3n, consulte este art\u00edculo sobre&nbsp;<a href=\"https:\/\/www.w3schools.com\/css\/css_selectors.asp\" target=\"_blank\" rel=\"noreferrer noopener\">Selectores CSS<\/a>.<\/p>\n\n\n\n<p>- Los tipos de elementos como input, p, button aparecer\u00e1n en texto plano. Los estilos aplicados a un tipo de elemento se aplicar\u00e1n a cualquier elemento coincidente de la p\u00e1gina.<\/p>\n\n\n\n<p>- Las clases ir\u00e1n precedidas de un punto (.). Los estilos aplicados a las clases tambi\u00e9n se aplicar\u00e1n a cualquier elemento que tenga esa clase a\u00f1adida.<\/p>\n\n\n\n<p>- Los ID ir\u00e1n precedidos de una almohadilla (#).  El ID de cada elemento debe ser \u00fanico, por lo que los estilos aplicados a un ID s\u00f3lo se aplicar\u00e1n a esa instancia de ese elemento.<\/p>\n\n\n\n<p>A continuaci\u00f3n, entre llaves, ver\u00e1 el tipo de estilo seguido de dos puntos y el valor del estilo.<\/p>\n\n\n\n<p>Por ejemplo, todos los elementos de entrada de esta p\u00e1gina tendr\u00e1n un borde de 2 p\u00edxeles de ancho, s\u00f3lido, con un color hexadecimal de #d4d0ba.<\/p>\n\n\n\n<p>En la parte superior derecha de esta secci\u00f3n, ver\u00e1 el archivo o la ubicaci\u00f3n desde la que se carg\u00f3 el CSS.<br><br><\/p>\n\n\n\n<p><strong>III.<\/strong>\u00a0Los estilos pueden ser anulados por reglas CSS cargadas posteriormente en la p\u00e1gina. Los estilos que se hubieran aplicado, pero que han sido anulados, aparecer\u00e1n tachados.<br><br><\/p>\n\n\n\n<p><strong>IV.<\/strong>&nbsp;Esta secci\u00f3n muestra los estilos computados. Es muy detallada, por lo que puede resultar dif\u00edcil extraer lo que se busca. Pero, si no puedes encontrar el estilo aplicado en la primera secci\u00f3n, esta es otra forma de localizar el estilo activo para un elemento.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\">Cambio de estilos<\/h6>\n\n\n\n<p>Una vez localizado, puede a\u00f1adir cualquier regla de estilo CSS a la casilla CSS adicional de su tema situada en WordPress &gt; Apariencia &gt; Personalizar &gt; CSS adicional. Las reglas que se enumeran a continuaci\u00f3n cubrir\u00e1n la mayor\u00eda de las diferencias de estilo que podr\u00eda ver entre los campos alojados y los dem\u00e1s campos de su p\u00e1gina de pago.  Una vez que haya localizado el valor de estilo para el tipo de elemento que desea imitar, puede utilizarlo para ajustar las reglas siguientes de modo que los campos alojados coincidan mejor con los dem\u00e1s estilos de su p\u00e1gina.&nbsp;<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>Tama\u00f1o del campo<\/strong><\/h6>\n\n\n\n<p>MemberMouse ha incluido CSS para que la altura y la anchura coincidan lo m\u00e1s posible con el tama\u00f1o del campo en la mayor\u00eda de los temas, pero si el tama\u00f1o no se ajusta a su tema, puede ajustarlo mediante las reglas que se indican a continuaci\u00f3n.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.w3schools.com\/cssref\/pr_dim_height.asp\" target=\"_blank\" rel=\"noreferrer noopener\">Altura<\/a>&nbsp;- Determina la altura de un elemento. Puede aparecer en varios tipos de medidas.  Consulte el art\u00edculo enlazado para obtener m\u00e1s informaci\u00f3n.<\/p>\n\n\n\n<p>Esto fijar\u00e1 la altura de los campos en 2,5 veces el tama\u00f1o de la fuente de la p\u00e1gina, que se utiliza como unidad b\u00e1sica de medida en CSS. Puede establecer el valor m\u00e1s alto o m\u00e1s bajo para que el campo sea m\u00e1s alto o m\u00e1s bajo, o puede cambiar el tipo de medida utilizada.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>.StripeElement, .mm-braintree-hosted-field {height: 2.5em;}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><a href=\"https:\/\/www.w3schools.com\/cssref\/pr_dim_width.asp\" target=\"_blank\" rel=\"noreferrer noopener\">Anchura<\/a>&nbsp;- Determina la anchura de un elemento. Puede aparecer en varios tipos de medidas.  Consulte el art\u00edculo enlazado para obtener m\u00e1s informaci\u00f3n.  Dado que los campos de entrada contienen diferentes tipos de informaci\u00f3n, es posible que desee que tengan diferentes anchuras, por lo que las reglas para la anchura se dirigen a cada tipo de campo individualmente.<\/p>\n\n\n\n<p>Esto establecer\u00e1 el ancho de los campos de tarjeta de cr\u00e9dito como un porcentaje del elemento padre (contenedor de Detalles de Facturaci\u00f3n). Puede establecer el valor m\u00e1s alto o m\u00e1s bajo para que el campo sea m\u00e1s ancho o m\u00e1s estrecho, o puede cambiar el tipo de medida utilizada.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>##mm_braintree_cc_number, #mm_field_cc_number_div {width: 50%;}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Esta regla establece la anchura de los campos de texto CVV y Caducidad como porcentaje del elemento padre (contenedor Detalles de facturaci\u00f3n).<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>#mm_braintree_cc_cvv, #mm_field_cc_cvv_div, #mm_field_cc_exp_div {width: 25%;}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Esto establecer\u00e1 el con para los selectores desplegables de mes y a\u00f1o de caducidad de la tarjeta de cr\u00e9dito en Braintree como un porcentaje del elemento padre (contenedor Detalles de facturaci\u00f3n).<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>#mm_braintree_cc_exp_month, #mm_braintree_cc_exp_year {width: 25%;}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>Frontera<\/strong><\/h6>\n\n\n\n<p>MemberMouse incluye un borde b\u00e1sico para algunos campos. Puede modificar la regla siguiente con valores de cualquiera de los campos de entrada de texto de MemberMouse para cambiar los campos alojados y adaptarlos a su tema.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.w3schools.com\/cssref\/pr_border.asp\" target=\"_blank\" rel=\"noreferrer noopener\">Frontera<\/a>&nbsp;- La propiedad border es una abreviatura de las propiedades border-width, border-style y border-color.  Si tu tema las lista por separado, puedes combinarlas en una \u00fanica regla para aplicarlas a los campos alojados.<\/p>\n\n\n\n<p>Esta regla aplicar\u00e1 un borde punteado de 2 p\u00edxeles con un valor de color de #d55c9f.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>.StripeElement, #mm_braintree_cc_number, #mm_braintree_cc_cvv {border: 2px dotted #d55c9f;}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>Estilismo de cajas<\/strong><\/h6>\n\n\n\n<p>La hoja de estilos del navegador para las propiedades border-radius y box-shadow tienden a cambiar entre dispositivos de escritorio y m\u00f3viles.  Es posible que desee ver su p\u00e1gina en diferentes navegadores y dispositivos para decidir si desea establecer estos estilos expl\u00edcitamente para que coincida con su tema (si est\u00e1 presente), o uno de los tipos de navegador.<\/p>\n\n\n\n<p>Puede utilizar el siguiente CSS en el cuadro CSS adicional de su tema (WordPress &gt; Apariencia &gt; Personalizar &gt; CSS adicional) para establecer estas caracter\u00edsticas en la entrada MemberMouse y en los campos de pago incrustados. Para obtener instrucciones detalladas sobre cualquier propiedad, haga clic en el nombre de la propiedad vinculada.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.w3schools.com\/cssref\/css3_pr_border-radius.asp\" target=\"_blank\" rel=\"noreferrer noopener\">Radio del borde<\/a>&nbsp;- establece la curva de las esquinas del campo. S\u00f3lo se aplica a campos con bordes establecidos.<\/p>\n\n\n\n<p>Para bordes redondeados.  Aumente el tama\u00f1o de p\u00edxel para curvas m\u00e1s grandes, disminuya para esquinas m\u00e1s puntiagudas.:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>.StripeElement, mm-braintree-hosted-field, .mm-textField, .mm-selectList {border-radius: 5px;}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Para eliminar el elemento de borde en todos los campos:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>.StripeElement, mm-braintree-hosted-field, .mm-textField, .mm-selectList {border-radius: none;}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><a href=\"https:\/\/www.w3schools.com\/cssref\/css3_pr_box-shadow.asp\" target=\"_blank\" rel=\"noreferrer noopener\">Caja Sombra<\/a>&nbsp;- A\u00f1ade una sombra a un elemento.  Puede establecerse en cualquier direcci\u00f3n, dentro o fuera.<\/p>\n\n\n\n<p>Esto crear\u00e1 una ligera sombra gris oscura en la parte inferior y ligeramente a la derecha. \u00a0<\/p>\n\n\n\n<p>El primer n\u00famero es la alineaci\u00f3n vertical.  Haga el n\u00famero m\u00e1s alto para mover el m\u00e1s lejos a la derecha, o negativo a la izquierda. \u00a0<\/p>\n\n\n\n<p>El segundo n\u00famero es la alineaci\u00f3n horizontal. Los n\u00fameros m\u00e1s altos lo mueven m\u00e1s abajo, los n\u00fameros negativos lo mueven por encima de la caja. \u00a0<\/p>\n\n\n\n<p>El tercer n\u00famero es el desenfoque. Los n\u00fameros m\u00e1s altos har\u00e1n que la sombra parezca menos n\u00edtida. \u00a0<\/p>\n\n\n\n<p>El \u00faltimo conjunto es el color.  Puede utilizar el\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/www.w3schools.com\/html\/html_colors.asp\" target=\"_blank\">Colores HTML<\/a>\u00a0para obtener informaci\u00f3n sobre m\u00e1s opciones.  A\u00f1adir 'inset' despu\u00e9s del conjunto de colores har\u00e1 que la sombra aparezca dentro de la caja en lugar de fuera.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>.StripeElement, mm-braintree-hosted-field, .mm-textField, .mm-selectList {box-shadow: 1px 1px 5px rgb(120,120,120);}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Esto eliminar\u00e1 la sombra de todos los campos<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>.StripeElement, mm-braintree-hosted-field, .mm-textField, .mm-selectList {none;}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>Fuentes<\/strong><\/h6>\n\n\n\n<p>Por su naturaleza, los estilos de fuente no pueden aplicarse a los contenedores div, lo que significa que la familia de fuentes, el tama\u00f1o y otras caracter\u00edsticas no pueden alterarse en los campos Stripe\/Braintree.  Tanto los campos de Stripe como los de Braintree extraen los valores de las propiedades del navegador en el que se est\u00e1n mostrando, y estas propiedades tienden a ser bastante consistentes. Si la fuente de su tema es muy diferente, para que la fuente de su p\u00e1gina de pago coincida con la de todas las dem\u00e1s, puede considerar a\u00f1adir reglas personalizadas para cambiar la fuente de su tema en esa p\u00e1gina para que coincida mejor con los campos incrustados.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.w3schools.com\/cssref\/pr_font_font.asp\" target=\"_blank\" rel=\"noreferrer noopener\">Fuente<\/a>&nbsp;- Establece propiedades como el peso, el tama\u00f1o y la familia de la fuente.<\/p>\n\n\n\n<p>Esto har\u00e1 coincidir la fuente de su p\u00e1gina MemberMouse Checkout con las propiedades promedio del navegador.  El primer valor es el peso, n\u00fameros mayores har\u00e1n la fuente m\u00e1s gruesa.  El segundo es el tama\u00f1o, y el tercero es la familia de fuentes.:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>.mm-textField, .mm-selectList {font: 400 13px sans-serif;}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Para MM 2.4.0+ , 3D Secure 2.0 est\u00e1 activado para Stripe y Braintree por defecto. Para aquellos comerciantes que se encuentren en el Espacio Econ\u00f3mico Europeo (EEE) y que vendan...<\/p>","protected":false},"author":9645,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[201],"ht-kb-tag":[],"class_list":["post-8316","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-sca"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb\/8316","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/users\/9645"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/comments?post=8316"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb\/8316\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/media?parent=8316"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-category?post=8316"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-tag?post=8316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}