Desde que Carrd hizo su debut hace seis años, ha obtenido más de 800.000 usuarios y se ha utilizado para construir más de ### 1,2 millones de sitios.
Con su función de creación de sitios web fácil pero profesional, Carrd se está volviendo cada vez más popular: ha demostrado que la profesionalidad no implica necesariamente complejidad en la creación de sitios web.
Este artículo tiene como objetivo presentar a Carrd y proporcionar una Tutorial básico de Carrard sobre cómo usarlopero primero, echemos un vistazo a lo que es Carrd.
¿Qué es Carrard?
Carrd es esencialmente una plataforma web de creación de sitios web de una página. Con él, puede crear sitios web de una página simples y totalmente receptivos para casi cualquier cosa. Carrd, similar a WordPress, ofrece varias funciones que los usuarios pueden explorar al crear un sitio web. Sin embargo, Carrd está optimizado para sitios web de una sola página.
Cómo usar Carrd para su sitio web [10 Steps]
Uno de los beneficios de usar Carrd es que no requiere habilidades de codificación. Como resultado, puede consultar los tutoriales de Carrd, o precisamente, el tema del sitio web del tutorial de Carrd, para aprender a usar Carrd y comenzar a construir su sitio web en poco tiempo.
A partir de ahora, Carrd no tiene una aplicación móvil, pero se puede acceder a la aplicación web tanto en dispositivos móviles como de escritorio, y demostraremos ambos.
Aquí están los 10 pasos para crear tu sitio web estético carrd desde cero:
1. Regístrese para crear una cuenta de Carrd
Ve a la Sitio web de Carrard.
Haga clic en el “Acceso”
En la página Iniciar sesión, haga clic en el “Inscribirse” botón para crear una cuenta. También puede hacer clic en el Icono “Menú de hamburguesas” para iniciar sesión o registrarse.
2. Abrir panel
Una vez que se haya registrado y verificado su cuenta, siga estos pasos:
Haga clic en el “Abrir panel” botón para abrir el tablero de su cuenta (si no está redirigido automáticamente al tablero)
Haga clic en el “Botón Nuevo sitio” en la esquina superior derecha del panel de su cuenta. Esto lo lleva a una página diferente para que elija un punto de partida.
Seleccione un lienzo en blanco para diseñar tu sitio web desde cero o elija entre plantillas preexistentes modificarlo para adaptarlo a lo que quieras. Puede seleccionar cualquiera de las categorías en la parte superior de la página para obtener plantillas específicas adaptadas a lo que desea.
3. Diseño básico desde cero
Después de su selección del lienzo en blanco, se le redirigirá a la página del lienzo:
Lo primero que aparecerá es algo instrucciones útiles para aprender a usar la interfaz. Una vez que los hayas leído, haz clic en el “Ok, lo tengo” botón para continuar.
ahora verás la interfaz de edición donde realizará el diseño real, verá una vista previa en vivo del sitio que está construyendo y moverá y organizará sus elementos. Clickea en el Menú Hamburguesa “Más Acciones”.
Utilizará el menú para controlar las acciones en el sitio web que está creando. Estos elementos incluyen:
- Elemento de fondo. Este será el fondo de su sitio web.
- Elementos de página. Estos son los elementos visuales que se muestran en la página de un sitio web. Los elementos de la página, que son responsables del diseño general del sitio, se pueden personalizar y formatear de varias maneras.
Haga clic en “Añadir elemento” para agregar un nuevo componente a su sitio. Puedes agregar múltiples elementos: texto, video, botones, audio, tablas, enlaces, etc.
Al hacer clic en un elemento, aparecerá un Panel de propiedades con diferentes pestañas que se pueden usar para personalizar las propiedades del elemento o cambiar la configuración del elemento. En la mayoría de los casos, cada elemento tiene tres pestañas: su pestaña principal, la pestaña de apariencia y la pestaña de configuración.
4. Edita el fondo
Clickea en el Menú Hamburguesa “Más Acciones” y selecciona “Fondo…”
Configura tu Fondo. Puede configurar su estilo de fondo en un color sólido, un degradado, una imagen, un video o una presentación de diapositivas. También puede seleccionar el patrón, el color del patrón, el tamaño y el grosor. Simplemente estableceremos un fondo de color liso. Haga clic en “Hecho” para aplicar el nuevo fondo.
**Style:** Color**Color:** #F57256
5. Establecer diseño de página
Aquí puede diseñar y personalizar el diseño y la posición de su página.
Clickea en el Menú Hamburguesa “Más Acciones” y seleccione “Página…”. Configure la página para establecer el estilo, la posición, el ancho y otras configuraciones de apariencia.
Hemos utilizado los siguientes ajustes.
**Style:** box**Position:** center
**Width:** 1’’
**Padding vertical:** 12
**Padding horizontal:** 12
**Corner rounding:** Off
**Background Color:** #F57256
Tiene la opción de establecer el estilo en:
- Por defecto. Esto es ideal para crear un diseño simple.
- Caja. Esto admite un modo de fondo amigable en pantallas móviles.
- Caja ancha. Este es un cuadro adjunto que se puede diseñar que se extiende por el ancho de la página y contiene todos los elementos del sitio.
- Caja alta. Este es un cuadro adjunto que se puede diseñar que se extiende por la altura de la página y contiene todos los elementos del sitio.
Después de configurar la posición del elemento de la página, la alineación y el espaciado de su contenido, puede haga clic en “Listo” para cerrar el panel.
6. Agregar elemento de contenedor
El elemento contenedor se utilizará para agrupar elementos en dos o un máximo de cuatro columnas de respuesta. Para agregar el elemento contenedor:
Haga clic en “Añadir elemento” y seleccione “Envase” del menú desplegable para crear un nuevo elemento contenedor.
Seleccione el “Tipo” en el Panel de Propiedades. Puede dejar el Tipo como “Predeterminado” o establecerlo en “Columna”. Establecer el Tipo en “Columna” dividirá el contenedor en dos columnas.
En el “Pestaña Apariencia”, puede ajustar otras configuraciones de apariencia. Recuerda hacer clic en “Hecho” para aplicar los efectos.
Hemos establecido los siguientes ajustes:
**Container Type:** Columns**Width:** 25
**Layout:** Default
**Padding Vertical:** 0.25
**Padding Horizontal:** 0.25
**Glutters:** 2
**Marging Top:** Auto
**Margin Bottom**: Auto
7. Agregar elemento de texto
Haga clic en “Agregar un elemento” para seleccionar el elemento de texto.
Cuando aparece la sección de texto en el panel de propiedades, haga clic en “Texto” para cambiar entre las opciones de texto: Título del sitio, Título principal, Subtítulo o Párrafo. Recuerda hacer clic en “Listo” cuando termines de editar.
Clickea en el “Pestaña Apariencia” para dar formato a su texto: Color, Fuente, Tamaño, Espaciado entre líneas, Espaciado entre letras, Márgenes, Alineación, Sombra paralela y Degradado.
**Text:** Create Beautiful FullScreen Scrolling Websites
**Color:** #FFFFFFC2
**Size:** ### 1.375
**Line Spacing:** ### 1.5
**Alignment:** Center
Usar la fuente correcta para su página es extremadamente importante, por lo que definitivamente querrá ver cuáles son las mejores fuentes para los sitios web de Carrd.
8. Agregue un botón de llamada a la acción.
Puede agregar un botón CTA a su sitio web si desea que sus visitantes tomen medidas. La URL del botón podría redirigir a secciones dentro de su sitio web o sitios externos a su sitio web, según la acción que desee que realicen sus visitantes.
Para incluir un botón CTA en su sitio web:
Haga clic en “Agregar elemento” en la pestaña Menú y seleccione “Botones” del menú desplegable.
Bajo la panel de propiedadesclickea en el nombre del botón para cambiar su botón a un CTA más creativo, agregue la URL correcta y personalice el botón según sus especificaciones.
Clickea en el “Pestaña Apariencia” para definir el estilo de su botón.
Puede mueve tu botón al contenedor anterior arrastrándolo. Aquí está el resultado de agregar otro botón.
9. Incluir secciones
Usando secciones, crea la apariencia de numerosas páginas en su sitio web de una sola página. Las secciones le permiten enlazar y cambiar entre diferentes regiones con nombre, lo que mejora la navegación y la funcionalidad.
Hacer clic “Añadir elemento” y seleccione “# Control” para crear un nuevo elemento de control.
Establecer tipo en “Salto de sección.”
Nombra la sección. Solo puede nombrar la sección usando letras minúsculas, números y guiones.
Arrastra el salto de sección hasta donde desea dividir su sitio, luego suelte el clic para soltarlo. Agregue lo que quiera y luego enlace a la sección usando un botón o un enlace.
Haga clic en el icono “Guardar este sitio” en la pestaña Menú
10. Guarda y publica tu sitio
Haga clic en el “Guardar este sitio” icono en la pestaña Menú
Sobre el Panel de propiedadesse le pedirá que introduzca un título y un breve descripción para su sitio web
Seleccione un nombre de dominio y haga clic en “Publicar”. Para la versión gratuita, puede elegir entre “Publicar su sitio en un .carrd.co URL” o “Guardar como borrador sin conexión” si no está listo para compartir su sitio con el mundo. Mientras que para la versión paga, tiene la opción de guardar como plantilla o publicar en un dominio personalizado.
Cuando finalice el proceso de publicación, aparecerá una ventana emergente. Haga clic en “Ver sitio” para ver su sitio web final en línea.
Avance Su página web
¿Es Carrd para usted?
¡Sí! Ya sea que sea un profesional independiente que busca crear su perfil, una pequeña empresa que necesita un sitio web, un podcaster que necesita una página de destino, un Influencer que busca aumentar su presencia en línea, un artista que busca crear un portafolio o una persona con un proyecto de recaudación de fondos, Carrd es para ti.
A pesar de especializarse en sitios web de una sola página, Carrd es bastante versátil. Puedes usar Carrd para construir:
- Página de perfil.
- Página de destino.
- Sitio de la cartera.
- Formulario de suscripción.
- Encuestas.
- Página de recursos.
- Página de recaudación de fondos.
- Sitio de negocios.
Diseñando tu sitio web con Carrd
El proceso de creación de un sitio web se ha vuelto mucho más fácil y económico con Carrd.
La interfaz de edición intuitiva y fácil de usar de Carrd hace posible que las personas y las empresas sin experiencia previa en diseño de sitios web creen y personalicen sitios web para satisfacer sus necesidades.
Siguiendo los pasos descritos anteriormente y explorando el sitio web de Carrd, cualquiera puede diseñar y crear un sitio web estético.
La clave es explorar el sitio web de Carrd y su interfaz de edición, ya que ningún tutorial de Carrd le enseñará todo lo que necesita saber sobre cómo usar Carrd.
¡Feliz diseño!
Artículos relacionados
