Personaliza el pago y las cuentas de cliente con aplicaciones

Puedes personalizar las páginas del pago y de las cuentas de cliente con bloques, incluida la configuración del pago, las páginas de agradecimiento y de estado del pedido, y las páginas de pedidos y perfil de cliente. Quienes desarrollan aplicaciones y Shopify Partners crean aplicaciones y luego las publican en la Shopify App Store. Puedes instalar aplicaciones públicas compatibles con checkout o con customer accounts, crear una aplicación personalizada con tu equipo de desarrollo o contratar a un Shopify Partner.

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

Disponibilidad de aplicaciones

Algunas aplicaciones que personalizan el pago y las cuentas de cliente, incluidas las páginas de agradecimiento y de estado del pedido, están disponibles para las tiendas con el plan Basic Shopify o superior. Las aplicaciones que personalizan las páginas de información, envío y pago del proceso de pago, incluidos los pagos de draft orders, están disponibles solo para Shopify Plus.

Descripción general de la disponibilidad de aplicaciones para el pago según los planes de Shopify.
Tipo de aplicaciónPlan Basic Shopify o superiorShopify Plus
Aplicaciones creadas con web pixel app extensions
Aplicaciones creadas con post-purchase app extensions
Public apps built with Shopify Functions
Custom apps built with Shopify Functions
Aplicaciones creadas con UI extensions para las páginas de agradecimiento y de estado del pedido
Aplicaciones creadas con UI extensions para todas las páginas de cuentas de cliente
Aplicaciones creadas con UI extensions para las páginas de información, envío y pago
Checkout Blocks, una aplicación gratuita para personalizar el pago con extensiones de la UI y Shopify Functions
(Con algunas restricciones de funciones)

Instala una aplicación

Si quieres agregar más funciones al pago, a las cuentas de cliente y a las páginas de agradecimiento y de estado del pedido, explora aplicaciones que te las puedan ofrecer. Quienes desarrollan aplicaciones y Shopify Partners pueden crear aplicaciones personalizadas para ti, o puedes instalar aplicaciones externas para personalizar checkout o customer accounts desde la Shopify App Store.

Pasos:

  1. Ve a la Shopify App Store y busca una aplicación para el pago que se ajuste a tu negocio.
  2. Haz clic en Agregar aplicación.
  3. Haz clic en Instalar aplicación.

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

Usar la barra lateral Apps del editor de pago y cuentas

En el editor de pago y cuentas, la barra lateral Apps te permite ver un resumen de los bloques disponibles e instalados. La barra lateral se divide en las pestañas Todos y Agregados. La pestaña Todos muestra los bloques disponibles que puedes agregar a las páginas de pago y cuentas, y la pestaña Agregados muestra los bloques que ya agregaste a esas páginas.

Usa la barra de búsqueda Buscar bloques para buscar entre todos los bloques y colecciones de bloques disponibles 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 directamente a las páginas correspondientes de pago y cuentas desde la pestaña Todos.

Todos los bloques disponibles se muestran debajo de los nombres de las aplicaciones de las que provienen. Si una misma aplicación ofrece varios tipos de bloques, estos pueden mostrarse en colecciones que agrupan bloques relacionados, como "Puntos de fidelidad" o "Gestión de la lista de deseos". Los bloques agrupados de una misma aplicación suelen estar pensados para funcionar en conjunto, así que considera agregar todos los bloques de una colección para ofrecer una experiencia completa a los clientes. Debes agregar cada bloque de una colección por separado para poder configurarlo según sea necesario.

Cuando se agrega un bloque a una página, aparece un ✓ junto al nombre del bloque. Si el bloque se agrega varias veces a la configuración del pago, aparece un número que indica cuántas veces está incluido en la configuración del pago. Si el bloque solo se puede agregar una vez, la opción para agregarlo se desactiva después de colocarlo.

Pestaña Agregados

La pestaña Agregados contiene una lista de todos los bloques instalados que existen en al menos un lugar de la configuración del pago y las cuentas. Todos los bloques agregados se muestran debajo de los nombres de las aplicaciones de las que provienen. La lista también muestra en qué páginas se agregó cada bloque.

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

Agrega bloques de aplicaciones instaladas

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

Puedes agregar bloques existentes directamente a las secciones de las páginas desde la barra lateral de Secciones o la barra lateral de Apps.

Agregar bloques con la barra lateral de Secciones

Con la barra lateral de Secciones puedes agregar a la página que estás viendo bloques de las apps que instalaste. Solo aparecen como opciones seleccionables los bloques que se pueden instalar en una página o sección.

Pasos:

