Tutorial: Cómo construir tu primer sitio web usando Wix (Guía paso a paso)

Creador de sitios web de Wix
Es fácil crear un sitio web usando Wix. Hay más de 220 millones de personas que utilizan el creador de sitios web para crear y hacer crecer sus sitios web en línea (visita Wix en línea).

Wix es un creador de sitios web bastante intuitivo. Pero debido a que ofrece un montón de opciones, fácilmente podrías sentirte un poco abrumado cuando usas Wix para construye tu propio sitio web por primera vez.

Si estás buscando un tutorial para crear un sitio web Wix, esta guía es para ti.

En esta guía, te presentaré el panel de Wix y te mostraré cómo funciona. También veremos las diferentes configuraciones y pasos que debes seguir para publicar un nuevo y brillante sitio web de Wix.

Cómo construir tu primer sitio web Wix

Estos son los pasos:

  1. Regístrese para obtener una cuenta de Wix
  2. Selecciona Wix ADI o Wix Editor
  3. Elija una plantilla preconstruida
  4. Agregar elementos y funciones del sitio
  5. Publicar y salir en vivo
  6. Usando el Administrador de Wix

Listo? Vamos a empezar.

1. Registrarse para obtener una cuenta de Wix

Wix ofrece diferentes planes premium. Elige el que mejor se adapte a tus necesidades.

CaracterísticasBásico empresarialIlimitadaCombinado
Ancho de bandaIlimitadaIlimitada2 GB
Almacenamiento20 GB10 GB3 GB
Dominio gratuito
Anuncios WixRemotoRemotoRemoto
Favicon personalizado
SSL gratuito
Aplicación Site BoosterNo
Vender en canales socialesNoNo
Pagos en línea segurosNoNo
Recomendado paratienda online basicapequeño mediano y
autónomos
Arrancador y
uso personal
Precio$17/mes$12.50/mes$8.50/mes

Para los novatos, recomendaría comenzar con el plan Wix Combo y luego actualizar a medida que crece su sitio. Para las empresas, opte por el plan Business Basic, ya que le permite configurar una tienda en línea.

Los planes premium de Wix (ilimitados y VIP) siempre se recomiendan porque ofrecen muchos beneficios, incluida la capacidad de conectar su propio dominio, eliminar la publicidad de Wix y ofrecer ancho de banda adicional y espacio de almacenamiento.

Aquí están algunas muestras de sitios web creados con Wix.

Consideramos a Wix como uno de los mejores constructores de sitios web pero tenga en cuenta que siempre hay pros y contras con cada herramienta. Por ejemplo, ha habido menciona tanto de un amor por la facilidad de uso como de ser demasiado limitado en algunos aspectos.

Lo que hace bien Wix:

Los usuarios que le dieron a Wix una calificación positiva estaban contentos con lo intuitivo que es el sistema Wix. La interfaz de arrastrar y soltar es fácil de usar y permite a las empresas crear sitios web sin conocimientos de codificación.

Lo que Wix no hace bien:

Los críticos negativos de Wix se quejan de sus servidores lentos. Los sitios web creados con Wix a veces se cargan lentamente y se cree que no son muy amigables con el SEO, lo que significa que los sitios web creados con Wix pueden no aparecer muy bien en los resultados de los motores de búsqueda.

Comienza aquí > Haz clic aquí para registrarte y crear un sitio web de Wix.

2. Crea con Wix ADI o Wix Editor

Puedes elegir entre usar Wix ADI o Wix Editor
Dos opciones para crear tu sitio con Wix: comienza con una plantilla o deja que Wix la cree por ti.

Wix ofrece dos métodos para crear un sitio web: Wix ADI y Editor de Wix. Puedes usar una plantilla prediseñada o dejar que Wix la construya por ti.

En este tutorial paso a paso, demostramos cómo crear un sitio web empresarial utilizando ambas opciones.

¿Qué es Wix ADI?

Wix ADI (o Wix Artificial Design Intelligence) es una herramienta única que aprovecha el poder de la IA: todo lo que necesita es proporcionar información básica (como el tipo de su empresa y el nombre del sitio) y el sistema usa esa información para crear un sitio automáticamente.

¿Qué es WixEditor?

