Cómo crear un sitio web

Puedes crear un sitio web de una o varias de varias páginas con un diseño bien pensado y fácil de usar utilizando un creador visual de sitios web, no necesitas tener habilidades de codificación y puedes escoger y personalizar plantillas prediseñadas que se adapten a tu negocio o simplemente crear tus propias plantillas desde cero.

Con nuestro creador de sitios web sólo necesitas seleccionar un elemento, arrastrarlo al espacio de trabajo y personalizar el estilo para que se ajuste a tus objetivos de venta. Además de texto y contenido visual, puedes agregar opciones de pago, formularios de suscripción y galerías de imágenes e incluir enlaces a tus perfiles de redes sociales o blog para atraer y convertir visitantes en clientes.

Para crear un sitio web ve a la pestaña Sitio web y haz clic en Crear sitio web. Selecciona Sitio web.

A continuación, haz clic en Nuevo sitio web para crear un sitio web desde cero.

Puedes filtrar las plantillas prediseñadas en función de la categoría o el idioma de la plantilla, seleccionar una plantilla y adaptarla a tus necesidades. Encuentra una plantilla, visualízala y haz clic en Editar.

Estilo de página general

Antes de comenzar a agregar elementos escoge el estilo de tu plantilla. De manera predeterminada, la combinación de colores y el estilo de texto que selecciones se aplicarán a todos los elementos que utilices. También puedes establecer o cambiar el estilo general de tu sitio web después de crearlo.

La configuración general del estilo del sitio web se aplica a todas tus páginas.

Puedes leer más en: Estilo de página general y personalización de sus elementos.

Agregar Elementos

Crear una estructura

Planifica la estructura de tu sitio web y empieza a crearla utilizando los elementos Bloque, Sección y Columna. Puedes combinar secciones en bloques de forma vertical y unir columnas en secciones de forma horizontal. También puedes organizar el contenido de tu web utilizando el elemento Diseño dentro de bloques, secciones y columnas.

Puedes agregar un número ilimitado de bloques y hasta 6 columnas a una sección.

Selecciona un bloque de la biblioteca. Para agregarlo, haz clic en Agregar bloque.

Puedes agregar un bloque vacío o seleccionar bloques listos para usar de nuestra biblioteca, incluidos Encabezado, Primera pantalla, Acerca de nosotros, Ventajas, Texto, Contactos, Preguntas frecuentes y Pie de página.

Si ya agregaste un elemento a tu sitio y quieres pasar al siguiente, desplaza el cursor sobre él y haz clic en + Agregar bloque.

Para personalizar el estilo, haz clic en el ícono adecuado en la esquina superior derecha del creador.

Puedes leer más en: Cómo trabajar con elementos del sitio.

Agregar widgets

Selecciona un widget: un elemento funcional del sitio web diseñado para añadir información e interactuar con los visitantes. Más información sobre cada elemento a continuación.

Menú

Permite añadir un menú que ayuda a los usuarios a navegar a una página específica del sitio web.

Agrega el widget Menú en la parte superior de tu página. Aquí verás algunos ejemplos de menú donde puedes personalizarlos al editar tu widget.

Para agregar un nuevo elemento a tu menú haz clic en Agregar. Luego, haz clic en el icono del lápiz e introduce un nuevo nombre de elemento. Selecciona la página de tu sitio web o ingresa un enlace, una dirección de correo electrónico, un número de teléfono o un enlace de anclaje a otro bloque.

Botones

Permite añadir botones con enlaces a otros sitios web, páginas y bloques o permitir a los visitantes del sitio web que te llamen o te envíen un correo electrónico.

En el panel de edición del widget Botones, puedes agregar botones adicionales o alinear el elemento con respecto al espacio de columna.

Si quieres agregar otro botón a la columna, haz clic en Agregar. Escribe el nombre de tu botón y una pista en la descripción. Selecciona su tipo (enlace, teléfono, correo electrónico o anclaje) e ingresa los datos requeridos.

Personaliza el estilo de tu botón (ubicación y tipo de apertura) y agrégale efectos.

