Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.

Agrega enlaces de pago al contenido

Última actualización: mayo 30, 2023

Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique lo contrario:

Marketing Hub Starter, Professional, Enterprise
Sales Hub Starter, Professional, Enterprise
Service Hub Starter, Professional, Enterprise
Operations Hub Starter, Professional, Enterprise
CMS Hub Starter, Professional, Enterprise

Puede añadir un enlace de pago a su sitio web para que sus clientes puedan completar los pagos directamente en su sitio. Para añadir un enlace de pago a su sitio web, puede añadir el módulo de pagos predeterminado a una página o plantilla de arrastrar y soltar o añadir el código de incrustación del enlace de pago a las páginas externas de su sitio web. También puede añadir un enlace de pago a sus correos electrónicos de marketing. 

Si eres desarrollador, tienes la opción de añadir un campo de pago a tu tema o módulo personalizado, o crear un módulo de pago personalizado

Añada el módulo de pagos por defecto a su página

Cuando añada el módulo de pagos predeterminado a su página, el enlace de pago aparecerá como un botón de pago en el que los clientes pueden hacer clic para introducir sus datos de pago. 

  • Navegue hasta su contenido:
    • Páginas web:En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas de sitio web.
    • Páginas de aterrizaje:En tu cuenta de HubSpot, dirígete a Marketing > Páginas de destino.
    • Blog: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Blog.

  • Pase el ratón por encima de una página o entrada y haga clic en Editar.
  • En el editor de contenidos, localice la sección Módulos comunes en lapestañaAñadir del editor de la barra lateral.
  • Haga clic en el módulo de pagos y arrástrelo hasta su posición en la página.

add-payments-module-to-page

  • En el editor de la barra lateral, haga clic en el menú desplegable Pago y seleccione el enlace de pago que desea añadir a la página.
  • Para personalizar la experiencia de pago, en la sección Comportamiento de pago , seleccione una opción:
    • Abrir en una nueva pestaña: se abrirá otra pestaña en el navegador del cliente donde podrá introducir su información de pago.
    • Superposicióndeslizante: una superposición se desliza hacia arriba desde la parte inferior de la pantalla del cliente, donde puede introducir su información de pago.
  • En el campo Texto del botón, edite el texto que aparece en el botón del enlace de pago.
  • Para incluir un icono en el botón de enlace de pago, seleccione la casilla de verificación Añadiricono . Para seleccionar un icono diferente, haga clic para ampliar las opciones de edición de Icone.

checkout-button-customization-payments-module

  • En la parte superior derecha, haga clic en Actualizar o Publicar para activar los cambios.

En el gestor de diseño, también puede añadir el módulo de pagos predeterminado a la plantilla de página.

módulo add-payments

Añada el código de incrustación a una página externa o a un módulo personalizado

Puede añadir el código de incrustación del enlace de pago a su sitio web externo, o crear un módulo de pago en el gestor de diseño y añadir el código de incrustación al módulo. Cuando incruste el enlace de pago, el formulario de pago aparecerá directamente en su página.

Nota: los enlaces de pago sólo pueden incrustarse si tienen un precio fijo y se cobran inmediatamente. Si un enlace de pago tiene partidas que el comprador puede modificar (cantidad o precio), son opcionales o tienen una fecha de inicio de facturación futura, deberá utilizar el enlace de pago en su lugar.

Para copiar el código de incrustación:

  • En tu cuenta de HubSpot, dirígete a Ventas > Pagos > Pagos.
  • En la parte superior derecha, haga clic en Gestionar enlaces de pago.
  • Pase el ratón por encima del enlace, haga clic en el menú desplegable Acciones y seleccione Copiar código incrustado.

copy-payment-link-embed
Añada el código de incrustación directamente a su sitio externo. O, si eres desarrollador, puedes crear un nuevo módulo para cada enlace o crear un módulo dinámico en el gestor de diseño de HubSpot. Más información sobre crear un módulo de enlace de pago.

Nota: cuando incruste el enlace de pago en una página, no aparecerá el resumen del pedido ni la descripción del proceso de pago. Para mostrar el resumen del pedido y la descripción de la compra, puede compartir el enlace directamente con un comprador.

embedded-checkout-page

Nota: la creación de módulos requiere conocimientos de HTML, CSS, HubL y el gestor de diseño de HubSpot. HubSpot recomienda trabajar con un diseñador para crear módulos codificados.

Añadir un enlace de pago a los correos electrónicos de marketing

Puede añadir un módulo de pago a sus correos electrónicos de marketing. Por ejemplo, al planificar un evento, puede incluir un enlace de pago que permita al comprador adquirir una entrada directamente desde el correo electrónico.

  • En tu cuenta de HubSpot, dirígete a Marketing > Correo electrónico.
  • Pase el ratón por encima de un borrador de correo electrónico existente y haga clic en Editar, o haga clic en Crear correo electrónico para crear un nuevo mensaje.
  • En el editor de correo electrónico, en la pestaña Contenido del panel izquierdo, haga clic y arrastre el módulo Pago a la plantilla de correo electrónico.

share-payment-link-in-marketing-email

  • Haga clic en el menú desplegable Pagos y seleccione un enlace.
  • En el campo de texto del botón, edite el texto que aparece. Para insertar emojis en tu campo de texto, haz clic en el icono de emoji.

add-emoji-to-button-module

  • Utilice las herramientas de estilo para personalizar la fuente del texto, el color y el tamaño de los botones.
  • Termine de configurar y enviar su correo electrónico.

Cuando un contacto haga clic en el botón, accederá directamente a la página de pago. Obtén más información sobre lo que ocurre en HubSpot después de realizar un pago.

click-buy-now-link-in-email

¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.