Email-Icon Created with Sketch. Group 3 Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Trust Pilot Stars Created with Sketch. 1-5-million Created with Sketch. black-green yellow_blue Control-panel-Icon Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. icon-slider-next Created with Sketch. icon-slider-prev Created with Sketch. Webmail-icon Created with Sketch. heart Created with Sketch. Open-24-7 Created with Sketch. 247 Created with Sketch. open24 Created with Sketch. 24 7 trusted Created with Sketch. Fill 1 Created with Sketch.

Primeros pasos con Website Builder

1. Inicio de sesión en Website Builder
2. Elección de una plantilla
3. Creación de su primera página
4. Adición de más páginas
5. Edición de una página o plantilla
6. Guardar los cambios
7. Vista previa y publicación de su sitio web

1. Inicio de sesión en Website Builder

Comience a construir su sitio web iniciando sesión en Website Builder. Puede acceder a Website Builder directamente a través de su navegador: desde el Panel de Control de One.com o desde esta página:

https://webeditor.one.com/

El nombre de usuario es su correo electrónico y la contraseña es la misma que utiliza para su panel de control en One.com.

Select Website Builder in the overview.

2. Elección de una plantilla

Después de iniciar sesión en Website Builder por primera vez, se le pedirá elegir una plantilla para la construcción de su página web. Puede seleccionar otra plantilla más tarde, combinar diferentes plantillas o incluso crear su propio diseño, eligiendo una plantilla en blanco.

Select the template you want.

3. Creación de su primera página

Cuando haya elegido una plantilla se crearán cuatro páginas automáticamente. Estas páginas se llaman "Home" (Página Inicial), "About" (Acerca de), "Photos" y "Contact". Usted puede introducir nuevos títulos, si lo prefiere, o mantener los títulos por defecto. La página que se llama "Home" será utilizada como su Página Inicial para el sitio web que está creando.

Pages will automatically be created.

4. Adición de más páginas

Agregue una nueva página haciendo clic en el botón New Page (Nueva pàgina). Si desea un diseño diferente en su página, puede crear una página con otra plantilla. Usted puede agregar una página con una plantilla diferente seleccionando Use another template (Utalizar otra plantilla) en el menú desplegable.

Click New page.

Usted puede agregar subpáginas a una página específica haciendo clic en la flecha ubicada cerca del título de la página y seleccionando Add subpage... (Anãdir subpágina) en el menú que aparece.

Select the page layout you want.

5. Edición de una página o plantilla

Usted puede editar una página específica o la plantilla de diseño. Al activar Edit Page (Editar página) los cambios sólo afectarán a la página elegida. Cuando se activa Edit template (Editar plantilla), los cambios serán aplicados al diseño en general para todas las páginas basadas en dicha plantilla. Asegúrese de haber seleccionado el modo de edición correcto antes de empezar a editar.

Edit template is activated.

Sus páginas y plantillas se construyen con elementos llamados Components (Componentes). Usted puede combinar y personalizar estos componentes y así constituir una apariencia única para su sitio web.

Para agregar un componente a su página, haga clic y arrastre el componente específico del menú de la izquierda hacia donde lo quiera poner en la página. La flecha que aparece indica donde el componente se colocará cuando lo deje en el área de trabajo.

Add component to workspace.

Las rayas que aparecen sobre los componentes en el área de trabajo indican que no los puede editar en el modo de edición que ha elegido. Usted tiene que cambiar el modo de edición, ya sea Edit page (Editar página) o Edit template (Editar plantilla).


Cada componente tiene propiedades diferentes que pueden ser editadas a través del menú que aparece en el espacio de trabajo, al hacer clic en el componente. Asegúrese de que el componente que desea editar se haya agregado a su espacio de trabajo, y de que usted haga clic en el elemento específico que desea editar. Al editar las Properties (Propiedades) se puede cambiar el aspecto y el comportamiento de los componentes seleccionados.

Each component has properties.

Los diferentes componentes que se pueden agregar son:

Casilla: un contenedor para otros componentes.
Texto: una caja con contenido de texto.
Button: make a clear call-to-action
Gallery: an easy way to display several images
Image Slider: add a carousel of images that automatically shifts
Imagen: una imagen de su espacio web.
Menú: conecta sus páginas y permite navegar entre las diferentes partes de su sitio web.
Tabla: una tabla con filas y columnas.
Document: display for example a Word file on your site
Vídeo: un vídeo de YouTube.
Like Button: un botón "Me gusta" para sus páginas Website Builder.
Like Box: una caja "Me gusta" para su página en Facebook.
Código: códigos HTML y JavaScript personalizados.
Contact Form: quick way for people to get in touch with you
Webshop: get started with selling products online

Los botones Undo (Deshacer) y Redo (Rehacer) ubicados en el rincón superior derecho hacen posible que usted se mueva hacia atrás y adelante a través de los cambios que ha realizado.

Undo and Redo buttons in workspace.

6. Guardar los cambios

Haga clic en el botón Save (Guardado) para asegurarse de guardar sus cambios. El botón Save se ubica en el rincón superior izquierdo.

Click Save to make sure you don't lose important changes.

7. Vista previa y publicación de su sitio web

Usted puede ver los cambios recién realizados a la página antes de publicar el sitio web haciendo clic en el botón Preview (Vista previa). El modo Preview le permite revisar su sitio sin que los cambios sean visibles para los demás. Cuando esté satisfecho con su sitio web, haga clic en el botón Publish (Publicar) para actualizar los cambios en su sitio en línea. Al hacer clic en Publish, hará que su sitio esté visible para los demás, cuando ingresen el nombre de su dominio en su navegador.


Preview your website.

¡Felicitaciones, ha construido su primer sitio web utilizando Website Builder!