Usar el editor de pago y cuentas

El editor de pago y cuentas es una herramienta que permite personalizar y editar la funcionalidad y la apariencia del pago, la order status page, la página de agradecimiento y las páginas de customer accounts desde un solo lugar, independiente del editor de temas.

Puedes acceder al editor de pago y cuentas desde la sección Configuración > Pago del panel de control de Shopify. En la sección Configuraciones, haz clic en Editar en la configuración de pago que quieras personalizar para abrir el editor de pago y cuentas. Puedes personalizar las configuraciones de pago tanto activas como en borrador.

Navegar por la barra lateral del editor de pago y cuentas

El editor de pago y cuentas tiene las siguientes barras laterales:

  • En la barra lateral Ícono de secciones Secciones, puedes personalizar la funcionalidad del pago, la página de estado del pedido, la página de agradecimiento y las páginas de cuentas de cliente.
  • En la barra lateral Ícono de configuración Configuración, puedes personalizar la apariencia del pago, la página de estado del pedido, la página de agradecimiento y las páginas de cuentas de cliente.
  • En la barra lateral Ícono de aplicaciones Aplicaciones, puedes agregar y buscar aplicaciones para personalizar la funcionalidad del pago, la página de estado del pedido, la página de agradecimiento y las páginas de cuentas de cliente.

Para acceder a las barras laterales del editor de pago y de cuentas, haz clic en el ícono correspondiente en la barra de menú:

Íconos de navegación en la barra de menú del editor de pago y de cuentas. Íconos de izquierda a derecha: Secciones, Configuración, Aplicaciones.

Vista previa y personalización de las páginas de pago y de cuentas de cliente para mercados

Si creaste al menos un mercado, puedes adaptar las páginas de pago y de cuentas de cliente para los distintos mercados. Adaptarlas a mercados específicos ayuda a ofrecer una mejor experiencia a los clientes de esos mercados.

Barra superior que muestra los dos menús principales: Mercados y Páginas. Está resaltado el mercado de Estados Unidos.

Más información sobre adapting checkout and accounts pages for specific markets.

Páginas de pago y de cuentas de cliente

Desde el selector de páginas en la barra superior del editor del pago y de las cuentas de cliente, puedes acceder a todas las páginas de la configuración del pago y ver su vista previa.

Barra superior que muestra los dos menús principales: Mercados y Páginas. Está resaltada la página de pago.

Puedes acceder y personalizar las siguientes páginas del pago, según el checkout layout:

  • Pago (disponible solo para pagos de una sola página), que incluye la información de contacto, los detalles de entrega y de envío, así como la información de pago durante el pago.
  • Información (disponible solo para pagos en tres páginas), que incluye la información de contacto, los métodos de entrega y los detalles de la dirección de envío.
  • Envío (disponible solo para pagos en tres páginas), que muestra los métodos de envío disponibles para el pedido.
  • Pago (disponible solo para pagos en tres páginas), que incluye la información de pago y los detalles de la dirección de facturación.
  • Revisión, la página del paso opcional de revisión del pedido antes de completar el pago. Esta opción se muestra solo cuando la configuración Require a confirmation step está activa.
  • Agradecimiento, la página posventa que se muestra después de completar el pago. La página de agradecimiento se muestra solo una vez; después, se puede usar la página de estado del pedido para consultar el pedido.

Puedes acceder y personalizar las siguientes páginas de customer accounts:

  • Estado del pedido, que muestra los detalles del pedido. Se puede visitar esta página varias veces. Más información sobre la order status page.
  • Pedidos, que muestra una lista del historial de pedidos de la cuenta de cliente.
  • Perfil, que muestra los datos del perfil de la cuenta de cliente, como el nombre, la información de contacto y las direcciones de envío.
  • Inicio de sesión, que muestra la página donde los clientes inician sesión para acceder a su cuenta de cliente.

También puedes abrir el theme editor haciendo clic en tema de la tienda online.

