Personalizar el estilo de tu pantalla de pago
Si vendes tus productos a través de una tienda en línea, entonces puedes personalizar el estilo de tus pantallas de pago en el editor de la pantalla de pago y de cuentas. Puedes agregar el logo de tu empresa, cambiar los colores o elegir una nueva fuente, para que la pantalla de pago concuerde con el estilo de tu negocio.
Algunas de las opciones de promoción de marca que elijas para las páginas de pago también se aplicarán automáticamente a tus páginas de cuentas de cliente nuevas.
En esta página
- Consideraciones para personalizar el estilo de tu pantalla de pago
- Subir una imagen de fondo para el banner
- Agregar un logo a la página de pago
- Agregar una imagen o un color de fondo al área de contenido principal
- Cambiar el color de los campos del formulario
- Agregar una imagen o un color de fondo al resumen del pedido
- Cambiar o eliminar una imagen de la página de pago
- Cambiar la fuente de la página de pago
- Cambiar los colores de los botones y el texto resaltado de la página de pago
- Cambiar el diseño de la pantalla de pago
- Mostrar el campo de código de descuento de forma predeterminada en dispositivos móviles
- Agregar bloques de aplicaciones a tus páginas de pago
Consideraciones para personalizar el estilo de tu pantalla de pago
Antes de personalizar el estilo de tu pantalla de pago, revisa las siguientes consideraciones:
- El área Configuraciones en la sección de configuración de la Pantalla de pago del panel de control permanecerá oculta hasta que hayas elegido un plan y creado tu primer producto.
- Si te has suscrito a Shopify Plus, puedes usar la API Checkout Branding para personalizaciones avanzadas de promoción de marca en la pantalla de pago.
Si necesitas ayuda para personalizar el estilo del carrito y la pantalla de pago, puedes contratar a un Shopify Partner. Obtén más información sobre cómo contratar a un Shopify Partner.
Aunque quieras agregar mucho colorido a tu pantalla de pago para que sea llamativa, lo mejor es mantener un diseño simple. Tus clientes utilizan esta página para introducir los datos de envío y pago de sus pedidos, por lo que no es prudente distraerlos o dificultar la lectura de la información. Selecciona colores con alto contraste e imágenes que no le resten atención a las palabras de la página.
Subir una imagen de fondo para el banner
En la parte superior de cada página de pago, se muestra el nombre de tu tienda en un banner. La imagen de fondo del banner se puede cambiar. Selecciona una acorde con tu marca. Por ejemplo, si vendes joyería, una imagen con brazaletes o aretes puede ser una buena opción. Las imágenes del banner se ven mejor con una resolución de 1000 x 400 píxeles.
Pasos:
Escritorio
Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
En la sección Configuraciones, haz clic en Personalizar junto a la configuración de pago que deseas personalizar.
En la pantalla de pago y el editor de cuentas, haz clic en el ícono de engranaje para acceder a la barra lateral de Configuración.
En la sección Encabezado de la pantalla de pago, haz clic en Agregar imagen en la opción Imagen de fondo.
Haz clic en Agregar imágenes para subir un archivo de imagen, o selecciona uno de tu biblioteca.
Haz clic en Guardar.
iPhone
- En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la pantalla de pago que deseas personalizar.
- En el editor de pantalla de pago y cuentas, toca Configuración.
- En la sección Encabezado de la pantalla de pago, toca Agregar imagen en la opción Imagen de fondo.
- Toca Agregar imagen para subir un archivo de imagen o selecciona una imagen existente de tu biblioteca.
- Toca Guardar.
Android
- En la aplicación de Shopify, toca el botón ☰ y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la pantalla de pago que deseas personalizar.
- En el editor de pantalla de pago y cuentas, toca Configuración.
- En la sección Encabezado de la pantalla de pago, toca Agregar imagen en la opción Imagen de fondo.
- Toca Agregar imagen para subir un archivo de imagen o selecciona una imagen existente de tu biblioteca.
- Toca Guardar.
Agregar un logo a la página de pago
Puedes agregar el logo de tu tienda a la pantalla de pago. Si estás utilizando una imagen de banner, entonces el logo aparece sobre esta. Puedes alinear el logo a la izquierda, derecha, o en el centro del área del banner en las pantallas de pagos.
Pasos:
Escritorio
Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
En la sección Configuraciones, haz clic en Personalizar junto a la configuración de pago que deseas personalizar.
En la pantalla de pago y el editor de cuentas, haz clic en el ícono de engranaje para acceder a la barra lateral de Configuración.
En la sección Logo, haz clic en Agregar imagen.
Haz clic en Agregar imágenes para subir un archivo de imagen, o selecciona uno de tu biblioteca.
-
Opcional: En la sección Encabezado de pantalla de pago, ajusta tu logo con las siguientes configuraciones:
- Usa Ancho máximo del logo para seleccionar un tamaño para el logo, en píxeles.
- Usa Alineación de logo para seleccionar si tu logo se muestra a la izquierda, al centro o a la derecha del banner.
- Usa Posición del logo para seleccionar dónde se muestra el logo en la pantalla de pago.
Haz clic en Guardar.
iPhone
- En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la pantalla de pago que deseas personalizar.
- En el editor de pantalla de pago y cuentas, toca Configuración.
- En la sección Logo, toca Agregar imagen.
- Toca Agregar imagen para subir un archivo de imagen o selecciona una imagen existente de tu biblioteca.
-
Opcional: En la sección Encabezado de pantalla de pago, ajusta tu logo con las siguientes configuraciones:
- Usa Ancho máximo del logo para seleccionar un tamaño para el logo, en píxeles.
- Usa Alineación de logo para seleccionar si tu logo se muestra a la izquierda, al centro o a la derecha del banner.
- Usa Posición del logo para seleccionar dónde se muestra el logo en la pantalla de pago.
Toca Guardar.
Android
- En la aplicación de Shopify, toca el botón ☰ y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la pantalla de pago que deseas personalizar.
- En el editor de pantalla de pago y cuentas, toca Configuración.
- En la sección Logo, toca Agregar imagen.
- Toca Agregar imagen para subir un archivo de imagen o selecciona una imagen existente de tu biblioteca.
-
Opcional: En la sección Encabezado de pantalla de pago, ajusta tu logo con las siguientes configuraciones:
- Usa Ancho máximo del logo para seleccionar un tamaño para el logo, en píxeles.
- Usa Alineación de logo para seleccionar si tu logo se muestra a la izquierda, al centro o a la derecha del banner.
- Usa Posición del logo para seleccionar dónde se muestra el logo en la pantalla de pago.
Toca Guardar.
Agregar una imagen o un color de fondo al área de contenido principal
Puedes agregar una imagen o color de fondo al área de contenido principal de las páginas de pago. Aquí es donde tus clientes ingresan sus datos de envío y de pago, así que asegúrate de que se puedan leer los campos claramente contra el fondo.
Las imágenes más pequeñas se repetirán de forma vertical y horizontal en el fondo, como recuadros. Solo puedes agregar una imagen o un color de fondo, no ambos.
Pasos:
Escritorio
Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
En la sección Configuraciones, haz clic en Personalizar junto a la configuración de pago que deseas personalizar.
En la pantalla de pago y el editor de cuentas, haz clic en el ícono de engranaje para acceder a la barra lateral de Configuración.
-
En la sección Fondo 1, agrega un color o imagen de fondo:
- Para agregar un color, haz clic en Color de fondo para abrir el selector de colores y luego elige un color o ingresa un código hexadecimal.
- Para agregar una imagen, haz clic en Agregar imagen en la sección Imagen de fondo. Haz clic en Agregar imágenes para subir un archivo de imagen, o selecciona uno de tu biblioteca.
Haz clic en Guardar.
iPhone
- En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la pantalla de pago que deseas personalizar.
- En el editor de pantalla de pago y cuentas, toca Configuración.
-
En la sección Fondo 1, agrega un color o imagen de fondo.
- Para agregar un color, toca Color de fondo para abrir el selector de colores y luego elige un color o ingresa un código hexadecimal.
- Para agregar una imagen, en la sección Imagen de fondo, toca Agregar imagen. Toca Agregar imágenes para subir un archivo de imagen o selecciona una imagen existente de tu biblioteca.
Toca Guardar.
Android
- En la aplicación de Shopify, toca el botón ☰ y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la pantalla de pago que deseas personalizar.
- En el editor de pantalla de pago y cuentas, toca Configuración.
-
En la sección Fondo 1, agrega un color o imagen de fondo.
- Para agregar un color, toca Color de fondo para abrir el selector de colores y luego elige un color o ingresa un código hexadecimal.
- Para agregar una imagen, en la sección Imagen de fondo, toca Agregar imagen. Toca Agregar imágenes para subir un archivo de imagen o selecciona una imagen existente de tu biblioteca.
Toca Guardar.
Cambiar el color de los campos del formulario
Puedes cambiar el color de los campos para que sean blancos o transparentes. Puedes hacer que los campos sean transparentes para que una imagen de fondo sea visible. Asegúrate de poder leer claramente el texto en los campos.
Pasos:
Escritorio
Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
En la sección Configuraciones, haz clic en Personalizar junto a la configuración de pago que deseas personalizar.
En la pantalla de pago y el editor de cuentas, haz clic en el ícono de engranaje para acceder a la barra lateral de Configuración.
En la sección Color, ve a Campo de formulario y fondo de la tarjeta y haz clic en Transparente o Blanco.
Haz clic en Guardar.
iPhone
- En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la pantalla de pago que deseas personalizar.
- En el editor de pantalla de pago y cuentas, toca Configuración.
- En la sección Color, ve a Campo de formulario y fondo de tarjeta y toca Transparente o Blanco.
- Toca Guardar.
Android
- En la aplicación de Shopify, toca el botón ☰ y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la pantalla de pago que deseas personalizar.
- En el editor de pantalla de pago y cuentas, toca Configuración.
- En la sección Color, ve a Campo de formulario y fondo de tarjeta y toca Transparente o Blanco.
- Toca Guardar.
Agregar una imagen o un color de fondo al resumen del pedido
Cuando un cliente hace clic en Mostrar resumen del pedido en una página de pago, aparecerá un listado de los productos que está comprando. Puedes agregar una imagen o color de fondo al resumen del pedido. Puedes hacer clic en Mostrar resumen del pedido en la vista previa en el editor de temas para asegurarte de que estás conforme con la forma en que se muestra el resumen del pedido.
Las imágenes más pequeñas se repetirán de forma vertical y horizontal en el fondo, como recuadros.
Pasos:
Escritorio
Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
En la sección Configuraciones, haz clic en Personalizar junto a la configuración de pago que deseas personalizar.
En la pantalla de pago y el editor de cuentas, haz clic en el ícono de engranaje para acceder a la barra lateral de Configuración.
-
En la sección Fondo 2, agrega un color o una imagen de fondo.
- Para agregar un color, haz clic en Color de fondo para abrir el selector de colores y luego elige un color o ingresa un código hexadecimal.
- Para agregar una imagen, haz clic en Imagen de fondo > Agregar imagen. Haz clic en Agregar imágenes para subir un archivo de imagen, o selecciona uno de tu biblioteca.
Haz clic en Guardar.
iPhone
- En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la pantalla de pago que deseas personalizar.
- En el editor de pantalla de pago y cuentas, toca Configuración.
-
En la sección Fondo 2, agrega un color o una imagen de fondo.
- Para agregar un color, toca Color de fondo para abrir el selector de colores y luego elige un color o ingresa un código hexadecimal.
- Para agregar una imagen, en la sección Imagen de fondo, toca Agregar imagen. Toca Agregar imágenes para subir un archivo de imagen o selecciona una imagen existente de tu biblioteca.
Toca Guardar.
Android
- En la aplicación de Shopify, toca el botón ☰ y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la pantalla de pago que deseas personalizar.
- En el editor de pantalla de pago y cuentas, toca Configuración.
-
En la sección Fondo 2, agrega un color o una imagen de fondo.
- Para agregar un color, toca Color de fondo para abrir el selector de colores y luego elige un color o ingresa un código hexadecimal.
- Para agregar una imagen, en la sección Imagen de fondo, toca Agregar imagen. Toca Agregar imágenes para subir un archivo de imagen o selecciona una imagen existente de tu biblioteca.
Toca Guardar.
Cambiar o eliminar una imagen de la página de pago
Puedes cambiar o eliminar cualquiera de las imágenes que hayas agregado a las pantallas de pagos.
Pasos:
Escritorio
Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
En la sección Configuraciones, haz clic en Personalizar junto a la configuración de pago que deseas personalizar.
En la pantalla de pago y el editor de cuentas, haz clic en el ícono de engranaje para acceder a la barra lateral de Configuración.
Bajo la imagen que desees reemplazar, haz clic en Cambiar para seleccionar una de tu biblioteca, o explora imágenes gratuitas.
Haz clic en Guardar.
iPhone
- En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la pantalla de pago que deseas personalizar.
- En el editor de pantalla de pago y cuentas, toca Configuración.
- Debajo de la imagen que desees reemplazar, toca Cambiar para seleccionar una de tu biblioteca, o explora imágenes gratuitas.
- Toca Guardar.
Android
- En la aplicación de Shopify, toca el botón ☰ y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la pantalla de pago que deseas personalizar.
- En el editor de pantalla de pago y cuentas, toca Configuración.
- Debajo de la imagen que desees reemplazar, toca Cambiar para seleccionar una de tu biblioteca, o explora imágenes gratuitas.
- Toca Guardar.
Para eliminar una imagen, haz clic en Cambiar > Eliminar imagen. Esto no elimina la imagen de Shopify.
Agrega texto alternativo a tus imágenes
Después de agregar imágenes a tus páginas de pago, puedes agregar texto alternativo de la imagen. Este texto puede ayudar con la accesibilidad y la optimización de motores de búsqueda (SEO). Obtén más información acerca de la optimización de motores de búsqueda.
Pasos:
- En la imagen a la que desees agregar texto alternativo, haz clic en Editar.
- En Texto alternativo, introduce el texto alternativo para la imagen. Elige un título corto y descriptivo para ella.
- Haz clic en Guardar.
Cambiar la fuente de la página de pago
Puedes personalizar tus pantallas de pagos, seleccionando de una lista de fuentes disponibles para ello. Sin embargo, no puedes cambiar el color del texto en la pantalla de pago.
Pasos:
Escritorio
Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
En la sección Configuraciones, haz clic en Personalizar junto a la configuración de pago que deseas personalizar.
En la pantalla de pago y el editor de cuentas, haz clic en el ícono de engranaje para acceder a la barra lateral de Configuración.
En la sección Tipografía, haz clic en el menú desplegable Encabezados o en el menú desplegable Cuerpo y luego selecciona una fuente.
Haz clic en Guardar.
iPhone
- En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la pantalla de pago que deseas personalizar.
- En el editor de pantalla de pago y cuentas, toca Configuración.
- En la sección Tipografía, toca el menú desplegable Encabezados o el menú desplegable Cuerpo y luego selecciona una fuente.
- Toca Guardar.
Android
- En la aplicación de Shopify, toca el botón ☰ y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la pantalla de pago que deseas personalizar.
- En el editor de pantalla de pago y cuentas, toca Configuración.
- En la sección Tipografía, toca el menú desplegable Encabezados o el menú desplegable Cuerpo y luego selecciona una fuente.
- Toca Guardar.
Cambiar los colores de los botones y el texto resaltado de la página de pago
Puedes cambiar el color de los botones, mensajes de error y otros indicadores, como enlaces en las pantallas de pago. Si cambias los colores, asegúrate que el texto se pueda leer claramente contra el fondo del área de contenido principal y del resumen del pedido.
Pasos:
Escritorio
Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
En la sección Configuraciones, haz clic en Personalizar junto a la configuración de pago que deseas personalizar.
En la pantalla de pago y el editor de cuentas, haz clic en el ícono de engranaje para acceder a la barra lateral de Configuración.
En la sección Colores, haz clic en el cuadro de color junto a Resaltados, Botones o Errores para abrir el selector de color. A continuación, elige un color o ingresa un código hexadecimal.
Haz clic en Guardar.
iPhone
- En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la pantalla de pago que deseas personalizar.
- En el editor de pantalla de pago y cuentas, toca Configuración.
- En la sección Colores, toca el cuadro de color junto a Resaltados, Botones o Errores para abrir el selector de color. A continuación, elige un color o ingresa un código hexadecimal.
- Toca Guardar.
Android
- En la aplicación de Shopify, toca el botón ☰ y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la pantalla de pago que deseas personalizar.
- En el editor de pantalla de pago y cuentas, toca Configuración.
- En la sección Colores, toca el cuadro de color junto a Resaltados, Botones o Errores para abrir el selector de color. A continuación, elige un color o ingresa un código hexadecimal.
- Toca Guardar.
Cambiar el diseño de la pantalla de pago
De forma predeterminada, el diseño de la pantalla de pago en la tienda se establece en la de una sola página. Puedes cambiar entre la pantalla de pago de una sola página y la de tres páginas desde el panel de control de Shopify. Revisa las diferencias entre la pantalla de pago de una página y la de tres antes de cambiar el diseño de tu pantalla de pago.
Cuando cambias el diseño de la pantalla de pago, la vista previa en el editor de pantalla de pago y cuentas no se muestra en tiempo real. Después de guardar los cambios, navega hasta la pantalla de pago de la tienda online para ver su nuevo diseño.
Pasos:
Escritorio
Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
En la sección Configuraciones, haz clic en Personalizar junto a la configuración de pago que deseas personalizar.
En la pantalla de pago y el editor de cuentas, haz clic en el ícono de engranaje para acceder a la barra lateral de Configuración.
En la sección Diseño de pantalla de pago, haz clic en el diseño actual para abrir las opciones de diseño de la pantalla de pago.
Haz clic en Pantalla de pago de una sola página o Pantalla de pago de tres páginas para establecer el diseño de la pantalla de pago.
Haz clic en Guardar.
iPhone
- En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar.
- En la pantalla de pago y el editor de cuentas, toca el ícono de engranaje para acceder a la barra lateral de Configuración.
- En la sección Diseño de la pantalla de pago, toca Pantalla de pago de una página o Pantalla de pago de tres páginas para establecer el diseño de la pantalla de pago.
- Toca Guardar.
Android
- En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar.
- En la pantalla de pago y el editor de cuentas, toca el ícono de engranaje para acceder a la barra lateral de Configuración.
- En la sección Diseño de la pantalla de pago, toca Pantalla de pago de una página o Pantalla de pago de tres páginas para establecer el diseño de la pantalla de pago.
- Toca Guardar.
Mostrar el campo de código de descuento de forma predeterminada en dispositivos móviles
De forma predeterminada, cuando un cliente paga en un dispositivo móvil, el resumen del pedido y el campo de código de descuento están ocultos. El cliente puede tocar Mostrar resumen del pedido para expandir la información del resumen del pedido y visualizar el campo de código de descuento a fin de agregar un código de descuento o de tarjeta de regalo a su pedido.
Puedes cambiar el comportamiento predeterminado para que siempre se visualice el resumen del pedido y el campo de código de descuento cuando se paga en un dispositivo móvil. El cliente puede tocar Ocultar resumen del pedido para ocultar el campo de código de descuento.
Se debe usar el diseño de la pantalla de pago de tres páginas para poder acceder a esta configuración.
Pasos:
Escritorio
Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
En la sección Configuraciones, haz clic en Personalizar junto a la configuración de pago que deseas personalizar.
En la pantalla de pago y el editor de cuentas, haz clic en el ícono de secciones para acceder a la barra lateral Secciones.
En las páginas Información, Envío o Pagos, haz clic en Resumen del pedido.
Activa la opción de configuración Mostrar siempre el campo de código de descuento.
Haz clic en Guardar.
iPhone
- En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la pantalla de pago que deseas personalizar.
- En el editor de pantalla de pago y cuentas, toca Secciones.
- En las páginas Información, Envío o Pagos, toca Resumen del pedido.
- Activa la opción de configuración Mostrar siempre el campo de código de descuento.
- Toca Guardar.
Android
- En la aplicación de Shopify, toca el botón ☰ y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la pantalla de pago que deseas personalizar.
- En el editor de pantalla de pago y cuentas, toca Secciones.
- En las páginas Información, Envío o Pagos, toca Resumen del pedido.
- Activa la opción de configuración Mostrar siempre el campo de código de descuento.
- Toca Guardar.
Agregar bloques de aplicaciones a tus páginas de pago
Puedes agregar funciones como banners personalizados o recompensas de fidelidad a la experiencia de pago de tu cliente usando bloques de aplicaciones. Algunas aplicaciones para la pantalla de pago, incluidas aquellas que personalizan la información, el envío y las páginas de pago durante el proceso de pago, solo están disponibles para las tiendas que tengan contratado el plan Shopify Plus. Consulta la disponibilidad de aplicaciones para la pantalla de pago al momento de elegir una aplicación para agregarla a tu pantalla de pago.
Puedes agregar bloques de aplicaciones existentes directamente a las secciones en las páginas mediante las barras laterales Secciones o Aplicaciones.
Obtén más información sobre cómo personalizar tus configuraciones de pago con las aplicaciones.
Agregar los bloques de aplicaciones mediante la barra lateral Secciones
Puedes agregar los bloques de las aplicaciones que instalaste en la página que estás viendo actualmente mediante la barra lateral Secciones. Solo los bloques de aplicaciones disponibles para instalarse en una página o sección se muestran como opciones seleccionables.
Pasos:
Escritorio
Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
En la sección Configuraciones, haz clic en Personalizar junto a la configuración de pago que deseas personalizar.
En el editor de pantalla de pago y cuentas, selecciona la página a la que deseas agregar una aplicación y luego haz clic en el ícono de secciones para acceder a la barra lateral Secciones.
Haz clic en ⊕ Agregar bloque de aplicaciones en la sección a la que desees agregar una aplicación.
Haz clic en el bloque de aplicaciones que desees agregar.
-
Personaliza el bloque de aplicaciones según sea necesario:
- Para reorganizar la ubicación del bloque de aplicaciones, arrástralo hacia arriba o hacia abajo en la lista Secciones y suéltalo, o usa los botones de mover en la ventana de vista previa.
- Haz clic en el bloque de aplicaciones para establecer sus opciones de configuración.
Haz clic en Guardar.
iPhone
- En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la configuración de pago que desees personalizar.
- En el editor de pantalla de pago y cuentas, selecciona la página a la que deseas agregar una aplicación y luego toca Secciones.
- Toca ⊕ Agregar bloque de aplicaciones en la sección a la que desees agregar una aplicación.
- Toca el bloque de aplicaciones que desees agregar.
-
Personaliza el bloque de aplicaciones según sea necesario:
- Para reorganizar la ubicación del bloque de aplicaciones, arrástralo hacia arriba o hacia abajo en la lista Secciones y suéltalo, o usa los botones de mover en la ventana de vista previa.
- Toca el bloque de aplicaciones para establecer sus opciones de configuración.
Toca Guardar.
Android
- En la aplicación de Shopify, toca el botón ☰ y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la configuración de pago que desees personalizar.
- En el editor de pantalla de pago y cuentas, selecciona la página a la que deseas agregar una aplicación y luego toca Secciones.
- Toca ⊕ Agregar bloque de aplicaciones en la sección a la que desees agregar una aplicación.
- Toca el bloque de aplicaciones que desees agregar.
-
Personaliza el bloque de aplicaciones según sea necesario:
- Para reorganizar la ubicación del bloque de aplicaciones, arrástralo hacia arriba o hacia abajo en la lista Secciones y suéltalo, o usa los botones de mover en la ventana de vista previa.
- Toca el bloque de aplicaciones para establecer sus opciones de configuración.
Toca Guardar.
Agregar los bloques de aplicaciones mediante la barra lateral Aplicaciones
Puedes agregar los bloques de las aplicaciones que instalaste en la página que estás viendo actualmente mediante la barra lateral Aplicaciones. Solo las páginas disponibles para tener bloques de aplicaciones específicos instalados en ellas se muestran como opciones al agregar un bloque de aplicaciones.
Obtén más información sobre cómo usar la barra lateral Aplicaciones en el editor de pantalla de pago y cuentas.
Pasos:
Escritorio
Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
En la sección Configuraciones, haz clic en Personalizar junto a la configuración de pago que deseas personalizar.
En el editor de pantalla de pago y cuentas, haz clic en el ícono de los bloques de aplicaciones para acceder a la barra lateral Aplicaciones.
Junto al bloque de aplicaciones que desees agregar, haz clic en ⊕.
En la ventana emergente Agregar a, haz clic en la página a la que desees agregar el bloque de aplicaciones.
-
Personaliza el bloque de aplicaciones según sea necesario:
- Para reorganizar la ubicación del bloque de aplicaciones, usa los botones de mover en la ventana de vista previa.
- Establece las opciones de configuración del bloque de aplicaciones.
Haz clic en Guardar.
iPhone
- En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la configuración de pago que desees personalizar.
- En el editor de pantalla de pago y cuentas, toca Aplicaciones.
- Junto al bloque de aplicaciones que desees agregar, toca ⊕.
- En la ventana emergente Agregar a, toca la página a la que desees agregar el bloque de aplicaciones.
-
Personaliza el bloque de aplicaciones según sea necesario:
- Para reorganizar la ubicación del bloque de aplicaciones, usa los botones de mover en la ventana de vista previa.
- Establece las opciones de configuración del bloque de aplicaciones.
Toca Guardar.
Android
- En la aplicación de Shopify, toca el botón ☰ y, luego, toca Configuración.
- En la sección Configuración de la tienda, Toca Pago.
- En la sección Configuraciones, toca Personalizar en la configuración de pago que desees personalizar.
- En el editor de pantalla de pago y cuentas, toca Aplicaciones.
- Junto al bloque de aplicaciones que desees agregar, toca ⊕.
- En la ventana emergente Agregar a, toca la página a la que desees agregar el bloque de aplicaciones.
-
Personaliza el bloque de aplicaciones según sea necesario:
- Para reorganizar la ubicación del bloque de aplicaciones, usa los botones de mover en la ventana de vista previa.
- Establece las opciones de configuración del bloque de aplicaciones.
Toca Guardar.