Wix Editor, por otro lado, te permite crear un sitio web desde cero usando un constructor de arrastrar y soltar.

Opción # 1: Crea un sitio web usando Wix ADI

Wix ADI - define tu sitio web
Elegí "marketing digital" para este tutorial.

Primero, Wix te preguntará qué tipo de sitio web comercial deseas crear y te sugerirá algunas opciones básicas. Si no está seguro del tipo de sitio web que desea crear, solo ingrese algunas palabras clave y Wix ADI hará la magia.

Después de eso, Wix solicita el nombre del sitio web. Por el bien de este ejemplo, estoy llamando a nuestro sitio web 'BuildThisDigitalMarketing'.

Puede elegir las características que desea agregar a su sitio web.
Puede elegir las características que desea agregar a su sitio web.

Después de especificar la naturaleza y el nombre del sitio web de su empresa, Wix ADI solicita el conjunto deseado de funciones en su sitio web. Aquí, debe pensar en todas las cosas que desea poder hacer con su sitio web.

Después de conocer las características deseadas de su sitio web, Wix ADI le muestra dos opciones para diseñar su sitio web.

Puedes dejar que Wix cree un sitio web personalizado para ti en minutos eligiendo la opción "Obtener un sitio personalizado".
Puedes dejar que Wix cree un sitio web personalizado para ti en minutos eligiendo la opción "Obtener un sitio personalizado".

Para crear un sitio personalizado con Wix ADI, haz clic en 'Obtener un sitio personalizado'.

Complete la información para su sitio web. También puede omitir esta opción y completarla más tarde.
Complete la información para su sitio web. También puede omitir esta opción y completarla más tarde.

Wix ADI te solicitará más información comercial, como la dirección comercial y otros detalles.

Dale a Wix ADI tanta información como puedas porque usará esta información para completar las secciones relevantes en tu sitio web (como el pie de página de tu sitio web y la página de contacto).

Finalmente, después de que hayas dado todas tus preferencias e información de funciones, Wix ADI estará listo para construir tu sitio web.

En la siguiente pantalla, Wix ADI solicita su preferencia de combinación de colores.

Para nuestro ejemplo, estoy eligiendo el esquema de color 'Exuberante'.
Para nuestro ejemplo, estoy eligiendo el esquema de color 'Exuberante'.

Elige el esquema de color que prefieras. Con el esquema de color preferido, Wix ADI ahora está listo para funcionar en la página de inicio del sitio web.

Con las opciones de diseño de la página de inicio disponibles, puedes elegir la que más te guste.
Con las opciones de diseño de la página de inicio disponibles, puede elegir la que más le convenga.

Después de elegir el diseño de la página de inicio que prefieras, Wix ADI debería tener tu sitio web listo en menos de un minuto.

Ejemplo: sitio que creé usando Wix ADI

Para su referencia, aquí está la página de inicio que creé usando Wix ADI:

wix-adi-muestra

Para ser honesto, no era exactamente un fanático del diseño que Wix ADI creó para mí.

Pero debes saber que este diseño no es definitivo. Puede agregarle nuevas secciones. La combinación de colores y los elementos también se pueden cambiar. Incluso se puede rediseñar desde cero.

De todos modos, olvidemos el diseño por un segundo y veamos qué más ha hecho el programa Wix ADI por este sitio web. Por ejemplo, veamos si Wix ADI al menos eligió las páginas correctas para agregar a nuestro sitio.

Para verificar esto, haga clic en la opción 'Página: Inicio' en el panel izquierdo del tablero.

La siguiente captura de pantalla muestra las diferentes páginas que Wix ADI eligió crear para el sitio web de nuestra agencia de marketing digital:

Como puede ver, Wix ADI agregó un montón de páginas a nuestro sitio web de marketing digital. Estas incluyen las opciones que elegimos durante la etapa de configuración inicial y las que Wix pensó que eran adecuadas para nuestro sitio web.
Como puede ver, Wix ADI agregó un montón de páginas a nuestro sitio web de marketing digital. Estas incluyen las opciones que elegimos durante la etapa de configuración inicial y las que Wix pensó que eran adecuadas para nuestro sitio web.

El resultado final: Wix ADI ha mejorado mucho desde su versión anterior.

