Guías/Crear contenido/Diseño/Cómo añadir botones a tu sitio

Cómo añadir botones a tu sitio

Puedes añadir botones a tu web para crear enlaces a páginas, a productos o a cualquier otra ubicación. Los botones ayudan a guiar a los visitantes a realizar acciones, como registrarse, comprar u obtener más información. Con esta guía, aprenderás a añadir botones a tu sitio.

Cómo añadir un botón

Sigue estos pasos para añadir un botón a una página, a una entrada o a una plantilla:

  1. Dirígete al escritorio de tu sitio.
  2. En función de dónde quieras añadir el botón, ve a una página, entrada o plantilla, y edita o crea una:
    • Página: ve a la sección Páginas del menú.
    • Entrada: ve a la sección Entradas del menú.
    • Plantilla: accede a Apariencia → Editor y elige la plantilla.
  3. Haz clic en el icono + (insertador de bloques) y busca «botón».
    • O escribe /button donde veas «Escribe / para elegir un bloque».
El insertador de bloques abierto con la palabra «botón» en la búsqueda y el bloque Botones resaltado.
  1. Haz clic en el icono de botones para insertar el bloque Botones.
  2. Añade el texto del botón en «Añadir texto…». Puedes escribir «Más información», «Haz clic aquí» o cualquier otra cosa.
Un botón recién añadido con el marcador de posición «Añadir texto...».

Cómo añadir un enlace a un botón

Después de añadir tu primer botón, querrás añadir un enlace. El enlace podría ser a otra página o entrada de tu sitio, o a un sitio externo. Sigue estos pasos para añadir un enlace al botón:

  1. Utiliza la Vista de lista para seleccionar un botón concreto dentro del bloque Botones.
  2. En la barra de herramientas que aparece después de seleccionar el botón, haz clic en el icono «Enlace».
Un solo botón seleccionado en el bloque Botones, con una flecha que apunta al icono «Enlace» en la barra de herramientas del botón.
  1. Busca una página o entrada publicada por nombre, o escribe la URL en el campo «Busca o escribe la URL».
    • También puedes crear un botón de clic de llamada a la acción siguiendo estas instrucciones.
El campo de entrada «Busca o escribe la URL» resaltado.
  1. Haz clic en el icono Enviar (flecha invertida) o pulsa Intro o Retroceso en el teclado.

También puedes añadir un icono, un emoji o una imagen a un botón.

Cómo añadir más botones


Puedes añadir más botones dentro de un bloque Botones existente o crear uno. Sigue estos pasos para añadir un nuevo botón a un bloque Botones que ya tengas:

  1. Haz clic en el bloque Botones.
  2. Haz clic en el icono + (insertador de bloques) para insertar un nuevo botón.
El bloque Botones seleccionado con una flecha que apunta al icono + (insertador de bloques).
  1. Utiliza las flechas hacia la izquierda o hacia la derecha de la barra de herramientas para reorganizar los botones.
  2. Sigue los pasos anteriores para añadir un enlace.

Por defecto, los botones aparecerán uno al lado del otro. Puedes personalizar la alineación de los botones, así como su posición (uno al lado del otro o apilados) siguiendo los pasos de la guía Alinear botones en tu sitio.

Otros tipos de botones

Si quieres añadir botones más avanzados a tu sitio, echa un vistazo a estas opciones.

Copied to clipboard!