Agrega enlaces de pago al contenido

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 pago predeterminado a una página o plantilla de arrastrar y soltar o añadir el código de inserció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. 

1. Navegue hasta su contenido:
   
   • Páginas web:En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
   • Páginas de aterrizaje:En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
   • Artículos de blog: En tu cuenta de HubSpot, dirígete a Contenido > Blog.
2. Coloca el cursor sobre una página o publicación y haz clic en Editar.
3. En la parte superior izquierda, haga clic en + Añadir.
4. En Módulos, haga clic en la sección Comercio . 
5. Haga clic en Pago y arrástrelo hasta su posición en la página.
   
   
6. En el editor de la barra lateral:
   • Introducir el texto que se mostrará en el botón en el campo Texto del botón .
   • Objetivo Bajo Botón:
     • Seleccione Utilizar un enlace de pago para dirigir a su público a uno de sus enlaces de pago.
       • Haga clic en el menú desplegable Enlace de pago y seleccione un enlace de pago.
       • En Comportamiento del pago , seleccione Abrir en una nueva pestaña si desea que el enlace de pago abra una nueva pestaña o ventana del navegador al hacer clic, o haga clic en Superposición deslizante si desea que el enlace de pago aparezca como una superposición en la página.
     • Seleccione Otro para dirigir a su público a un enlace externo o a una de sus páginas web o landing page:
       • Haga clic en el menú desplegable Enlazar con y seleccione Externo para utilizar un enlace externo. Introducir la URL en el campo URL . 
       • Haga clic en el menú desplegable Vincular a y seleccione Contenido para utilizar un sitio web o una landing page existentes. Haga clic en el menú desplegable Contenido y seleccione una página. 
       • Active la opción Abrir enlace en ventana nueva si desea que el enlace abra una nueva pestaña o ventana del navegador al hacer clic en él.
       • En Tipo de enlace seleccione la casilla de verificación No seguir para indicar a los motores de búsqueda que ignoren el enlace.
   • Seleccione la casilla de verificación Añadir icono para añadir un icono al botón.
     
     • Haga clic en el menú desplegable Icono .
     • Haga clic en Reemplazar para sustituir el icono existente.
     • En el panel derecho, busca un icono. Haz clic en el icono para seleccionarlo.
     • Haga clic en el menú desplegable Posición y seleccione la posición del icono en el botón.
7. En la parte superior derecha, haga clic en Actualizar o Publicar para activar los cambios.
8. En el administrador de diseño, también puede añadir el módulo de pago 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

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 incruste el enlace de pago, el formulario de pago aparecerá directamente en su página.

Para copiar el código de incrustación.

1. En tu cuenta de HubSpot, dirígete a Comercio > Enlaces de pago.
2. Pasa el ratón por encima del enlace y haz clic en Acciones, luego selecciona Incrustar.
3. 
4. En el cuadro de diálogo, haga clic en Copiar código de inserción.

Con el código incrustado copiado, puedes añadirlo directamente a tu sitio. O, si es usted desarrollador, puede crear un nuevo módulo e incluir un campo de enlace para que los creadores de contenidos puedan seleccionar entre los enlaces de pago disponibles.

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.

1. En tu cuenta de HubSpot, dirígete a Marketing > Correo electrónico.
2. Pasa el ratón por encima de un borrador de correo electrónico existente y haz clic en Editar, o haz clic en Crear correo para crear un nuevo correo.
3. En la parte superior izquierda, haga clic en + Añadir.
4. En la pestaña Contenido , en Comercio electrónico, haga clic en Pagos y arrástrelo hasta su posición en la página.
   
   
5. Haga clic en el menú desplegable Pagos y seleccione un enlace de pago.
6. En el campo de texto Botón , edite el texto que aparece. Para insertar emojis en tu campo de texto, haz clic en el icono de emoji.
7. Haga clic en la pestaña Estilos para ajustar el estilo del botón, incluidos el tipo, tamaño y color de la fuente, el color de fondo, la alineación y el relleno.
8. Termine el ajuste y envíe su correo electrónico.

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