How To Make A Website For Free Tutorial | Website World

How to Make a Website

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. Design your website
  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:


  • Selecting a web design template from our continually growing range of pre-designed templates for service and product based businesses. This template can be easily changed later. In this example, we are using the website template Minimal ContentBox (100% Wide) as a demonstration website.


  • Select the type of website you want to build, such as an online shop, a service provider, a blogger, real estate agent etc.This will let us pre-populate your website with the appropriate pages for your chosen industry. In this example, we are choosing the Shop/Retail eCommerce option which includes a built in shopping cart.

  • 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

Your new website will come pre-populated with pages which will vary according to the type of template you chose. It is easy to add or/and remove  or rename these pages within your website.

  • Agregar nuevas páginas

To add a new page to your website, click upon the Add Page button which can be found on the left hand side of the Welcome Dashboard, or by clicking on the Web Pages button and selecting Add Page.

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.

  • Renaming a page is also done via the web pages site map page. Click on the Web Pages button, and select the Shopping page wheel cog icon this time. The area you want to edit are the button text, page heading and SEO filename. Be aware that once your website is live, you should not change any SEO filename as to do so creates broken links on your website, and search engines believe that as it has a new filename, it is a new page. You consquently lose any SEO benefits that page had. You can change your filenames without penalties if your site is still in trial mode however.

To save the changes you have made so far on your website, please click on the green Publish button. This will not make your site live, but will instead publish the changes to your trial site, saving them.

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.

We added some text to the existing paragraph snippet box, and then clicked on and dragged over the Heading H2 snippet box above it. We then added a title to that heading snippet, as in this image:

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.

This will then open a page from where you can edit your SEO meta tags, including your page title (page heading).

  • Upload and Add an Image to a Web Page
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".

The Image Wizard in the CMS will open your image ready for editing, if required. It will show you the true size of your image as it is now, the existing file name it has and some options to crop, rotate, resize and convert to JPG. We are going to resize this image to fit on the About Us page. Click on the drop down arrow for the Resize box, and select the image size 448x448 Blog option. Change the file name if required, then click Save Changes.

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".

Use the option which suits you best to pick the image:

  • Use an existing image you have previously uploaded
  • 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".

Scroll down the page until you see the Fonts box options. Here you will be able to edit the: General Font, Heading Font, Font Size and Line Height. 

  • 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).

Select the font you want and the highlighted text alone will change to this font, while the rest of the page remains the same. To change the size, highlight the specific text again and click on the drop down arrow next to Font Size, and select the size pt option you want.

  • 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:


Save your work by clicking the Save Changes and then the Publish buttons.

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

Highlight the heading and then select the drop down box next to the Text Colour icon. This will open up a pre-selected range of colours to choose from, as well as giving you and option for others by clicking on the More Colours option.

Click the Save Changes button and then the Publish button to save your work so far.

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.

Our team here at Website World are here to help! Make sure you check out our 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!