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

Añadir un enlace de pago a su sitio web

Última actualización: diciembre 21, 2021

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

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 por defecto 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.

Si eres un 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ñade el módulo de pagos por defecto a tu página

Cuando añada el módulo de pagos por defecto 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 del sitio web En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas web.
    • Páginas de aterrizaje 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.
  • 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 la pestaña Añ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 de 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 sus datos 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 Texto del botón, edite el texto que aparece en el botón de enlace de pago. 
  • Para incluir un icono en el botón de enlace de pago, seleccione la casilla Añadiricono . Para seleccionar un icono diferente, haga clic para ampliar las opciones de edición de iconos

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 por defecto a la plantilla de la página 

módulo de pagos

Añadir 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. 

  • En tu cuenta de HubSpot, haz clic en el settings símbolo de configuración, situado en la barra de navegación principal.
  • En el menú de la barra lateral izquierda, navegue hasta Objetos > Productos & Presupuestos.
  • Haga clic en la pestaña Enlaces de pago
  • Pase el ratón por encima del enlace y haga clic en el menú desplegable Acciones, luego seleccione Copiar código de inserción.

select-copy-embed-for-payment-link
Añade el código de incrustación directamente a tu sitio web externo. O, si eres un 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 la creación de un módulo de enlace de pago 

embedded-checkout-page

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.