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:
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.
- 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.
- 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.
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.
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.
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.
- 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.
- 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.