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

Actualizado: 07 de octubre de 2020 / Artículo de: Jason Chow

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

Listo? Vamos a empezar.


5 pasos para crear tu primer sitio web Wix

Paso 1 - Registrarse para obtener una cuenta Wix

Wix ofrece cinco planes premium. Elija el que mejor se adapte a sus necesidades.

Caracteristicas Comercio ElectrónicoIlimitadoConjuntosConectar
Ancho de BandaIlimitado10GBIlimitado2GB1GB
Almacenaje20GB20GB10GB3GB500MB
Dominio gratuitoNo
Anuncios WixRemotoRemotoRemotoRemoto
Favicon personalizadoNo
Aplicación Form BuilderNoNo
Aplicación Site BoosterNoNo
Tienda en líneaSiMuestra)SiMuestra)NoNoNo
Campañas por correo electrónicoSí, 10 / mesNoNoNoNo
Precio$ 24.50 / mes$ 16.50 / mes$ 12.50 / mes$ 8.50 / mes$ 4.50 / mes

Para los novatos, recomendaría comenzar con el plan Wix Combo y luego actualizar a medida que su sitio crezca. Para las empresas, opte por el plan de comercio electrónico, ya que le permite configurar una tienda en línea.

Los planes premium de Wix (Combo - VIP) siempre se recomiendan porque ofrecen muchos beneficios, incluida la capacidad de conectar tu 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 por el amor por la facilidad de uso como por ser demasiado limitado de alguna manera.

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.


Paso 2: crea con Wix ADI o Wix Editor

Wix ofrece dos métodos para crear un sitio web: Wix ADI y Wix Editor.

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 negocio y el nombre del sitio) y el sistema usa esa información para construir un sitio automáticamente. Wix Editor, por otro lado, te permite crear un sitio web desde cero usando un constructor de arrastrar y soltar.

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

adi-or-editor
Dos opciones para crear tu sitio con Wix: Wix ADI o Wix Editor.

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

Para construir con Wix ADI, haz clic en 'Comenzar con Wix ADI'.

Luego, Wix te pedirá el tipo de sitio web comercial que deseas construir y te sugerirá algunas opciones básicas. Si no estás seguro del tipo de sitio web que quieres crear, solo ingresa algunas palabras clave y Wix ADI hará la magia.

wix-adi-paso-1
Elegí "marketing digital" para este tutorial.

Cuando especificas la naturaleza de tu sitio web comercial, Wix ADI solicita el conjunto de características deseadas en tu sitio web. Aquí, debe pensar en todas las cosas que desea poder hacer con su sitio web.

wix-adi-step-2
Para nuestro ejemplo, elegiremos todas las funciones que sugiere Wix, excepto la función 'Tomar reservas y citas'.

Después de conocer las características deseadas de su sitio web, Wix ADI solicita el nombre del sitio web.

Por el bien de este ejemplo, nombraré nuestro sitio web 'BuildThisDigitalMarketing'.

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

wix-adi-step-3

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

Click on ‘Start’.
Haga clic en 'Iniciar'.

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

Para nuestro ejemplo, elijo el esquema de color 'Spark'.
Para nuestro ejemplo, elijo el esquema de color 'Spark'.

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

En aproximadamente un minuto, Wix ADI debería estar listo con tu sitio web.

Ejemplo: sitio que creé usando Wix ADI

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

wix-adi-sample

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

De hecho, nunca lo usaría.

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:

wix-adi-step-7
Como puede ver, Wix ADI agregó un montón de páginas de 'Tienda' a nuestro sitio web a pesar de que estábamos construyendo un sitio web comercial. Supongo que estas páginas se agregaron porque elegimos la función 'Vender en línea'. Además de las páginas de la tienda, Wix ADI también ha agregado una página de blog, lo cual está bien.

La conclusión: Wix ADI ciertamente no está listo para el horario de máxima audiencia

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 echaremos un vistazo a la segunda opción para crear un sitio web y es mediante el Editor de Wix. Esta opción le brinda un 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.

As you click on it, Wix will again ask you for the type of site you want to build.
Título: Para crear un nuevo sitio, haga clic en la opción 'Crear nuevo sitio' del elemento del menú 'Sitio'.

Al hacer clic en él, Wix te volverá a preguntar por el tipo de sitio que deseas construir.