Vista previa de Shop Pay

Si tienes activado Shop Pay en el panel de control de Shopify, puedes ver cómo se muestra a los clientes el proceso de pago acelerado de Shop Pay. Para ver la vista previa de Shop Pay, haz clic en el ícono de pago en la esquina superior derecha del editor del pago y de las cuentas de cliente y, luego, selecciona Vista previa de Shop Pay.

Vista previa de Shop Pay en el editor de pago y de cuentas

Para volver a la vista previa del pago, haz clic en el ícono de Shop Pay en la esquina superior derecha del editor del pago y de las cuentas de cliente y, luego, selecciona Editar pago.

Deshacer y rehacer acciones

Puedes usar los botones deshacer y rehacer para deshacer o rehacer personalizaciones no guardadas. Después de guardar los cambios, ya no podrás deshacer ni rehacer.

Si no hay personalizaciones no guardadas para rehacer, deshacer o ambas, el botón correspondiente aparece deshabilitado.

Botones deshacer y rehacer en el editor de pago y de cuentas

Vista previa de las páginas de pago, estado del pedido, agradecimiento y cuentas de cliente

Con el menú del selector de página puedes previsualizar cómo se muestran las personalizaciones en las páginas de pago, de estado del pedido, de agradecimiento y de cuentas de cliente. Haz clic en el selector de página y luego elige entre las opciones disponibles: Pago, Agradecimiento, Estado del pedido, Pedidos, Perfil e Inicio de sesión.

Menú del selector de páginas en el editor de pago y de cuentas

También puedes hacer clic en tema de la tienda online para abrir el theme editor y personalizar el tema publicado actualmente.

Vista previa de las páginas de pago, estado del pedido, agradecimiento y cuentas de cliente en dispositivos móviles

Para tener una vista previa de cómo se muestran tus páginas de pago, estado del pedido, agradecimiento y cuentas de cliente en la pantalla de un dispositivo móvil, haz clic en el botón móvil de la barra de menú. Vuelve a hacer clic en el botón de dispositivo móvil para regresar a la vista previa de escritorio.

Vista previa de las páginas de pago y cuentas en la pantalla de un dispositivo móvil

Inspector de vista previa

El inspector de vista previa permite navegar a secciones y bloques directamente desde la ventana de vista previa y encontrar la configuración correspondiente de forma más rápida e intuitiva. Con el inspector de vista previa, puedes reordenar, ocultar o duplicar secciones y bloques directamente desde la ventana de vista previa.

El inspector de vista previa está disponible para todas las configuraciones del pago y está activado de forma predeterminada. Puedes hacer clic en el botón Inspector de vista previa para activar o desactivar el inspector de vista previa durante la sesión de edición.

Usar acciones adicionales

Haz clic en el nombre de la configuración para abrir un menú desplegable que te permite realizar las siguientes acciones:

  • Usa ver Ver para previsualizar cómo se muestran las páginas de pago, estado del pedido, agradecimiento y cuentas de cliente a los clientes.
  • Usa renombrar Renombrar para cambiar el nombre de la configuración de pago y cuentas.
  • Usa documentación Ver documentación para abrir la documentación sobre la personalización y edición de las páginas de pago y cuentas.
  • Usa pregunta Obtener ayuda para recibir ayuda del Centro de ayuda de Shopify.
Tener una vista previa de las páginas de pago y cuentas, acceder al editor de temas, ver la documentación, cambiar el nombre del pago y obtener ayuda

Usar atajos de teclado en el editor de pago y cuentas

Puedes usar los siguientes atajos de teclado para navegar por el editor de pago y cuentas más rápido:

Lista de atajos de teclado compatibles para dispositivos Windows y macOS.
AcciónAtajo en WindowsAtajo en macOS
DeshacerCTRL + Z + Z
RehacerCTRL + Y + + Z
GuardarCTRL + S + S
Inspector de vista previaCTRL + SHIFT + | + + |