Texto

El widget Texto añade un elemento de texto a tu página.

Si deseas cambiar el formato, haz clic en el propio texto. Selecciona la parte que necesitas del texto y elige su color, tamaño y fuente. También puedes agregar listas, hipervínculos o elementos adicionales utilizando el código fuente, así como animación de desplazamiento.

Puedes personalizar el tamaño de fuente y la altura de línea de cada uno de sus encabezados en la configuración general de estilo del sitio y modificar o generar una nueva copia con ChatGPT. Consulta también: Cómo mejorar o generar el copy de tu sitio web con IA.

Imagen

El widget Imagen añade un elemento multimedia que realza tu texto.

Una vez que hayas agregado el widget, ve al editor de elementos, selecciona un archivo o carga uno nuevo.

Puedes ingresar texto alternativo y agregar una descripción y un enlace. Personaliza el texto que usarás para tu imagen cambiando su tamaño, color y posición y agregándole un fondo.

También puedes agregar efectos de animación a tu imagen.

Video

El widget Video añade vídeos en los que se puede hacer clic.

Selecciona la plataforma donde se encuentra alojado tu vídeo (YouTube o Vimeo) y, en el campo siguiente, pega un enlace al mismo.

También puedes seleccionar un archivo de vista previa, el ancho del elemento y la alineación para personalizar este elemento.

Galería

El widget Galería muestra imágenes en forma de carrusel, cuadrícula o collage.

También puedes cambiar el tamaño de las imágenes y seleccionar un punto focal (una parte de la imagen que quieras destacar). Para hacerlo, da clic en la imagen y personalízala usando el cursor.

Redes Sociales

El widget Redes Sociales añade un enlace a tu perfil en las redes sociales para invitar a los usuarios a seguirte.

Para agregar un enlace a tu perfil de redes sociales, haz clic en Agregar. Luego haz clic en el ícono del lápiz, selecciona una plataforma de redes sociales e ingresa el enlace de tu perfil.

Personaliza tu elemento mostrándolo como un botón o icono o eligiendo el color y alineación.

Espaciador y Divisor

Los widgets Espaciador y Separador permiten espaciar tu contenido, incluyendo bloques, secciones, columnas u otros widgets.

Al agregar el widget Espaciador puedes establecer el tamaño de la altura en píxeles.

Puedes seleccionar el color, el tipo, el grosor y el tamaño de tu elemento Divisor. Por ejemplo, si necesitas una línea para toda la columna, puedes establecer el ancho en 100%. Si lo necesitas para un elemento más pequeño, ajusta el ancho con el control deslizante. Alinea tu contenido a la izquierda, a la derecha o al centro.

Formulario de Suscripción

El widget Formularios recopila datos de suscriptores y visitantes del sitio web.

Primero, elige dónde quieres guardar tus nuevos suscriptores.

De forma predeterminada, cada vez que obtienes un nuevo cliente potencial, tu sistema CRM crea un nuevo trato. Ingresa un nombre de trato y selecciona la canalización donde quieras agregar tus nuevos contactos.

También puedes guardar contactos en tu lista de correo para enviarles campañas más tarde. Selecciona una lista de correo donde se almacenarán tus nuevos contactos.

A continuación, personaliza los campos del formulario y el botón de suscripción.

Pagos

El widget Pago permite a los usuarios comprar tus productos con un solo clic.

Ingresa el nombre de tu producto, su precio y selecciona una canalización en la que se guardará la oferta. Selecciona una lista de correo donde se almacenará tu contacto una vez que pagues con éxito tu producto. También puedes personalizar los campos de tu formulario.

Chatbots

El widget Chatbots añade un botón para animar a los usuarios a suscribirse a tu chatbot y lanzar un flujo, como un flujo de bienvenida o un flujo personalizado.

Puedes elegir el estilo del botón y personalizarlo para después agregar un nuevo elemento, o bien, puedes editar uno existente especificando una red social.

Cuenta Regresiva

El widget Temporizador establece un temporizador de cuenta regresiva hasta el inicio de un evento o el final de una venta.

