Cargando

Ir a contenido

X



Guia para crear tu tienda online wooCommerce

Comienza a crear, instalar y configurar tu tienda online con este genial plugin de Wordpress wooCommerce.


Escrito por dic 11 2015 21:41 wordpress

Instalación wooCommerce


La situación ideal para instalar woocommerce es tener una instalación limpia de wordpress sin plugin adicionales que puedan causar algún conflicto con él.

 

Una vez dicho esto procedemos a realizar su instalacion la cual podemos hacer en el mismo modo que haríamos la instalación de cualquier otro plugin de wordpress.

 

Desde el panel de administración de Wordpress vamos al menú Plugins seleccionamos el submenú Añadir Nuevo y en el cuadro de texto con la etiqueta Buscar escribimos “wooCommerce”, posteriormente presionamos el botón Buscar plugins.

 

Imagen1.jpg

 

Despues de que se realice la búsqueda se le mostrará un listado con los plugins relacionados con el texto escrito en el cuadro de búsqueda, seleccionamos la primera opción con el nombre “WooCommerce – excelling eComerce” y hacemos clic en Instalar Ahora.

 

También podemos descargar wooCommerce aquí.

 

Imagen2.jpg

 

Se nos mostrará un cuadro de texto preguntándonos si deseemos realizar la instalación de este plugin, presionamos el botón Aceptar y esperamos a que la descarga e instalación haya finalizado.
Al finalizar se le mostrara la siguiente pantalla.

 

Imagen3.jpg

 

Simplemente procederemos a hacer clic en “Activar plugin”. Despues que se active podremos notar lo siguiente, primero que nada veremos en la parte superior un boton con la etiqueta “Instalar páginas de WooCommerce” y veremos también que en menú lateral del panel de administración se han agregado dos iconos nuevos con los nombres Productos y WooCommerce.

 

Imagen4.jpg

 

Por ahora centrémonos en el botón “Instalar páginas de WooCommerce”, esto nos interesa mucho, pues hace referencia a la instalación de todas aquellas páginas que son imprescindibles para el funcionamiento de cualquier tienda online que utilice wooCommerce, dentro de estas páginas se encuentra el carro de compra, el acceso a los pedidos del cliente, la cuenta del cliente entre otras, por lo tanto vamos hacer clic en este botón y se nos mostrará la siguiente pantalla de bienvenida que nos indica que ya lo tenemos instalado y activado…

 

Imagen5.jpg

 

Si queremos ver las nuevas páginas que wooComerce ha añadido basta con ir al menú lateral Páginas aquí se nos mostrará el listado de las todas la paginas con las que cuenta nuestro proyecto, ya en tutoriales anteriores había creado una serie de Paginas informativas como “Quienes Somos, Politica de Privacidad, cambios y devoluciones, entre otras”.

 

Imagen6.jpg

 

Ahora lo que debemos hacer es añadir al menú principal de nuestra web estas nuevas páginas que wooCommerce ha instalado.

 

Ya en uno de mis tutoriales anteriores ya habia creado un menú principal y uno secundario para nuestra tienda online, de hecho ya teníamos una serie de páginas asociadas a nuestro menú principal, si no saben cómo hacerlo los invito que visiten mi tutorial anterior acerca de este tema.

 

Para añadir estas nuevas páginas al menú, vamos a ir a la sección Apariencia y seleccionamos Menús

 

Imagen7.jpg

 

En la pantalla siguiente elegiremos el menú principal superior que con el que queremos trabajar.

 

Imagen8.jpg

 

Y posteriormente en el apartado Páginas, ubicado al lado izquierdo de la pantalla procederemos a seleccionar todas estas nuevas páginas que wooCommerce ha agregado.

 

Imagen9.jpg

 

Una vez seleccionadas presionaremos el botón Añadir al menú y veremos que se agregan en el apartado Estructura del Menú presente del lado derecho, si lo deseamos podremos ordenarlas según nuestro criterio haciendo clic y arrastrando para seleccionar el orden en el que se mostraran en el menú, para finalizar haremos clic en el botón Guardar Menú.

 

Imagen10.jpg

 

Recuerden que si no están conformes con el orden siempre podrán volver a este apartado y reorganizarlo.
Ahora podemos acceder a nuestro sitio web y verificar que ya se muestra el menú con todas las páginas que hemos añadido.

 

Imagen11.jpg

 

Bien ya tenemos acceso a todas las páginas de wooCommerce sin embargo este proyecto aún no se parece mucho a una tienda online, comenzando por el hecho de que si entramos en la sección Tienda no vamos a ver ningún producto, obviamente estamos iniciando con el proyecto y quizás aún no tenemos bien definido el mercado que queremos atacar por tanto solo perderíamos tiempo cargando productos por nuestra cuenta, para esto wooCommerce nos ofrece su ayuda ya que cuenta con un catálogo de productos de prueba que nos puede servir para familiarizarnos con la administración del sistema.

 

