Search icon
Cómo Crear una Página Web Con Renderforest

Cómo Crear una Página Web Con Renderforest

13 min de lectura  

22 ene. 2020

Llevar su negocio al mundo online es un gran paso hacia el éxito. Para hacerlo, necesita un sitio web profesional e increíble, o al menos una página de inicio donde tenga la oportunidad de mostrar lo que tiene: su servicio o productos. 

Por suerte para todos los no programadores, ahora es posible crear un sitio web sin necesidad de habilidades de código. Puede usar constructores de sitios web online que ayudarán a crear fácilmente su propio sitio web professional o página de inicio con plantillas responsive diseñadas de manera hermosa.

Renderforest ofrece una solución increíblemente sencilla y eleva la creación de sitio web a un nuevo nivel. En este tutorial, puede encontrar todas las instrucciones para usar el constructor de sitio web y su funcionalidad.


 

 

 

  1. Plantillas y componentes personalizables

 

Entonces, ¿cómo empezar? Diríjase a “Diseñar Sitio Web” del menú de navegación y haga click en el botón “Crear Sitio Web”.

Website maker

Aquí tiene 2 opciones: crear su sitio web desde cero o cargar una plantilla. 

website maker online

Para crear su sitio web con la ayuda de nuestras plantillas preestablecidas, haga click en “Cargar una Plantilla”. Existen 14 categorías de plantillas, incluyendo pero no limitadas a Empresas y Agencias, Marketing, Personal y Portafolio, Música, Viajes y Hospitalidad, Fotografía, Moda y Belleza, con plantillas personalizables listas para ser utilizadas.

design website

Si quiere crear un sitio web desde cero, haga click en “Añadir Componente”. Escoja de entre más de 70 componentes (secciones preestablecidas), que vienen con textos e imágenes por defecto. Los componentes incluyen encabezados, llamadas a acción, texto simple, testimonies, publicaciones, sliders, videos, formularios de email, preguntas frecuentes, contactos, pie de página y mucho más. 

design website online

Seleccione el componente que desee y haga click en “Añadir”. Bajo cada sección, puede encontrar un botón “+”. Haga click para añadir otro componente. 

website templates

Personalice cada componente cambiando los textos, imágenes, íconos, botones y color de fondo. 

Haga click en una sección de texto para escribir o pegar su texto. Note que cada sección de texto tiene un número limitado de caracteres. Por favor, escriba sus textos entre los límites de caracteres para mantener la apariencia y diseño generales.

customizable website templates

Para personalizar los botones, haga click en el botón de edición que aparece cuando pasa el puntero encima del botón. Aquí, escriba su texto, escoja el tipo de enlace del menú desplegable y añada la sección o página de inicio.

customizable website components

En la esquina superior derecha de cada sección, puede encontrar los ajustes de sección. Aquí puede cambiar el color de fondo, reemplazar la imagen de fondo, mover la sección arriba o abajo, reemplazarla, cambiar la orientación o borrar.

design website with components

Para añadir una imagen o cambiar la imagen de fondo de una sección, haga click en cualquier imagen para abrir el popup con distintas opciones. Puede añadir una imagen de 3 maneras distintas: via URL de imagen, escoger una imagen cargada de su Librería de Medios usando imágenes de almacén, o cargando de su dispositivo.

build website with components

La Librería de Medios es el almacenamiento donde guarda todos sus archivos. 

build website with customizable components

Haga click en “Usar imágenes de almacén” para encontrar imágenes relevantes para su sitio web. Busque palabras clave específicas o términos, seleccione una imagen y haga click en “Insertar”.

customize your website

De manera similar, puede editar las secciones con videos. Aquí tiene 4 opciones: añadir vía URL de video, seleccionar un video cargado de su Librería de Medios, usar videos de almacén o cargar desde su dispositivo.

design website with Renderforest

Si su componente tiene íconos que necesita cambiar, haga click en el botón de editar que aparece al mover el puntero encima del ícono. Aquí puede buscar íconos, seleccionar uno relevante y guardar.

online website builder platform

Los íconos de redes sociales también son completamente personalizables. Seleccione el componente que los contiene, elimine los íconos innecesarios, añada lo que necesita y edite o añada sus perfiles sociales.

fully customizable website templates

Para encontrar un ícono social, simplemente edítelo y encuentre el que necesita en la sección “Social”.

edit website template

 

 

  1. Estilo y colores de sitio web

 

