Search icon
Cómo Hacer Un Sitio Web Con Renderforest

Cómo Hacer Un Sitio Web Con Renderforest

13 min de lectura  

31 jul. 2019

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

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

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.

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. 

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. 

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.

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.

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.

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.

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

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

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.

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.

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.

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

 

 

  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.

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.

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. 

 

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

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

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.

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.

 

  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. 

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

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. 

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

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. 

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

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

¡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 atados
Close icon
Search icon

Would you like to change Renderforest language to English?