Es importante indicar que wooCommerce se basa en la estructura propia de Wordpress por lo que cada producto debe ser añadido como si fuera un post independiente, por ahora para evitarnos ese proceso de cargar productos utilizaremos el catálogo de prueba que viene por defecto.

 

Si en tu caso estas llevando a cabo este proyecto al igual que yo en un servidor remoto tendremos que realizar una serie de pasos adicionales para poder obtener el archivo del catálogo de productos.

 

Lo primero será instalar en nuestro ordenador un cliente FTP, este nos servirá para conectarnos a nuestro servidor remoto y descargarnos a nuestro disco duro el archivo que necesitamos. Por ejemplo yo tengo instalado Filezilla y estoy conectado al servidor donde tengo instalado este proyecto, ahora me encuentro en la raíz del sitio por lo que para localizar el catálogo de productos tenemos que seguir la siguiente ruta:

 

Wp-content / plugins / woocommerce / dummy-data / dummy-data.xml

 

 

Imagen12.jpg

 

 

 

Imagen13.jpg

 

 

 

Imagen14.jpg

 

 

 

Imagen15.jpg

 

 

Una vez dentro de esta ruta nos descargamos y guardamos en nuestro disco duro el archivo dummy-data.xml, este archivo contiene el catálogo de prueba.

 

Imagen16.jpg

 

Ahora tenemos que importar este archivo en nuestro sitio web. Para ello vamos a al panel de administración de wordpress y entramos en el apartado Herramientas, a continuación seleccionamos la opción Importar.

 

Imagen17.jpg

 

En el listado que nos aparece a continuación haremos clic en Wordpress

 

Imagen18.jpg

 

En la ventana emergente que nos aparece haremos clic en Instalar ahora.

 

Imagen19.jpg

 

Y posteriormente hacemos clic en Activar este plugin y comenzar importación.

 

Imagen20.jpg

 

Con esto ya podemos seleccionar nuestro archivo y subirlo. Para esto presionamos el botón Seleccionar archivo, y lo localizamos en la carpeta en la que lo hallamos guardado anteriormente y hacemos clic en abrir.

 

Imagen21.jpg

 

 

Imagen22.jpg

 

Por ultimo hacemos clic en Subir archivo e importar.

 

Imagen23.jpg

 

A continuación se nos pregunta quien queremos que figure como autor de todos estos post, como en realidad cada post contiene un producto podemos seleccionar directamente el nombre de nuestro sitio.

 

Imagen24.jpg

 

Marcamos la casilla Download and import file attachments y hacemos clic en Submit (Enviar).

 

 

Con esto ya hemos agregado todo un catálogo de productos de prueba a nuestro proyecto. Ahora podemos irnos a nuestro sitio web e ingresar en el menú Tienda y podremos ver todos los productos que se han cargado desde el archivo dummy-data.xml. Con esto ya podemos hacer pruebas al funcionamiento del sistema lo cual nos resultara muy útil para familiarizarnos con el proceso de compra.

 

Imagen26.jpg

 

Por otro lado tenemos que tener claro que el diseño del sitio aun deja mucho que decir por lo que será necesario instalar un tema adecuado para que tenga un aspecto mucho más parecido a una tienda online, eso será parte del siguiente capítulo.

 

¿Te ha gustado y ayudado este Tutorial?
Puedes premiar al autor pulsando este botón para darle un punto positivo
  • -
  • 0

¿Te ayudó este Tutorial?


AYUDA A MEJORAR ESTE TUTORIAL!

¿Crees que puedes corregir o mejorar este tutorial? Puedes enviar tu Edición con los cambios que consideres útiles.
0 usuarios han editado este tutorial. ¡Edita y conviértete en un reconocido experto!


4 Comentarios

Yo porque ya lo tengo realizado, pero no sabes lo bueno que es esto para ayudar a la gente a crear una página web ecommerce de venta de cosas.


Ronny Bonillo
dic 22 2015 06:54
Espero que sea de utilidad para aquellos que no manejan estas herramientas, me llevara un tiempo completarla pero cada semana iré añadiendo nuevos capítulos.

Muy buen tutorial. gracias!


Ronny Bonillo
mar 02 2016 06:20
De nada alfonso. Aunque quedó incompleto.
No esperes más y entra en Solvetic
Deja tus comentarios y aprovecha las ventajas de la cuenta de usuario ¡Únete!


  Información

  •   Publicado dic 11 2015 21:41
  •   Actualizado feb 14 2016 18:51
  •   Visitas 7.6K
  •   Nivel
    Avanzado

X