Ingresa tu fecha y hora de finalización y el mensaje, configura las opciones de fecha y personaliza tu temporizador de cuenta regresiva.

Preguntas Frecuentes

El widget FAQ añade respuestas detalladas a preguntas frecuentes de tus usuarios.

Para cambiar el texto y el formato, haz clic en tu texto o encabezado y podrás editarlo.

Puedes agregar una nueva pregunta al editar tu widget. Cambia el estilo de tu icono, agrega o elimina un espaciador o divisor y escoge el color.

Mapa

El widget Mapa añade tu información de contacto y ubicación a un mapa para ayudar a los usuarios a encontrarte sin conexión.

Obtén y conecta una clave única de API de Google Maps, agrega las direcciones y descripciones necesarias. Personaliza la escala y aspecto de tus mapas.

Inicio de sesión al curso

El widget Inicio de sesión al curso permite a los estudiantes inscribirse en un curso o acceder a una cuenta de estudiante en el sitio de tu curso.

Sólo puedes agregar este widget a un sitio con un curso vinculado. Para desarrollar una página con tu propio diseño, ve al sitio del curso, crea una nueva página de tu sitio con un curso vinculado y agrega el widget.

Selecciona el curso para el que deseas crear una página web. Selecciona y personaliza tus botones o agrega nuevos.

Código personalizado

El widget Código personalizado añade un elemento externo a tu sitio web, como un widget de calendario o un sistema de comentarios.

Puedes añadir una herramienta muy útil con código HTML, CSS o JavaScript escrito o generado por ti. Para ello, añade el widget a la página de tu sitio web y haz clic en él para insertar el código.

Reseñas

El widget Reseñas muestra las reseñas de tu curso para aumentar la confianza de los clientes.

Una vez que agregues este widget, ve al campo Opción de visualización de reseñas y elige si deseas mostrar tus reseñas como un carrusel o en una cuadrícula.

En el campo Fuente, selecciona el curso para el cual deseas mostrar reseñas.

Tu curso debe tener el mismo dominio que tu sitio web y contener reseñas existentes. La configuración de Reseñas de estudiantes en la configuración de tu curso debe estar habilitada.

En el campo Número, selecciona la cantidad de reseñas que deseas mostrar.

Producto

El widget Producto muestra productos y servicios en el sitio web de tu tienda en línea y permite a los usuarios comprarlos.

Añade el widget, haz clic en Añadir producto y rellena la información de tu producto, incluyendo nombre, descripción, imagen, número SKU y precio. Después de añadir un producto, selecciona un tipo de tarjeta de producto y un estilo de tarjeta en el panel de configuración.

Administrar cambios

El creador de sitios web guarda automáticamente los cambios cada 5 segundos como Borrador. Puedes deshacer hasta diez acciones. Para deshacer la acción o entrada de datos más reciente, usa los botones de control en el panel superior. Para ello, haz clic en la flecha izquierda.

Puedes deshacer la acción más reciente o restaurar la versión anterior del sitio. 

Leer más: Cómo usar el creador de sitios web y Cómo deshacer los cambios recientes.

Vista Previa

Una vez que hayas creado tu sitio web, puedes ver cómo se verá en diferentes dispositivos. Para hacer esto, haz clic en Vista previa en la parte superior de la pantalla.

Elige en qué dispositivo quieres ver la vista previa (escritorio o móvil).

Puedes editar elementos, columnas, secciones y bloques por separado para la versión móvil.

Leer más: Cómo editar elementos en la versión móvil.

Publica tu página

Cuando hayas terminado de crear la página, haz clic en Publicar. Introduce el nombre y el enlace de tu sitio web. Cuando añadas una nueva página, introduce su URL.

Posteriormente, podrás publicar, personalizar, copiar o eliminar una nueva página.

Más información: Cómo administrar las páginas de tu sitio web y Cómo personalizar tu sitio.

También puedes monitorear las estadísticas visitas a tu sitio web yendo a la pestaña Estadísticas y seleccionando el tipo de estadísticas que quieres rastrear.

Última actualización: 20.12.2024