Edita y asigna estilos al botón de envío de tu formulario
Última actualización: junio 28, 2023
Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:
Todos los productos y planes |
- Edita el texto del botón de envío de tu formulario
- Estilo de tu botón de envío de formularios en las páginas de HubSpot (Marketing Hub Básico, Pro y Enterprise únicamente)
- Estilo de tu botón de envío de formularios en páginas externas (Marketing Hub Starter, Basic, Pro y Enterprise únicamente)
Edita el texto del botón de envío de tu formulario
El texto del botón de envío predeterminado en un formulario de HubSpot es Enviar. Para editar el texto del botón de envío:
- En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
- Haz clic en el nombre del formulario.
- En el editor de formularios, haz clic en el botón Enviar.
- En el panel izquierdo, escribe el nuevo texto del botón de envío en el campo Etiqueta.
- En la parte superior derecha, haz clic en Publicar para actualizar el formulario en vivo.
Estilo de tu botón de envío de formularios en las páginas de HubSpot (Marketing Hub Básico, Pro y Enterprise únicamente)
- En tu cuenta de HubSpot, navega a las páginas de destino o páginas del sitio web.
- Haz clic en el nombre de una página.
- En el editor de contenido, coloca el cursor sobre el módulo del formulario y haz clic en el símbolo de los estilos de edición.
- En el panel izquierdo, haz clic en el menú desplegable y selecciona el botón Formulario.
- Estilo del botón de envío de formularios con las opciones, como cambiar el color de fondo del botón o el tamaño de la fuente de texto.
- En la parte inferior izquierda, haz clic en Guardar e ir a la lista del módulo.
- En la esquina superior derecha, haz clic en Publicar o Actualizar.
Estilo de tu botón de envío de formularios en páginas externas (Marketing Hub Starter, Basic, Pro y Enterprise únicamente)
- En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
- Haz clic en el nombre del formulario.
- En el editor de formularios, haz clic en la pestaña Estilo y vista preliminar.
- En el panel izquierdo, haz clic en la sección > Estilo para ampliarlo.
- En la sección Botón, asigna el estilo del botón de envío de formularios con las opciones, como cambiar el color de fondo del botón o el tamaño de la fuente de texto.
Esto actualiza el estilo de tu botón de envío de formularios en una página individual. Descubre cómo personalizar la configuración de estilo global para los formularios.
Si deseas eliminar el estilo del formulario, cualquier opción de estilo de formulario que hayas establecido en la pestaña Estilo y vista preliminar en el editor de formularios o la configuración de estilo del formulario global no se aplicará. En cambio, usa un selector CSS en tu hoja de estilo externa para dirigir el botón de envío del formulario. Por ejemplo:
input[type="submit"]{ background: #ff0000; }
Más información sobre cómo personalizar el código de incrustación del formulario en la documentación de los desarrolladores de HubSpot.