For this walkthrough too, we’ll choose the ‘Business’ website category.
Para este tutorial también, elegiremos la categoría de sitio web 'Negocios'.

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


Paso 3: elige una plantilla de sitio prediseñada de Wix

Tan pronto como hagas clic en el botón 'Empezar con Wix Editor', serás dirigido a varias plantillas.

Como puede ver en la siguiente imagen, Wix ya está destacando una serie de plantillas relevantes en la categoría 'Negocios'.

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í).

wix-edit-step-3
Vayamos con la subcategoría 'Publicidad y marketing' porque parece la más relevante para nosotros.
For the template, let's select ‘Advertising and Marketing Firm’.
Para la plantilla, seleccionemos 'Empresa de publicidad y marketing'.

Editando plantillas prediseñadas de Wix

Una vez que elijas una plantilla, verás el panel completo de Wix Editor.

Tienes 3 áreas clave dentro del tablero de Wix (mira las secciones resaltadas): 1) La parte central es tu sitio web y, a medida que realizas cambios, puedes obtener una vista previa en tiempo real; 2) a su derecha, tiene opciones que le permiten eliminar, duplicar, rotar y ajustar la ubicación de los diversos elementos en su sitio; y 3) a su izquierda están los bloques de construcción y las opciones de diseño que puede utilizar.

wix-edit-adi-paso-5
Panel de Wix Editor.


Paso 4: agregue 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.

1. Fondo del sitio web

wix-edit-paso-6
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.

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 quieres probar un fondo de video, nuevamente, puedes subir tu propio video o elegir uno de la colección de Wix.

A free image library from Wix.
Biblioteca de imágenes gratuita 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.

2. 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
  • Cajas

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

Por ejemplo, para nuestro sitio web de ejemplo, decidí agregar un botón de llamada a la acción (CTA) 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é estilos sugeridos que irían con mi plantilla. Vea los 'Botones temáticos' en la siguiente imagen:

wix-edit-step-8

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ú parecía un poco fuera de lugar porque era un poco más grande y la fuente no coincidía con la fuente predeterminada del menú.

Pero hay una solución fácil para esto. Simplemente al hacer clic en un elemento se abre su caja de herramientas de diseño. Una vez que haga clic en el icono del pincel, se le presentarán una serie de opciones de personalización:

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.

wix-edit-step-9

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.

3. Funciones del sitio web a través de Wix App Market

The Wix App Market has apps for possibly all the functions you might ever need on your website. Whether you need to add a FAQ section or a simple live chat widget, the Wix App Market has you covered.
Wix App Market tiene aplicaciones para posiblemente todas las funciones que puedas necesitar en tu sitio web. Ya sea que necesites 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.

4. Mis cargas

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.

5. Wix para blogs

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':

wix-edit-paso-10
La opción "Comenzar a bloguear", como su nombre indica, le permite agregar un blog a su sitio web.
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.

6. Reservas

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.


Paso 5: publicar y publicar en vivo

Su sitio web ya está listo para su publicación. Antes de hacer clic en el botón en la esquina superior derecha para publicar su primer sitio web Wix, puede 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á aparecer su nombre de dominio 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

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':

Under the ‘Site Manager’ settings, you have a host of options for your site’s SEO, social, analytics and more. We will go over each of these options.
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.
We will go over each of these options.
Repasaremos cada una de estas opciones.

Opciones en Wix Site Manager

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.

SEO

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

Móvil / Celular

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í!)

Informes y 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. Para 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.

To start using this tool, click on the ‘Let’s Go’ button from the SEO panel option. When you start optimizing with the SEO Wiz tool, it will first ask for some business information. Once you provide it, you’re asked to input about 5 keywords that you’d like to optimize your website for. Just input your keywords and click on the ‘Create SEO Plan’ option. As soon as you do so, you’ll be presented with a checklist with steps to make your site search engine friendly.
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.

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 propietarios de negocios, es mejor optar por el plan de comercio electrónico, ya que le permite configurar una tienda en línea.

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 sin conocimientos de 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.

En resumen

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!

Acerca de Jason Chow

Jason es un fanático de la tecnología y el espíritu empresarial. Le encanta construir un sitio web. Puedes ponerte en contacto con él a través de Twitter.