Como acabas de ver, aunque diseñar un sitio web con Wix ADI fue conveniente, los resultados estuvieron lejos de ser excelentes.

Tal vez este fue solo un ejemplo único en el que Wix ADI no lo hizo bien. No obstante, ahora tiene una idea de qué esperar de esta opción.

Ahora veremos la segunda opción de crear un sitio web y es mediante el uso del Editor de Wix. Esta opción le brinda control total sobre la apariencia, la navegación, las funciones y todo lo demás en su sitio.

Opción # 2: Crea un sitio usando Wix Editor

Para ver cómo funciona el editor de Wix, suponga que estamos tratando de crear el mismo sitio web de agencia de marketing digital como ejemplo.

Al hacer clic en él, Wix volverá a pedirte los detalles.
Para crear un nuevo sitio, haga clic en la opción 'Crear nuevo sitio' del elemento de menú 'Acciones del sitio'.

Al hacer clic en él, Wix volverá a preguntarte por el tipo de sitio que deseas construir y también toda la información como los pasos anteriores.

En esta ocasión, elegimos la primera opción. Para construir un sitio web de Wix con una plantilla.
En esta ocasión, elegimos la primera opción. Para construir un sitio web de Wix con una plantilla.

Pero esta vez, crearemos el sitio con el editor de Wix porque queremos probar el editor ahora. Esto nos lleva al siguiente paso;

3. Elija una plantilla de sitio preconstruida de Wix

Vayamos con la subcategoría 'Publicidad y marketing' porque parece la más relevante para nosotros.
Vayamos con la subcategoría 'Publicidad y marketing' porque parece la más relevante para nosotros.

Tan pronto como haga clic en el botón 'Comenzar con una plantilla', será dirigido a varias plantillas.

Como puedes ver en la imagen de arriba, Wix ya está destacando una serie de plantillas relevantes en la categoría "Negocios y servicios".

Para la plantilla, seleccionemos "Agencia de marketing".
Para la plantilla, seleccionemos "Agencia de marketing".

No solo eso, sino que también hay una práctica opción de búsqueda para ayudarlo a filtrar las plantillas adecuadas (mira las plantillas prediseñadas de Wix aquí).

Edición de plantillas prediseñadas de Wix

Panel de control del editor de Wix
Panel de Wix Editor.

Una vez que elijas una plantilla, verás el panel completo del Editor de Wix. Tienes 3 áreas clave dentro del panel de control de Wix (ver las secciones resaltadas):

  • La parte central es su sitio web y, a medida que realiza cambios, puede obtener una vista previa en tiempo real;
  • A su derecha, tiene opciones que le permiten eliminar, duplicar, rotar y ajustar la ubicación de los diversos elementos en su sitio; y,
  • A su izquierda están los bloques de construcción y las opciones de diseño que puede usar.

4. Agregar elementos y funciones del sitio

También echemos un vistazo detallado a todos los elementos de los bloques de construcción y las opciones de diseño.

Fondo del sitio web

Para el fondo de un sitio, Wix admite colores sólidos, imágenes y videos.
Para el fondo de un sitio, Wix admite colores sólidos, imágenes y videos.

Si desea cambiar el color de fondo, todo lo que necesita hacer es hacer clic en la opción 'Color' y Wix presentará una paleta de colores. Al pasar el cursor sobre cualquier color de la paleta, Wix te mostrará una vista previa en tiempo real.

Imágenes gratuitas de la biblioteca de Wix.
Medios gratuitos de la biblioteca de Wix.

Si prefieres una imagen de fondo, puedes subir tu propia imagen o elegir entre una colección de hermosas imágenes que Wix ofrece de forma gratuita.

Las imágenes no solo son hermosas, sino que también están ordenadas en categorías.

Del mismo modo, si desea probar un fondo de video, nuevamente, puede cargar su propio video o elegir una de las colecciones de Wix.

Al poner a tu disposición ese stock de medios premium, Wix realmente te ayuda a crear hermosos sitios web con excelentes imágenes o medios.

Si alguna vez ha intentado recrear demostraciones de la mayoría de las plantillas de creación de sitios web, es posible que sepa cómo sus diseños fracasan en comparación con ellos. Esto casi siempre sucede debido a la falta de imágenes de calidad, pero Wix te cuida bien en esta área.

