Tutorial para crear un sitio web gratis | Website World

Cómo crear un sitio web

Aprenda a crear un sitio web utilizando nuestro creador de sitios web gratuito¡Y en horas, no semanas! Con software gratuito de carrito de compra y punto de venta, asistentes de diseño web y correo electrónico masivo integrado, ofrecemos un servicio web integral, sin costos ocultos.

5 pasos para crear un sitio web

Hay cinco sencillos pasos para crear un sitio web con nosotros:

  1. Regístrate para una prueba gratuita
  2. Agregar, eliminar y renombrar páginas
  3. Añadir contenido
  4. Diseña tu sitio web
  5. Ponerse en marcha

1. Regístrese para una prueba gratuita de 30 días

Regístrate para obtener una sitio web de prueba gratuita por:


  • Seleccionar una plantilla de diseño web de nuestra creciente gama de plantillas prediseñadas para empresas de servicios y productos. Esta plantilla se puede modificar fácilmente posteriormente. En este ejemplo, utilizamos la plantilla de sitio web Minimal ContentBox (100 % de ancho) como sitio web de demostración.


  • Seleccione el tipo de sitio web que desea crear, como una tienda en línea, un proveedor de servicios, un bloguero, una inmobiliaria, etc. Esto nos permitirá precargar su sitio web con las páginas adecuadas para el sector elegido. En este ejemplo, elegimos la opción de comercio electrónico para tiendas/minoristas, que incluye un carrito de compras integrado.

  • Ingrese el nombre de su sitio web y sus datos de contacto para comenzar su prueba gratuita de sitio web.

Recibirá un correo electrónico solicitando la confirmación de su dirección de correo electrónico, que también contiene información sobre cómo iniciar sesión en su sitio web, junto con una contraseña temporal. Una vez iniciada la sesión, verá el Panel de Bienvenida, donde tendrá control total sobre su nuevo sitio web.


2. Agregar, eliminar o renombrar páginas en su sitio web

Tu nuevo sitio web incluirá páginas precargadas que variarán según el tipo de plantilla que hayas elegido. Es fácil añadir, eliminar o renombrar estas páginas dentro de tu sitio web.

  • Agregar nuevas páginas

Para agregar una nueva página a su sitio web, haga clic en el botón Agregar página que se encuentra en el lado izquierdo del Panel de bienvenida, o haga clic en el botón Páginas web y seleccione Agregar página.

Se le pedirá que confirme el tipo de página que desea agregar. En este ejemplo, seleccionamos la opción "Página única (arrastrar y soltar)".

A continuación, ingresará información sobre esa página, incluido el texto que se mostrará en su botón de menú, un encabezado de página y un nombre de archivo SEO.

Tras hacer clic en el botón "Añadir nueva página ahora", accederá a su nueva página. Esta se añadirá automáticamente al menú de la izquierda de la pantalla y a la barra de menú de su sitio web.

  1. Eliminar y eliminar por completo una página de un sitio web cuando no es recomendable por razones de SEO. En su lugar, debería modificar la visibilidad de la página para impedir que se encuentre y visualice, además de eliminarla del menú. Si debe eliminarla, asegúrese de redirigir su URL a una página activa.
Sin embargo, como su sitio web actual es un sitio de prueba, puede eliminar una página. Para ello, haga clic en el botón "Páginas web", que abrirá un mapa del sitio con todas sus páginas actuales. En este ejemplo, eliminaremos la página de suscripción. Primero, haga clic en el icono de la rueda dentada (flecha roja).

Se abrirá una pantalla con opciones para esta página. Seleccione la opción "Eliminar esta página". Aparecerá un mensaje de advertencia. Haga clic en el botón "Eliminar página ahora" y cierre la pantalla haciendo clic en la X de la esquina.

  • También se puede cambiar el nombre de una página a través del mapa del sitio web. Haga clic en el botón "Páginas web" y seleccione esta vez el icono de rueda dentada de la página de compras. Las áreas que desea editar son el texto del botón, el encabezado de la página y el nombre del archivo SEO. Tenga en cuenta que una vez que su sitio web esté activo, no debe cambiar ningún nombre de archivo SEO, ya que esto crearía enlaces rotos en su sitio web y los motores de búsqueda interpretarían que, al tener un nuevo nombre de archivo, se trata de una página nueva. En consecuencia, perderá las ventajas SEO que tenía esa página. Sin embargo, puede cambiar los nombres de archivo sin penalizaciones si su sitio aún está en modo de prueba.

