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í.
BETA

Agrega enlaces de pago a tu contenido

Última actualización: julio 25, 2022

En Beta

Requisitos

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

Puedes agregar un enlace de pago a tu sitio web para que tus clientes puedan completar los pagos directamente en tu sitio. Para agregar un enlace de pago a tu sitio web, puedes agregar el módulo de pagos predeterminado a una página o plantilla de arrastrar y soltar o agregar el código de incrustación de enlace de pago a tus páginas de sitio web externo. También puedes agregar un enlace de pago a tus correos electrónicos de marketing. 

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

Agregar el módulo de pagos predeterminado a tu página

Cuando agregues el módulo de pagos predeterminado a tu página, el enlace de pago aparecerá como un botón de pago que los clientes pueden hacer clic para ingresar sus detalles de pago. 

  • Navega a tu contenido:
    • Páginas del sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
    • Blog: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Blog.
  • Coloca el cursor sobre una página o publicación y haz clic en Editar
  • En el editor de contenido, localiza la sección Módulos comunes en la pestaña Agregar en el editor de la barra lateral. 
  • Haz clic en el módulo de pagos y arrástralo a la posición en la página. 

add-payments-module-to-page

  • En el editor de la barra lateral, haz clic en el menú desplegable Pago y selecciona el enlace de pago para añadirlo a la página. 
  • Para personalizar la experiencia de pago, en la sección Comportamiento de pago, selecciona una opción:
    • Abrir en una nueva pestaña: se abrirá otra pestaña en el navegador del cliente donde puede introducir su información de pago. 
    • Superposición deslizante: 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 de texto Botón, edita el texto que aparece en el botón de enlace de pago. 
  • Para incluir un icono en el botón de enlace de pago, selecciona la casilla de verificación Agregar icon. Para seleccionar un icono diferente, haz clic para expandir las opciones de edición de iconos

pago-botón-personalización-pagos-módulo

  • En la parte superior derecha, haz clic en Actualizar Publicar para establecer tus cambios en vivo. 

En el administrador de diseño, también puedes agregar el módulo de pagos predeterminado a la plantilla de página

add-payments-module

Agrega el código de incrustación a una página externa o módulo personalizado

Puedes agregar el código de incrustación del enlace de pago a tu sitio web externo o crear un módulo de pago en el administrador de diseño y agregar el código de incrustación al módulo. Cuando incrustas el enlace de pago, el formulario de pago aparecerá directamente en tu página. 

  • En tu cuenta de HubSpot, ve a Ventas > Pagos.
  • En la parte superior derecha, haz clic en Gestionar enlaces de pago
  • Coloca el cursor sobre el enlace y haz clic en el menú desplegable Acciones y luego selecciona Copiar código de incrustación.

enlace-select-copy-embed-for-payment
Agrega el código de incrustación directamente a tu sitio externo. O, si eres desarrollador, puedes crear un nuevo módulo para cada enlace o crear un módulo dinámico en el administrador de diseño de HubSpot. Más información sobre cómo crear un módulo de enlace de pago

Ten en cuenta: cuando incrustes el enlace de pago en una página, el resumen del pedido y la descripción del pago no aparecerán. Para mostrar el resumen del pedido y la descripción de la compra, puedes compartir el enlace directamente con un comprador. 

página de comprobación incrustada

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

Agregar un enlace de pago a correos electrónicos de marketing

Puedes agregar un módulo de pago a tus correos electrónicos de marketing. Por ejemplo, al planificar un evento, puedes incluir un enlace de pago que permita al comprador comprar una entrada directamente desde el correo electrónico. 

  • En tu cuenta de HubSpot, dirígete a Marketing > Correo.
  • Coloca el cursor sobre un borrador de correo electrónico existente y haz clic en Editar o haz clic en Crear correo electrónico para crear un nuevo correo electrónico.
  • En el editor de correo electrónico, en la pestaña Contenido en el panel de la izquierda, haz clic y arrastra el módulo de pago en la plantilla de correo electrónico.

share-payment-link-in-marketing-email

  • Haz clic en el menú desplegable Pagos y selecciona un enlace.
  • En el campo de texto del botón, edita el texto que aparece. Para insertar emojis en tu campo de texto, haz clic en el ícono emoji emoji.

add-emoji-to-button-module

  • Utilice las herramientas de estilo para personalizar la fuente del texto, el color del botón y el tamaño.
  • Termina de configurar y enviar tu correo electrónico.

Cuando un contacto haga clic en el botón, se dirigirá directamente a la página de pago. Más información sobre lo que sucede en HubSpot después de realizar un pago.

click-buy-now-link-in-email

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.