Bloques de contenido y elementos de diseño

La opción 'Agregar' le permite agregar elementos de diseño a su sitio web. Estos elementos incluyen:

  • Texto
  • Imagen
  • Galería
  • diapositivas
  • Botón
  • Caja
  • Strip
  • Forma
  • Video
  • Música
  • Social
  • Contacto
  • Menú
  • Lista
  • Lightbox
  • Blog
  • llaga
  • Más

Cuando agregue cualquiera de estos elementos, se dará cuenta de que Wix ha prestado atención a los 'pequeños' detalles.

Hay diferentes estilos de 'botones temáticos' disponibles para su selección.
Hay diferentes estilos de 'botones temáticos' disponibles para su selección.

Por ejemplo, para nuestro sitio web de ejemplo, decidí agregar un botón CTA (Llamada a la acción) al menú principal. Entonces, cuando hice clic en el elemento de diseño del botón, Wix me mostró varios estilos de botones y también seleccionó cuidadosamente los estilos sugeridos que irían con mi plantilla.

Para hacer coincidir nuestro botón CTA con el resto del menú, podríamos cambiar fácilmente su fuente y tamaño. Esto es suficiente para que el elemento recién agregado parezca parte del diseño.
Para hacer coincidir nuestro botón CTA con el resto del menú, podríamos cambiar fácilmente su fuente y tamaño. Esto es suficiente para que el elemento recién agregado parezca parte del diseño.

Otra cosa a tener en cuenta es que estos elementos de diseño son completamente personalizables. En nuestro ejemplo, el botón CTA que coloqué en el menú se veía un poco fuera de lugar porque era un poco más pequeño y la fuente no coincidía con la fuente predeterminada del menú.

Pero hay una solución fácil para esto. Simplemente haciendo clic en un elemento se abre su caja de herramientas de diseño. Una vez que haces clic en el ícono del pincel, se te presenta una gran cantidad de opciones de personalización.

Si compara estas herramientas de diseño con las que se ofrecen en la mayoría de las otras plataformas como Squarespace, notará que hay más elementos con cientos de estilos y opciones de personalización para cada uno aquí. Wix tiene mucho más de lo que ofrecen la mayoría de los creadores de sitios.

Funciones del sitio web (a través de Wix App Market)

Wix App Market tiene aplicaciones para posiblemente todas las funciones que puedas necesitar en tu sitio web. Ya sea que necesite agregar una sección de preguntas frecuentes o un widget de chat en vivo, Wix App Market lo tiene cubierto
Wix App Market tiene aplicaciones para posiblemente todas las funciones que puedas necesitar en tu sitio web. Ya sea que necesite agregar una sección de preguntas frecuentes o un widget de chat en vivo, Wix App Market lo tiene cubierto

El 'mercado de aplicaciones Wix' es un repositorio con muchas aplicaciones de terceros y nativas de Wix que te permiten ampliar la funcionalidad de tu sitio.

Si solo desea crear un sitio web básico, no necesitará ninguna aplicación adicional porque Wix cubre casi todas las características y funcionalidades que pueda necesitar.

Sin embargo, puede haber ocasiones en las que necesites funciones que no están presentes en Wix desde el primer momento. O puede que desee ampliar su sitio web o agregarle algo de poder de marketing. Para todos esos momentos, solo dirígete a Wix App Market.

Muchas aplicaciones son gratuitas y también hay algunas premium.

Si bien las aplicaciones que agregue dependerán de sus necesidades, hay una que recomiendo y es la 'Wix Consigue suscriptores'aplicación. Puede usarlo para agregar formularios de registro y ventanas emergentes en su sitio web y crear una lista de correo electrónico súper rápido.

Mis subidas

El 'Mis subidas' La sección de Wix es como tu galería de imágenes personal. Esta sección contiene todos los archivos visuales que has subido a Wix, como imágenes, video, audio y otros que puedes agregar a tu sitio.

Wix para blogs

La opción "Wix Blog", como sugiere el nombre, le permite agregar un blog a su sitio web.
La opción "Wix Blog", como sugiere el nombre, le permite agregar un blog a su sitio web.

