Agrega enlaces de pago al contenido

Aprende a añadir un enlace de pago a tu sitio web de HubSpot, email marketing o sitio externo para que tus clientes puedan pagarte directamente desde tu contenido.

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 un correo electrónico de marketing, o añadir el código de inserción del enlace de pago a su sitio web externo.

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.
   • Landing page : 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. Haga clic en el nombre de la página para abrir el editor.
3. En la parte superior izquierda, haga clic en add.
4. En Módulos, haga clic para ampliar 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:
   • En el campo Botón , introduzca el texto que se mostrará en el 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 del 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 en él. O bien, 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 aplicar los cambios.
8. En el Mánager 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

Puede insertar el código de inserción del enlace de pago en su sitio web externo, o crear un módulo de pago en el administrador de diseño y añadir el código de inserció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. Pase el ratón por encima del enlace de pago, haga clic en Acciones y seleccione Insertar.
   
   
3. 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 desarrollador, puede crear un nuevo módulo e incluir un campo de enlace para que los usuarios seleccionen 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 electrónico para crear uno nuevo.
3. En la parte superior izquierda, haga clic en add.
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. Finalice y envíe su correo electrónico.

Cuando un contacto haga clic en el botón del enlace de pago, se le llevará a la página de pago.

Pasos siguientes

• Más información sobre lo que ocurre en HubSpot después de realizar un pago en .
• Más información sobre la gestión de los pagos.
• Más información sobre la creación de informes en la suite de analíticas de comercio.