Personalizar tu pantalla de pago y las cuentas de cliente con aplicaciones

Puedes personalizar tus páginas de pantalla de pago y cuentas de cliente con bloques de aplicaciones, incluidas la configuración de la pantalla de pago, las páginas de agradecimiento y estado del pedido y las páginas de pedido y perfil del cliente. Los desarrolladores de aplicaciones y los Shopify Partners crean aplicaciones y las publican en la Shopify App Store. Puedes instalar aplicaciones accesibles al público que funcionen con la pantalla de pago o las cuentas de cliente, crear una aplicación personalizada con tu desarrollador o contratar a un Shopify Partner.

Después de instalar una aplicación en tu panel de control de Shopify, puedes agregarla a las páginas compatibles usando el editor de pantalla de pago y cuentas. Algunos bloques de aplicaciones se pueden agregar solo a áreas específicas de tus páginas.

En esta página

Disponibilidad de las aplicaciones

Algunas aplicaciones que personalizan la pantalla de pago y las cuentas de cliente, incluidas las páginas de agradecimiento y de estado del pedido, están disponibles para los negocios que tienen contratado el plan Basic Shopify o uno superior. Las aplicaciones que personalizan las páginas de información, envío y pago de la pantalla de pago, incluidos los pagos de pedidos preliminares, están disponibles solo para Shopify Plus.

Resumen de disponibilidad de la aplicación de pago según los planes de Shopify
Tipo de aplicación	Plan Basic Shopify o superior	Shopify Plus
Aplicaciones creadas con extensiones de aplicaciones de píxeles web	✔	✔
Aplicaciones creadas con extensiones de aplicaciones de posventa	✔	✔
Aplicaciones públicas creadas con Shopify Functions	✔	✔
Aplicaciones personalizadas creadas con Shopify Functions	✘	✔
Aplicaciones creadas con extensiones de interfaz de usuario para las páginas de agradecimiento y de estado del pedido	✔	✔
Aplicaciones creadas con extensiones de interfaz de usuario para todas las páginas de cuentas de cliente	✔	✔
Aplicaciones creadas con extensiones de interfaz de usuario para las páginas de información, envío y pago	✘	✔
Checkout Blocks, una aplicación gratuita para personalizar la pantalla de pago con extensiones de la interfaz de usuario y Shopify Functions	✔ (Con restricciones de algunas funciones)	✔

Instalar una aplicación

Si hay funciones adicionales que deseas agregar a tus páginas de pantalla de pago, cuentas de cliente, agradecimiento y estado del pedido, explora aplicaciones que puedan proporcionarte estas funciones. Los desarrolladores de aplicaciones y los Shopify Partners pueden crear aplicaciones personalizadas para ti, o puedes instalar aplicaciones externas para la pantalla de pago o la personalización de cuentas de cliente desde la Shopify App Store.

Pasos:

Ve a la Shopify App Store y busca una aplicación de pago que se adapte a tu negocio.
Haz clic en Add app (Agregar aplicación).
Haz clic en Instalar aplicación.

Después de instalar la aplicación, debes agregarla a tus páginas mediante el editor de pantalla de pago y cuentas.

Usar la barra lateral Aplicaciones en el editor de pantalla de pago y cuentas

La barra lateral Aplicaciones en el editor de pantalla de pago y cuentas es el lugar donde puedes acceder a un resumen de los bloques de aplicaciones disponibles e instalados. La barra lateral se divide en las pestañas Todos y Agregados. La pestaña Todos muestra los bloques de aplicaciones disponibles que se pueden agregar a las páginas de pago y cuentas, y la pestaña Agregados muestra los bloques de aplicaciones que ya agregaste a las páginas de pago y cuentas.

Usa la barra de búsqueda Buscar bloques de aplicaciones para buscar entre todos tus bloques de aplicaciones disponibles y colecciones de bloques de aplicaciones en todas las páginas.

Pestaña Todos

La pestaña Todos contiene una lista de todos los bloques disponibles de las aplicaciones instaladas. Puedes agregar bloques de aplicaciones a las páginas de pago y cuentas correspondientes directamente desde la pestaña Todos.

Todos los bloques de aplicaciones disponibles se muestran debajo de los nombres de las aplicaciones de las que forman parte. Si una sola aplicación ofrece varios tipos de bloques de aplicaciones, dichos bloques pueden mostrarse en las colecciones que agrupan bloques de aplicaciones relacionados, como "Puntos de fidelidad" o "Gestión de listas de deseos". Los bloques de aplicaciones agrupados a partir de una sola aplicación a menudo están destinados a trabajar juntos, por lo que considera agregar todos los bloques de aplicaciones dentro de una colección para ofrecer una experiencia completa a los clientes. Debes agregar cada bloque de aplicaciones de una colección de forma individual para que puedas configurar cada uno de ellos según sea necesario.