Si lo desea, puede agregar aún más elementos a esta página. Simplemente use la opción 'Agregar elementos de blog' del menú 'Administrador de blogs' y haga clic en "Agregar ahora".

Al hacer clic en el botón 'Agregar ahora', se agrega una página de blog a su sitio web. Si observa el diseño de la página del blog, notará que tiene una barra lateral (completamente personalizable) con opciones útiles como la búsqueda por etiquetas, un widget de publicación destacada y un widget de publicaciones recientes.
Al hacer clic en el botón 'Agregar ahora', se agrega una página de blog a su sitio web. Si observa el diseño de la página del blog, notará que tiene una barra lateral (completamente personalizable) con opciones útiles como la búsqueda por etiquetas, un widget de publicación destacada y un widget de publicaciones recientes.
Puede agregar aún más elementos a esta página. Simplemente use la opción 'Agregar elementos de blog' del menú 'Administrador de blogs'.
Puede agregar aún más elementos a esta página. Simplemente use la opción 'Agregar elementos de blog' del menú 'Administrador de blogs'.

La opción "Agregar elementos de blog" le permite agregar diferentes elementos a la página de su blog como:

  • Comentarios de Disqus
  • Comentarios de Facebook
  • Feed personalizado
  • RSS
  • Categorías
  • Y algunos más

Además de estos elementos, esta sección también recomienda algunas aplicaciones de Wix que pueden agregar más poder a tu blog.

Wix rellena previamente la página del blog con publicaciones ficticias, por lo que actualizarla con tu contenido se vuelve mucho más fácil.

Contratraciones

La opción 'Reservas' puede ser útil si desea ofrecer consultas u otras cosas que requieran un sistema de reserva.

Eso cubre todas las opciones en el panel izquierdo, así como el editor de Wix en general.

5. Publicar y publicar

Tu sitio web ya está listo para publicarse. Antes de hacer clic en el botón en la esquina superior derecha para publicar tu primer sitio web de Wix, puedes obtener una vista previa. Asegúrese de estar satisfecho con cada parte de su sitio web antes de hacer clic en "Publicar". Una vez que presione ese botón, verá su nombre de dominio aparecer en la ventana emergente. Puedes elegir conectar tu sitio Wix a tu propio dominio (apuntando tus servidores de nombres de dominio a Wix) o déjelo por defecto.

¡Tu sitio Wix ya está oficialmente activo!

Administra y actualiza tu sitio usando Wix Site Manager

En la configuración del 'Administrador del sitio', tiene una gran cantidad de opciones para SEO, redes sociales, análisis y más de su sitio.
En la configuración del 'Administrador del sitio', tiene una gran cantidad de opciones para su sitio que incluyen configuraciones de SEO, análisis, automatización y más.

Cuando haya terminado de diseñar su sitio web, puede acceder a la configuración de su sitio desde la opción de menú 'Sitio'. Haz clic en "Administrador del sitio" y podrás ver una lista de opciones disponibles para impulsar tu sitio web de Wix.

Opciones en Wix Site Manager

De una lista de opciones disponibles, discutiremos algunas que consideramos importantes para su sitio.

Dominio

La configuración del dominio te permite conectar un dominio personalizado y agregar un favicon personalizado a tu sitio web Wix. Sin embargo, necesitas un plan premium de Wix para hacer esto.

Visibilidad WEB

La configuración de SEO le permite agregar un seguimiento personalizado y otro código a su sitio web. Puede agregar un código de seguimiento para las herramientas para webmasters de Google, las herramientas para webmasters de Bing, las tarjetas de Twitter, la verificación de Pinterest y más *. Aprender más acerca de Conceptos básicos de SEO aquí.

Mobile

Esta configuración solo garantiza que esté ejecutando un sitio web compatible con dispositivos móviles.

Idioma y región

Una gran característica de Wix es que te ayuda a crear sitios web localizados desde el primer momento. En la configuración 'Idioma y región', puede especificar el idioma de su sitio web.

Información de negocios

En la configuración de 'Información comercial', puede agregar detalles como el nombre de su empresa, dirección, correo electrónico y más.

Social

La configuración 'Social' le permite agregar su perfil de Facebook con su sitio. (¡Tengo mucha curiosidad por saber por qué solo se incluye Facebook aquí!)

ANALÍTICA

