Añadir un botón.

Aprende DXPR BuilderCrear páginasAñadir contenidoMarketing

Obtienes un botón claro de llamada a la acción que lleva las visitas donde quieres. Úsalo para llevar personas a un formulario de registro, una página de producto o una página de contacto.

Botón verde grande con la etiqueta Registro para la jornada de puertas abiertas en una página de destino

Añade un botón

Abre tu página con la sesión iniciada: los controles del constructor aparecen cuando pasas el cursor sobre la zona de contenido. Crea tu primera página muestra lo básico.

  1. Pasa el cursor sobre la columna y haz clic en + en su barra de controles, o haz clic en Add Elements en una página vacía. Abre la pestaña Content y haz clic en Button. Queda arriba de la columna y su diálogo de ajustes se abre.
  2. Reemplaza el texto predeterminado en Title con la etiqueta de tu botón.
  3. Introduce el destino en Link, como /contact o https://example.com.
  4. Elige un color en Type. Aquí elegimos Success.
  5. Elige el Size. Aquí elegimos Large.
  6. Haz clic en Save en el diálogo. Luego haz clic en Save en la barra de herramientas arriba de la zona de contenido para guardar la página.

Lo que ves

Un botón con la etiqueta que escribiste aparece arriba de la columna. En el vídeo, es grande y verde y dice Registro para la jornada de puertas abiertas. Los enlaces no se abren mientras editas. Para probar el tuyo, guarda la página, elige Preview en el menú de vista de la barra de herramientas y haz clic en el botón. Las visitas lo ven cuando guardas la página y está publicada.

Configura tu botón

Pasa el cursor sobre el elemento y abre More > Settings en su barra de controles. Opciones:

  • Title: el texto del botón.
  • Link: a dónde va el botón: una ruta de tu sitio, como /contact, o una URL completa.
  • Link target: abre el enlace en la Same window o una New window. Se muestra cuando Link tiene un valor.
  • Type: el estilo de color: Primary, Secondary, Success, Info, Warning, Danger, Link, Light o Dark.
  • Block button: estira el botón por todo el ancho de la columna.
  • Outline style: muestra un borde de color y texto sin relleno. El tipo Link no tiene contorno y siempre parece un enlace de texto.
  • Size: Normal, Large o Small.

Si no lo ves

  • Button no está en la pestaña Content. Tu perfil de usuario lo oculta. Pide a una cuenta administradora que lo active en User profiles.
  • Ya no está tras recargar. La página no se guardó. Añádelo de nuevo y haz clic en Save en la barra de herramientas arriba de la zona de contenido.
  • Un clic lleva a "página no encontrada". La ruta de Link está mal. Las rutas de tu sitio empiezan con /, como /contact. Pasa el cursor sobre el elemento y abre More > Settings para arreglarla.
  • El botón se ve distinto que en el vídeo. Su aspecto viene de Type, Outline style, Block button y Size. Pasa el cursor sobre el elemento y abre More > Settings para comprobarlos.
  • El enlace se abre en la misma pestaña. Link target está en Same window. Rellena Link primero y luego elige New window.

¿Qué sigue?

Panel Style para cambiar espaciado y fondo de tu botón.