Para guardar los cambios realizados en su sitio web, haga clic en el botón verde "Publicar". Esto no activará su sitio, sino que publicará los cambios en su sitio de prueba y los guardará.

3 - Añade contenido a tu sitio web

Hay dos tipos de contenido que puedes agregar a tu sitio web: texto y gráficos/fotos.

  • Agregar títulos de página, subtítulos y texto de párrafo a una página

Para editar una página y añadir títulos, encabezados y texto de párrafo, haga clic en el nombre de la página en la pestaña "Páginas web", a la izquierda de la pantalla. Esto abrirá la página para editarla. En este ejemplo, editaremos la página "Sobre nosotros", como se muestra a continuación, con el editor de arrastrar y soltar de Innova Studio.

Con la página "Sobre nosotros" abierta, podemos añadir subtítulos y texto de párrafo. Puede hacerlo haciendo clic dentro del cuadro de texto de párrafo, que se encuentra en el centro de la página por defecto, o seleccionando un fragmento de la columna derecha que contenga el tipo de texto que desee.

Añadimos texto al fragmento de párrafo existente y, a continuación, hicimos clic y arrastramos el texto sobre el fragmento de encabezado H2. A continuación, añadimos un título a ese fragmento de encabezado, como se muestra en esta imagen:

Hay dos maneras de cambiar el título de la página, o Encabezado 1 (h1). Primero, puedes seguir las instrucciones del paso anterior para renombrar una página. O bien, puedes abrir la pestaña SEO desde el menú azul y seleccionar Optimizar metaetiquetas de páginas web.

Esto abrirá una página desde donde podrás editar tus metaetiquetas SEO, incluido el título de tu página (encabezado de página).

  • Subir y agregar una imagen a una página web
Para insertar una imagen en un bloque de texto existente, coloque el cursor donde desee colocar la imagen (flecha roja) y haga clic en el signo + de la barra de edición (flecha morada). Tenga en cuenta que si coloca el cursor junto a cualquier texto, modificará su posición. Si desea que la imagen aparezca junto al texto, le recomendamos usar un cuadro de fragmento. Esto abrirá un cuadro que le preguntará qué desea insertar (imagen, enlace o campo de formulario). Seleccione Insertar imagen. Para cargar una imagen desde su dispositivo, haga clic en el botón Explorar para abrir los archivos de imagen y haga doble clic en la imagen (preferiblemente en formato JPEG). A continuación, haga clic en el botón azul "Subir".

El Asistente de Imagen del CMS abrirá su imagen, lista para editarla si es necesario. Le mostrará su tamaño real actual, su nombre de archivo y opciones para recortar, rotar, redimensionar y convertir a JPG. Vamos a redimensionar esta imagen para que encaje en la página "Sobre nosotros". Haga clic en la flecha desplegable del cuadro "Redimensionar" y seleccione la opción "Blog" con un tamaño de imagen de 448x448. Cambie el nombre del archivo si es necesario y haga clic en "Guardar cambios".

Se abrirá otro cuadro que te permite editar la imagen, incluyendo su posición, borde y relleno. En este ejemplo, usaremos el borde, la alineación y el relleno predeterminados y luego haremos clic en el botón azul "Insertar foto ahora".

También puedes usar el widget de arrastrar y soltar, ubicado a la derecha de la pantalla, para agregar una imagen o un bloque de imagen y texto a una página. Elige el tipo de imagen que mejor se adapte a tus necesidades y arrástralo a la página donde quieras colocarlo. Coloca el cursor sobre la imagen y haz clic en el icono "Cambiar imagen".

Utilice la opción que más le convenga para elegir la imagen:

  • Utilice una imagen existente que haya cargado previamente
  • Seleccione el archivo de imagen de su dispositivo
  • Arrastre y suelte un archivo de imagen desde su dispositivo
  • Importar una imagen pegando la URL de ubicación de la imagen de una imagen que ya esté en un sitio web