A diferencia de algunos creadores de sitios web, Wix no tiene su propio sistema de seguimiento de métricas de visitantes o sitios. Con fines de seguimiento, Wix se integra con Google Analytics para que pueda agregar su script de Google Analytics aquí.

Roles y permisos

Wix te permite agregar múltiples usuarios a tu sitio web y admite diferentes roles de usuario, como colaborador de blog, editor, administrador, etc.

Certificado SSL

HTTPS se habilita automáticamente para todos los sitios Wix recién creados sin costo adicional. Puede comprobar la configuración en el panel de control de su sitio. En el momento de escribir este artículo, Wix no es compatible con terceros Certificados SSL.

* Nota adicional sobre la configuración de SEO:

Una herramienta Wix SEO muy interesante aquí es Asistente de SEO. SEO Wiz ayuda a los sitios con SEO en la página.

Para comenzar a usar esta herramienta, haga clic en el botón 'Vamos' de la opción del panel SEO. Cuando empiece a optimizar con la herramienta SEO Wiz, primero le pedirá información relacionada con el negocio. Una vez que lo proporcione, se le pedirá que ingrese alrededor de 5 palabras clave para las que le gustaría optimizar su sitio web. Simplemente ingrese sus palabras clave y haga clic en la opción 'Crear plan de SEO'. Tan pronto como lo haga, se le presentará una lista de verificación con pasos para ayudar a que su sitio sea compatible con los motores de búsqueda.

Envolviéndolo

Esto es probablemente todo lo que necesita saber para comenzar su sitio web con Wix. He cubierto Wix ADI, el editor de Wix y las diversas configuraciones del sitio disponibles.

¡Buena suerte con tu primer sitio Wix!

Preguntas Frecuentes

¿Cuánto cuesta Wix?

Los precios de Wix van desde $4.50 a $24.50 por mes dependiendo del plan que elija. El plan de entrada comienza en $ 4.50 y le permite conectar un nombre de dominio personalizado a su sitio. El plan Combo cuesta $ 8.50 por mes, no tiene publicidad e incluye un nombre de dominio gratis por 1 año. El plan ilimitado de $ 12.50 por mes es adecuado para sitios medianos a grandes. Si va a vender productos en su sitio, debe asegurarse de optar por uno de sus planes de "Negocios y comercio electrónico", que comienzan en $ 17 por mes.

¿Cómo inicio un sitio web en Wix?

Sigue estos 5 sencillos pasos para crear tu primer sitio web Wix:

1. Regístrate para una cuenta Wix> 2. Selecciona Wix ADI o Wix Editor> 3. Elige una plantilla prediseñada> 4. Agrega elementos y funciones del sitio> 5. Publica. Haga clic aquí para comenzar..

¿Cuánto tiempo lleva configurar un sitio web Wix?

Un sitio simple se puede armar en Wix en cuestión de minutos (dependiendo de lo quisquilloso que seas). Si desea un sitio más personalizado, necesitará más tiempo. Esperaría pasar un promedio de 2 a 3 horas en un sitio razonablemente bien personalizado con características básicas.

¿Qué plan premium de Wix es el adecuado para mí?

Para los novatos, recomendamos comenzar con el plan Wix Combo que cuesta solo $ 8.50 por mes. Puede actualizar a medida que su sitio crece. Para los negocios propietarios, es mejor ir con eCommerce plan ya que te permite montar una tienda online.

Consulta los precios de Wix si quieres saber más.

¿Cuántos sitios Wix puedo crear a la vez?

Puedes crear tantos sitios Wix como quieras bajo una sola cuenta. Sin embargo, tenga en cuenta que cada sitio que publique debe tener adjunto su propio plan premium.

¿Es Wix mejor que WordPress?

Tanto Wix como WordPress tienen sus pros y sus contras pero, en general, Wix es más fácil de usar en comparación con WordPress.

Wix permite a los usuarios no expertos en tecnología crear e implementar sitios rápidamente con su editor de arrastrar y soltar. WordPress, por otro lado, ofrece un mayor potencial con una mejor personalización y control sobre su sitio. Eso tiene el costo de una curva de aprendizaje ligeramente más pronunciada.

Leer más

Foto del autor

Artículo de Jason Chow