Cuando se agrega un bloque de aplicaciones a una página, se muestra un ✓ junto al nombre de ese bloque de aplicaciones. Si el bloque de aplicaciones se agrega varias veces a la configuración de pago, se muestra un número que representa la cantidad de veces que se incluye dicho bloque en ella. Si el bloque de aplicaciones se puede agregar solo una vez, la opción de agregarlo se desactivará después de que este se coloca.

Pestaña Agregados

La pestaña Agregados contiene una lista de todos los bloques de aplicaciones instalados que existen en al menos un lugar en la configuración de pantalla de pago y cuentas. Todos los bloques de aplicaciones agregados se muestran debajo de los nombres de las aplicaciones de las que forman parte. Los bloques de aplicaciones que aparecen en la lista también muestran las páginas a las que se agregaron.

Haz clic en el bloque de aplicaciones para acceder a la configuración del bloque de aplicaciones.

Agregar bloques de aplicaciones de las aplicaciones instaladas

Después de instalar la aplicación, puedes agregarla a tus páginas mediante el editor de pantalla de pago y cuentas como un bloque de aplicaciones. Algunas aplicaciones se pueden agregar solo a áreas específicas de tu configuración. Hay un límite máximo de tres aplicaciones por área resaltada.

Puedes agregar bloques de aplicaciones existentes directamente a las secciones en las páginas mediante las barras laterales Secciones o 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 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 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 que desees 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.

Mover y colocar una aplicación

Puedes mover y colocar una aplicación dentro de los bloques de una página determinada. Algunas aplicaciones pueden colocarse solo en ciertas áreas de una página. Las áreas no disponibles se atenúan cuando intentas arrastrar y soltar la aplicación.

Pasos:

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 que desees personalizar.
Encuentra la aplicación que deseas mover.
Haz clic y arrastra el ícono ⠿ junto a una aplicación y muévela a otra área.
Haz clic en Guardar.

Agregar una página a las cuentas de cliente usando bloques de aplicaciones

Algunas aplicaciones ofrecen bloques de aplicaciones que te permiten agregar una nueva página al encabezado de cuenta de cliente. Por ejemplo, una aplicación de lista de deseos puede ofrecer un bloque de aplicaciones que te permite agregar una nueva página de lista de deseos a las cuentas de cliente.

Puedes crear páginas de aplicaciones desde la barra lateral Aplicaciones del editor de pantalla de pago y cuentas. Algunas páginas de la aplicación admiten enlaces directos, lo que te permite vincular la página al menú de cuentas de cliente desde el editor de pantalla de pago y cuentas, o desde la página Menús de tu panel de control de Shopify.

Después de agregar una nueva página, puedes acceder a ella desde la pestaña Agregados de la barra lateral Aplicaciones o desde el menú del selector de página del editor de pantalla de pago y cuentas.

Pasos:

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 sección Aplicaciones, busca la aplicación para la que deseas crear una página.
Haz clic en el ícono del signo + y, en la sección Agregar página a, haz clic en Cuentas.
En la configuración de Bloque de aplicaciones, establece las configuración para tu aplicación.
Haz clic en Guardar.
Opcional: Para mostrar la página de la aplicación a tus clientes en el menú de cuentas de cliente, haz clic en Agregar al menú. En el cuadro de diálogo Menú principal de la cuenta de cliente, haz lo siguiente:
1. Revisa la etiqueta y el enlace que se llenan automáticamente desde el editor de pantalla de pago y cuentas. Si deseas cambiar el nombre del enlace, actualiza el campo Etiqueta**.
2. Opcional: Agrega cualquier otro elemento del menú que desees agregar al Menú principal de la cuenta de cliente.
3. Haz clic en Guardar.

Configurar una aplicación

Puedes personalizar la configuración de la aplicación de pago. Cada aplicación tiene configuraciones únicas que puedes personalizar. El desarrollador o partner que crea la aplicación define su configuración. Si tienes tu propio equipo de desarrollo, puedes especificar qué configuración deseas poder personalizar.

Por ejemplo, si utilizas una aplicación que te permite crear un banner personalizado, puedes personalizar el título, la descripción y el estado del banner.