Escritorio
  1. Desde el panel de control de Shopify, ve a Configuración > Checkout.

  2. En la sección Configuraciones, haz clic en Editar junto a la configuración que quieras personalizar.

  3. En el editor de pago y cuentas de cliente, selecciona la página a la que quieres agregar una app y haz clic en Secciones para acceder a la barra lateral de Secciones.

  4. Haz clic en ⊕ Agregar bloque en la sección a la que quieres agregar una app.

  5. Haz clic en el bloque que quieres agregar.

  6. Personaliza el bloque según sea necesario:

    • Para reordenar la ubicación del bloque, arrastra y suelta el bloque hacia arriba o hacia abajo en la lista de Secciones, o usa los botones de mover en la ventana de vista previa.
    • Haz clic en el bloque para configure any block settings.
  7. Haz clic en Guardar.

Móvil
  1. Desde la aplicación de Shopify, toca Menú y luego toca Configuración Configuración.

  2. En la sección Configuración de la tienda, toca Pago.

  3. En la sección Configuraciones, toca Personalizar en la configuración de pago que quieres personalizar.

  4. En el editor de pago y cuentas de cliente, selecciona la página a la que quieres agregar una app y luego toca Secciones.

  5. Toca ⊕ Agregar bloque en la sección a la que quieres agregar una app.

  6. Toca el bloque que quieres agregar.

  7. Personaliza el bloque según sea necesario:

    • Para reordenar la ubicación del bloque, arrastra y suelta el bloque hacia arriba o hacia abajo en la lista de Secciones, o usa los botones de mover en la ventana de vista previa.
    • Toca el bloque para configure any block settings.
  8. Toca Guardar o .

Agregar bloques con la barra lateral de Apps

Con la barra lateral de Apps puedes agregar a la página que estás viendo bloques de las apps que instalaste. Cuando agregas un bloque, solo se muestran como opciones las páginas donde se pueden instalar bloques específicos.

Más información sobre using the Apps sidebar in the checkout and accounts editor.

Pasos:

Escritorio
  1. Desde el panel de control de Shopify, ve a Configuración > Checkout.

  2. En la sección Configuraciones, haz clic en Editar junto a la configuración que quieras personalizar.

  3. En el editor de pago y cuentas de cliente, haz clic en Apps para acceder a la barra lateral de Apps.

  4. Junto al bloque que quieres agregar, haz clic en .

  5. En la ventana emergente Agregar a, haz clic en la página a la que quieres agregar el bloque.

  6. Personaliza el bloque según sea necesario:

  7. Haz clic en Guardar.

Móvil
  1. Desde la aplicación de Shopify, toca Menú y luego toca Configuración Configuración.

  2. En la sección Configuración de la tienda, toca Pago.

  3. En la sección Configuraciones, toca Personalizar en la configuración de pago que quieres personalizar.

  4. En el editor de pago y cuentas de cliente, toca Apps.

  5. Junto al bloque que quieres agregar, toca .

  6. En la ventana emergente Agregar a, toca la página a la que quieres agregar el bloque.

  7. Personaliza el bloque según sea necesario:

  8. Toca Guardar o .

Mover y colocar una app

Puedes mover y colocar una app dentro de los bloques de una página. Algunas apps solo se pueden colocar en ciertas áreas de una página. Cuando intentas arrastrar y soltar la app, las áreas no disponibles aparecen en gris.

Pasos:

  1. Desde el panel de control de Shopify, ve a Configuración > Checkout.

  2. En la sección Configuraciones, haz clic en Editar junto a la configuración que quieras personalizar.

  3. Busca la app que quieres mover.

  4. Haz clic y arrastra el ícono ⠿ junto a la app y muévela a otra área.

  5. Haz clic en Guardar.

Agregar una página a las cuentas de cliente con bloques

Algunas apps ofrecen bloques que permiten agregar una página nueva al encabezado de las cuentas de cliente. Por ejemplo, una app de lista de deseos podría ofrecer un bloque que permite agregar una página de lista de deseos nueva a las cuentas de cliente.

Puedes crear páginas de la app desde la barra lateral de Apps en el editor de pago y cuentas de cliente. Algunas páginas de la app admiten enlaces directos, lo que permite vincular la página al menú de las cuentas de cliente desde el editor de pago y cuentas de cliente o desde la página Menús en el panel de control de Shopify.

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

Pasos:

  1. Desde el panel de control de Shopify, ve a Configuración > Checkout.

  2. En la sección Configuraciones, haz clic en Personalizar junto a la configuración de pago que quieres personalizar.

  3. En la sección Apps Apps, busca la app para la que quieres crear una página.

  4. Haz clic en el ícono + y, en la sección Agregar página a, haz clic en Cuentas.

  5. En la configuración del bloque, ajusta la configuración de la app.

  6. Haz clic en Guardar.

  7. Opcional: Para mostrar la página de la app a los 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 completan automáticamente desde el editor de pago y cuentas de cliente. Si quieres cambiar el nombre del enlace, actualiza el campo Etiqueta**.
    2. Opcional: Agrega cualquier otro elemento del menú que quieras agregar al Menú principal de la cuenta de cliente.
    3. Haz clic en Guardar.

Configurar una app

Puedes personalizar la configuración de una app. Cada app tiene su propia configuración. La configuración de la app la define la persona desarrolladora o el Partner que crea la app. Si tienes un equipo de desarrollo propio, puedes especificar qué opciones quieres poder personalizar.

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

