Elegir los íconos de pago para mostrar

Esta página fue impresa el Dec 01, 2023. Para acceder a la versión actual, por favor visita https://help.shopify.com/es/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/add-credit-card-icons.

Todos los temas de Shopify gratuitos incluyen la opción de mostrar íconos de pago en el pie de página. La configuración de pago y la región y moneda del cliente son los factores que determinan qué íconos se muestran. Puedes activar los íconos de pago en el editor de temas. Para agregar o eliminar íconos de pago sin cambiar la configuración de pago, edita el código de tema.

Íconos de tarjeta de crédito en el pie de página

En esta página

Activar íconos de pago en tu pie de página

El primer paso de personalización es activar los íconos de pago en el pie de página:

  1. Ve al editor de temas.

  2. Haz clic en Pie de página.

  3. Marca la casilla de verificación Mostrar íconos de pago.

  4. Haz clic en Guardar.

Editar el código de tus íconos de pago

En este paso, cambiarás la forma en que se asignan los íconos de pago al pie de página. De forma predeterminada, tu tema muestra los íconos asociados con la pasarela de pago que has activado en la sección de configuración de pago de tu panel de control y que están disponibles para la región y moneda del cliente actual. Con esta personalización, agregarás o eliminarás manualmente los íconos de pago que desees mostrar.

Pasos:

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
  3. En el directorio Secciones, haz clic en footer.liquid. Si tu tema no tiene este archivo, haz clic en theme.liquid en el directorio Diseño.
  4. Busca el siguiente código en el archivo: 
{% for type in shop.enabled_payment_types %}
  1. Reemplaza ese código por lo siguiente: 
{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}
  1. En el código que acabas de pegar hay una lista de proveedores de pago separados por comas: visa,master,american_express,paypal. Los proveedores de pago que incluyas en esta lista determinarán qué íconos de pago se mostrarán en la tienda online. Puedes editar la lista de proveedores de pago para adaptarla a tus necesidades. Revisa la lista de valores disponibles y copia el nombre de cada ícono que necesites de esa lista, sin la extensión .svg. A continuación, se enumeran los valores comunes: - afterpay - american_express - apple_pay - bitcoin - dankort - diners_club - discover - dogecoin - dwolla - facebook_pay - forbrugsforeningen - google_pay - ideal - jcb - klarna - klarna-pay-later - litecoin - maestro - master - paypal - shopify_pay - sofort - unionpay - visa
  2. Haz clic en Guardar.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Administrar temas.
  4. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
  5. En el directorio Secciones, haz clic en footer.liquid. Si tu tema no tiene este archivo, haz clic en theme.liquid en el directorio Diseño.
  6. Busca el siguiente código en el archivo: 
{% for type in shop.enabled_payment_types %}
  1. Reemplaza ese código por lo siguiente: 
{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}
  1. En el código que acabas de pegar hay una lista de proveedores de pago separados por comas: visa,master,american_express,paypal. Los proveedores de pago que incluyas en esta lista determinarán qué íconos de pago se mostrarán en la tienda online. Puedes editar la lista de proveedores de pago para adaptarla a tus necesidades. Revisa la lista de valores disponibles y copia el nombre de cada ícono que necesites de esa lista, sin la extensión .svg. A continuación, se enumeran los valores comunes: - afterpay - american_express - apple_pay - bitcoin - dankort - diners_club - discover - dogecoin - dwolla - facebook_pay - forbrugsforeningen - google_pay - ideal - jcb - klarna - klarna-pay-later - litecoin - maestro - master - paypal - shopify_pay - sofort - unionpay - visa
  2. Haz clic en Guardar.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Administrar temas.
  4. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
  5. En el directorio Secciones, haz clic en footer.liquid. Si tu tema no tiene este archivo, haz clic en theme.liquid en el directorio Diseño.
  6. Busca el siguiente código en el archivo: 
{% for type in shop.enabled_payment_types %}
  1. Reemplaza ese código por lo siguiente: 
{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}
  1. En el código que acabas de pegar hay una lista de proveedores de pago separados por comas: visa,master,american_express,paypal. Los proveedores de pago que incluyas en esta lista determinarán qué íconos de pago se mostrarán en la tienda online. Puedes editar la lista de proveedores de pago para adaptarla a tus necesidades. Revisa la lista de valores disponibles y copia el nombre de cada ícono que necesites de esa lista, sin la extensión .svg. A continuación, se enumeran los valores comunes: - afterpay - american_express - apple_pay - bitcoin - dankort - diners_club - discover - dogecoin - dwolla - facebook_pay - forbrugsforeningen - google_pay - ideal - jcb - klarna - klarna-pay-later - litecoin - maestro - master - paypal - shopify_pay - sofort - unionpay - visa
  2. Haz clic en Guardar.

¿Estás listo/a para comenzar a vender con Shopify?

Prueba gratis