Pasos:

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 que desees personalizar.
Haz clic en la aplicación que deseas configurar.
Personaliza la configuración de tu aplicación.
Haz clic en Guardar.

Gestionar los controles de comportamiento de la aplicación

Cuando configuras la aplicación, también puedes gestionar sus controles de comportamiento. Estos controles te permiten gestionar lo siguiente:

permitir que la aplicación bloquee la pantalla de pago;
incluir la aplicación en procesos de pago acelerado:
- Ampliar secciones automáticamente para mostrar la aplicación.

Es posible que algunos controles no estén disponibles, según la aplicación que configures.

Permitir que una aplicación bloquee la pantalla de pago

Puedes seleccionar si deseas que una aplicación bloquee la pantalla de pago y rechace un pedido si el cliente proporciona información incompleta o no válida dentro de la aplicación.

Por ejemplo, tienes una aplicación que agrega una casilla de verificación en la pantalla de pago que un cliente debe seleccionar. Si permites que esta aplicación bloquee la pantalla de pago y tu cliente no selecciona esta casilla de verificación, su pedido se rechazará automáticamente.

Pasos:

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 que desees personalizar.
Haz clic en la aplicación que deseas configurar.
En la sección Comportamiento de la pantalla de pago en la barra lateral derecha, selecciona Permitir que la aplicación bloquee la pantalla de pago.
Haz clic en Permitir que la aplicación bloquee la pantalla de pago.
Haz clic en Guardar.

Incluir una aplicación en el proceso de pago acelerado

Puedes seleccionar si deseas incluir una aplicación en tus procesos de pago acelerado, como Shop Pay. También puedes permitir que la aplicación fuerce las secciones contraídas para que se expandan automáticamente en los procesos de pago acelerado.

Pasos:

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 que desees personalizar.
Haz clic en la aplicación que deseas configurar.
En la sección Comportamiento de la pantalla de pago, selecciona Incluir aplicación en pagos exprés.
Opcional: selecciona Expandir automáticamente secciones para mostrar aplicación para expandir las secciones cerradas.
Haz clic en Guardar.
Opcional: para obtener una vista previa de cómo se muestra un proceso de pago acelerado en tu tienda, haz clic en el ícono de pago situado en la esquina superior derecha del Editor de la pantalla de pago.

Agregar funciones a la página posventa en la pantalla de pago

Puedes agregar funciones como encuestas a clientes u ofertas adicionales en la pantalla de pago del cliente mediante aplicaciones posventa. Estas aplicaciones agregan contenido después de que el cliente completa su pago pero antes de que aparezca la página de confirmación del pedido.

Para agregar funciones a tu página posventa, debes instalar y configurar una aplicación de pago y luego seleccionar la aplicación que deseas usar en la página posventa en la configuración de tu pantalla de pago.

Para agregar funciones posventa, puedes usar solo una aplicación de pago a la vez. Si has instalado más de una aplicación con funciones posventa, puedes seleccionar la aplicación que deseas usar en la configuración de tu pantalla de pago.

Instalar una aplicación de pago para agregar funciones posventa

Para agregar funciones a tu página posventa, debes usar una aplicación externa compatible con las funciones posventa en la pantalla de pago.

Si necesitas ayuda con una aplicación externa, debes ponerte en contacto con el desarrollador de la aplicación.

Pasos:

Ve a la Shopify App Store y busca la aplicación posventa que se adapta a tu negocio.
Haz clic en Agregar aplicación. Se te solicitará que inicies sesión en tu cuenta de Shopify si aún no lo has hecho.
Haz clic en Instalar aplicación.
Ve a la sección Aplicaciones del panel de control de Shopify y toca el nombre de la aplicación de pago.
Introduce los ajustes de configuración necesarios.

Seleccionar una aplicación para usarla en la página posventa

Después de instalar y configurar una aplicación de pago, debes seleccionar esa aplicación que deseas usar en la página posventa en la configuración de tu pantalla de pago.

También puedes cambiar la aplicación que deseas usar en la configuración de tu pantalla de pago.

Pasos:

Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
En la sección Página posventa, selecciona la aplicación de pago que deseas usar.

Eliminar una aplicación

Puedes eliminar una aplicación de la pantalla de pago. Si deseas eliminar una aplicación por completo desde el panel de control de Shopify, tienes que desinstalarla.

Pasos:

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 que desees personalizar.
Haz clic en la aplicación que deseas eliminar de tu pantalla de pago.
Haz clic en Eliminar aplicación de la pantalla de pago.
Haz clic en Guardar.