Pasos:

  1. Desde el panel de control de Shopify, ve a Configuración > Checkout.

  2. En la sección Configuraciones, haz clic en Editar junto a la configuración que quieras personalizar.

  3. Haz clic en la app que quieres configurar.

  4. Personaliza la configuración de la app.

  5. Haz clic en Guardar.

Administrar los controles de comportamiento de la app

Cuando configuras la app, también puedes administrar sus controles de comportamiento. Estos controles permiten gestionar los siguientes comportamientos:

  • permitir que la app block the checkout
  • incluir la aplicación en accelerated checkouts
  • expandir automáticamente las secciones para mostrar la aplicación en los procesos de pago acelerados y cuando se muestran datos guardados, como cuando un cliente con cuenta inicia sesión

Según la aplicación que estés configurando y la sección del pago en la que se ubique, es posible que algunos controles no estén disponibles.

Permite que una aplicación bloquee el pago

Puedes decidir si una aplicación puede bloquear el pago y rechazar un pedido cuando 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 el pago que un cliente debe seleccionar. Si permites que esa aplicación bloquee el pago y el cliente no selecciona esa casilla, el pedido se rechaza automáticamente.

Pasos:

  1. Desde el panel de control de Shopify, ve a Configuración > Checkout.

  2. En la sección Configuraciones, haz clic en Editar junto a la configuración que quieras personalizar.

  3. Haz clic en la app que quieres configurar.

  4. En la sección Comportamiento del pago de la barra lateral derecha, selecciona Permitir que la aplicación bloquee el pago.

  5. Haz clic en Permitir que la aplicación bloquee el pago.

  6. Haz clic en Guardar.

Incluir una aplicación en los procesos de pago acelerados

Puedes elegir si incluir una aplicación en accelerated checkouts, como Shop Pay. También puedes permitir que la aplicación haga que las secciones contraídas se expandan automáticamente en los procesos de pago acelerados.

Pasos:

  1. Desde el panel de control de Shopify, ve a Configuración > Checkout.

  2. En la sección Configuraciones, haz clic en Editar junto a la configuración que quieras personalizar.

  3. Haz clic en la app que quieres configurar.

  4. En la sección Comportamiento del pago, selecciona Incluir la aplicación en los procesos de pago acelerados.

  5. Opcional: selecciona Expandir automáticamente las secciones para mostrar la aplicación para expandir las secciones cerradas.

  6. Haz clic en Guardar.

  7. Opcional: para ver una vista previa de cómo se muestra un proceso de pago acelerado en la tienda, haz clic en Carrito en la esquina superior derecha del editor de pago.

Agrega funciones a la página posventa del proceso de pago

Puedes agregar funciones como encuestas a clientes u ofertas de venta adicional a la experiencia de pago usando aplicaciones de posventa. Estas aplicaciones agregan contenido después de que el cliente completa el pago, pero antes de que se muestre la página de confirmación de pedido.

Para agregar funciones a la página posventa, debes install and configure a checkout app y luego select that app para usarla en la página posventa desde la configuración del pago.

Solo puedes usar una aplicación de pago a la vez para agregar funciones de posventa. Si tienes más de una aplicación con funciones de posventa instalada, puedes seleccionar la que quieras usar en checkout settings.

Instala una aplicación de pago para agregar funciones de posventa

Para agregar funciones a la página posventa, debes usar una aplicación externa que ofrezca funciones de posventa en el proceso de pago.

Si necesitas ayuda con una aplicación externa, debes contact the app developer.

Pasos:

  1. Ve a la Shopify App Store y busca la aplicación de posventa que se ajuste a tu negocio.
  2. Haz clic en Agregar aplicación. Si no has iniciado sesión en la cuenta de Shopify, se te pedirá que inicies sesión.
  3. Haz clic en Instalar aplicación.
  4. Ve a la sección Aplicaciones del panel de control de Shopify y toca el nombre de la aplicación de pago.
  5. Ingresa los ajustes de configuración que se requieran.

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

Después de instalar y configurar una aplicación de pago, debes seleccionarla para usarla en la página posventa desde la configuración del pago.

También puedes cambiar la aplicación que quieras usar desde la configuración del pago.

Pasos:

  1. Desde el panel de control de Shopify, ve a Configuración > Checkout.

  2. En la sección Página posventa, selecciona la aplicación de pago que quieras usar.

Quitar una aplicación

Puedes quitar una aplicación del pago. Si quieres quitar una aplicación por completo del panel de control de Shopify, debes uninstall the app.

Pasos:

  1. Desde el panel de control de Shopify, ve a Configuración > Checkout.

  2. En la sección Configuraciones, haz clic en Editar junto a la configuración que quieras personalizar.

  3. Haz clic en la aplicación que quieres quitar del pago.

  4. Haz clic en Quitar bloque.

  5. Haz clic en Guardar.