4. Diseña tu sitio web

Diseñar tu sitio web con nuestro creador de sitios web es rápido y sencillo. Aquí te explicamos cómo cambiar el tamaño, el color y el tipo de fuente, además de los colores principales de tu sitio web.
  • Cambiar el tipo y tamaño de fuente

Puedes cambiar el tipo y tamaño de fuente desde la opción "Diseño" del menú (para todo el sitio web) o en cada página (para páginas individuales). Primero, nos centraremos en la fuente para todo el sitio web. En el menú "Diseño", selecciona "Colores y fuentes".

Desplázate hacia abajo en la página hasta ver las opciones del cuadro "Fuentes". Aquí podrás editar: Fuente general, Fuente del encabezado, Tamaño de fuente y Altura de línea.

  • Cambiar la fuente en una página específica del sitio web

Resalte el texto cuya fuente desea cambiar y haga clic en la flecha desplegable junto al cuadro "Familia de fuentes" en la barra de herramientas de edición. Tenga en cuenta que esto se verá diferente si usa un editor alternativo al que usamos actualmente, TinyMCE3510 (en la esquina superior derecha puede ver el nombre del editor actual y cambiar a un nuevo modo de edición).

Seleccione la fuente que desee y solo el texto resaltado se cambiará a esta fuente, mientras que el resto de la página permanecerá igual. Para cambiar el tamaño, vuelva a resaltar el texto específico, haga clic en la flecha desplegable junto a Tamaño de fuente y seleccione la opción de tamaño en puntos que desee.

  • Cambiar los colores generales de su sitio web

Puedes cambiar los colores generales de todo tu sitio web desde la pestaña Diseño, seleccionando la opción Colores y fuentes. En la página Opciones de diseño, podrás editar los colores de diferentes áreas de tu sitio web.

Los colores reciben un código hexadecimal o número de color, lo que los hace más específicos que, por ejemplo, simplemente llamarlos "azul oscuro". Puede introducir su código hexadecimal en el cuadro junto al elemento cuyo color desea cambiar y hacer clic en otro cuadro para guardarlo. También puede hacer clic en el botón "Seleccionar color", seleccionar manualmente un color del Asistente de color y seleccionar el botón "Usar color".

Estos son los colores que hemos elegido utilizar:


Guarde su trabajo haciendo clic en los botones Guardar cambios y luego en Publicar.

  • Cambiar el color del texto en páginas web individuales

Resalte el encabezado y seleccione el menú desplegable junto al icono de Color de texto. Se abrirá una gama de colores preseleccionada, además de ofrecerle la opción de añadir otros colores haciendo clic en la opción "Más colores".

Haga clic en el botón Guardar cambios y luego en el botón Publicar para guardar su trabajo hasta el momento.

5 - Cómo hacer que su sitio web esté activo

Una vez que tu sitio web esté activo, puedes seguir añadiendo nuevos productos, contenido escrito e imágenes. Un sitio web es como un ser vivo, y está diseñado para cambiar y crecer. Lo único que debes evitar es eliminar productos o páginas. En su lugar, debes dejarlos activos en tu sitio, con los productos marcados como agotados y ocultos.


Para que tu sitio web esté disponible, haz clic en el botón "Publicar", asígnale tu nombre de dominio y paga el primer mes de alojamiento web por adelantado. Te recomendamos configurar un pago mensual automático o, para obtener un descuento, contratarlo con un año de antelación.

Si no tienes una nombre de dominio Conseguir uno es fácil. Haz clic en el botón azul "Dominios/Correo electrónico" y selecciona la opción "Buscar y registrar nuevo dominio". Accederás a una página donde podrás introducir el nombre de dominio que hayas elegido y, si está disponible, comprarlo. Se añadirá a tu cuenta y podrás asignarlo a tu nuevo sitio web.

¡Nuestro equipo en Website World está aquí para ayudarte! Asegúrate de consultar nuestra Capacitación y tutoriales para obtener ayuda gratuita para crear y administrar su sitio web. Recuerde, Los sitios web que alojamos son SÚPER RÁPIDOS ¡también!