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: noviembre 15, 2023

Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:

Marketing Hub Starter, Pro, Enterprise
Sales Hub Starter, Pro, Enterprise
Service Hub Starter, Pro, Enterprise
Operations Hub Starter, Pro, Enterprise
CMS Hub Starter, Pro, 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 > Landing pages.
    • 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.

Para copiar el código de incrustación:

  • En tu cuenta de HubSpot, dirígete a Ventas > Pagos > Enlaces de pago.
  • Pasa el ratón por encima del enlace y haz clic en Acciones, luego selecciona Incrustar.

pago-link-acciones-embed

  • En el cuadro de diálogo, haz clic en Copiar código.

Con el código incrustado copiado, puedes añadirlo directamente a tu sitio. 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.

ejemplo-enlace-pago-incorporado

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.