Los componentes de sitio web tienen un estilo y tamaño de texto por defecto que puede cambiarse con un click. Diríjase a la sección “Texto” del menú lateral izquierdo para seleccionar el tamaño del texto y el estilo de su preferencia.

change website

En la sección “Estilo”, puede seleccionar el estilo de sus botones, íconos y otras formas del sitio web. Hay 3 opciones de donde escoger: ovalado, redondeado, cuadrado.

website component style

Para cambiar los colores de su sitio web, diríjase a la sección “Color”. Añada sus colores personalizados o escoja uno de las paletas de colores sugeridas por nuestros diseñadores profesionales. 

website component colors

 

  1. ¿Cómo añadir una página?

 

Si su sitio web no es un sitio de una página, necesita añadir más páginas. Para crear una nueva página, diríjase a la sección “Páginas” del mismo menú lateral izquierdo y haga click en “Nueva Página”. Ahora, escriba el nombre de su página, que también se utilizará como la URL de la página, y haga click en “Crear”.

create website page

Su página se añadirá automáticamente al menú de navegación. Puede editar manualmente el nombre o eliminarla haciendo click en el ítem de menú.

edit website navigation menu

Además de enlazar sus páginas internas, también puede añadir un enlace a sitios o páginas de inicio externas. Haga click en “añadir enlace” y edite escribiendo el título de la página, escoja la opción “Enlace Externo” del menú desplegable y añada el enlace.

add external link to website navigation

Además tiene la opción de enlazar el ítem de menú a una sección específica de la página. Por ejemplo, si quiere un enlace del ítem de menu “Contáctenos” a la sección “Contáctenos” de su página de inicio, haga click en “añadir enlace”, escriba el nombre, seleccione la opción “a sección” del menú desplegable y seleccione la sección de una página particular. Note que esta opción está recomendada para los sitios web de una página.

one-page website section

 

  1. Edite la configuración de su sitio web

 

En la sección “Configuración”, puede editar la configuración general de su sitio web y de las páginas individuales. 

Desde el menú desplegable, seleccione la página que quiere editar. Añada la página de título, meta descripción y las palabras clave. 

edit website settings

Por favor note que estas características estarán disponibles una vez que haya obtenido una suscripción de pago.

edit website page settings

Haga click en “General” para empezar a editar la configuración de su sitio web. Aquí, podrá añadir un dominio personalizado o gratis, cargue su favicon e imagen para redes sociales, sincronice el correo de su compañía, conéctese a la cuenta de Google Analytics y añada Facebook Pixel. 

edit website general settings

Por favor note que algunas de estas características estarán disponibles una vez que haya obtenido una suscripción de pago.

website general settings

No olvide hacer click en el botón “Guardar” una vez que actualice la configuración.

 

  1. Previsualice y publique

 

Previsualice su sitio web durante el proceso de edición para comprobar su apariencia y hacer los cambios necesarios para mejorarlo. Haga click en el botón “Vista Previa” en la esquina superior derecha del editor. 

preview website online

Visualice su sitio web en diferentes dispositivos: escritorio, tablet o móvil. O, haga click en “Vista Previa en nueva pestaña”.

view website on different devices

Una vez que su sitio web esté listo para publicarse, previsualice para saber si todo funciona como lo espera. Entonces, haga click en el botón “Publicar”. 

publish website online

¡Felicitaciones! ¡Su sitio web está publicado!

Cada vez que haga cambios en su sitio web, no olvide guardarlos y publicarlos.

Todos sus proyectos de sitio web se guardan automáticamente en la página “Mis Sitios Web” a la que puede acceder desde el menú desplegable superior de la derecha. 

¿Muy simple e intuitivo, no? El constructor de sitio web de Renderforest tiene todas las herramientas para hacer su proceso de creación divertido y sin esfuerzo. Una vez que su sitio web esté listo, publíquelo. Puede publicar su sitio web gratis o suscribirse a uno de nuestros planes pagos (mensual o anual).

Antes de comenzar a diseñar su sitio web, asegúrese de ensamblar muy bien sus páginas web. Esto le ayudará a encontrar fácilmente los componentes deseados. Luego, use nuestro constructor de sitio web fácil de usar para hacer sus ideas realidad.

¿Listo para empezar?

Crear mi Sitio Web

User Avatar

Artículo por

Dive into our Forestblog of exclusive interviews, handy tutorials and interesting articles published every week!

Leer todas las publicaciones de Renderforest Staff
Artículos relacionados
Close icon
Search icon

Would you like to change Renderforest language to English?