O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Cómo crear una tienda online en wordpress

4.918 visualizações

Publicada em

Aprende a crear tu propia tienda online sin conocimientos de programación / 27 páginas.

Descárgalo en PDF: http://beriodismo.net/preview/manual-ecommerce/

Publicada em: Tecnologia
  • Seja o primeiro a comentar

Cómo crear una tienda online en wordpress

  1. 1. 1 @beagonpoz www.beriodismo.net How To   + = @beagonpoz
  2. 2. 2 @beagonpoz www.beriodismo.net ¿Qué vas a aprender en este manual? Este manual tiene como objetivo que aprendas a incorporar un sistema de comercio electrónico en tu web en Wordpress: •  Instala woocommerce •  Introduce productos •  Configura tu tienda Crea tu tienda online,,, ¡Sin conocimientos de programación!
  3. 3. 3 @beagonpoz www.beriodismo.net ¿Cómo instalo Woocommerce? El primer paso es instalar una herramienta de gestión de productos.
  4. 4. 4 @beagonpoz www.beriodismo.net Woocommerce es el complemento perfecto para las webs desarrolladas en Wordpress. Permite incorporar una tienda online a tu web ayudándote a configurar productos y a gestionar tu tienda online fácilmente. Se trata de un plugin gratuito que se puede instalar en las plantillas de Wordpress. No obstante, no todas las plantillas son compatibles y puedo que en algunas dé algún error. ¿Qué es woocommerce?
  5. 5. 5 @beagonpoz www.beriodismo.net ¿Cómo puedo instalar woocommerce? 1.  Entra en tu panel de administrador de Wordpress y haz clic en el menú ‘Plugins’. 2.  Haz clic en ‘Añadir nuevo’. 3.  En la pantalla que aparece, escribe en cuadro de búsqueda ‘Woocommerce’ y has clic en ‘Buscar plugins’. 4.  Instala el primer plugin que aparece en la lista y actívalo. 1 2 3 4
  6. 6. 6 @beagonpoz www.beriodismo.net ¿Cómo puedo configurar woocommerce? Una vez instalado, encontrarás en la barra lateral izquierda del panel de administrador dos nuevos menús ‘Woocommerce’ y ‘Productos’. Desde el primero podemos configurar los detalles internos de nuestra tienda y hacer un seguimiento de los pedidos y de su progreso. Desde el segundo, podemos crear y administrar todos los productos y categorías.
  7. 7. 7 @beagonpoz www.beriodismo.net Páginas nuevas Además de los nuevos menús, woocommerce crea las páginas propias de una tienda online como: carro, finalizar compra, mi cuenta o tienda.
  8. 8. 8 @beagonpoz www.beriodismo.net ¿Cómo puedo crear categorías? Las categorías ayudan a ordenar los productos y facilitar su búsqueda.
  9. 9. 9 @beagonpoz www.beriodismo.net Crear categorías El primer paso para crear productos es crear las categorías en las que van a ir esos productos. Por ejemplo, si se trata de una tienda de ropa las categorías podrían ser: Camisetas, Pantalones, Faldas, etc. Para crear una categoría tienes que hacer clic en el menú ‘Categorías’ dentro del menú ‘Productos’ Una vez dentro, deberás escribir en ‘Nombre’ el nombre de la categoría que quieres crear. Deberás rellenar este espacio si quieres que la URL de la categoría sea diferente del nombre que has puesto en el campo anterior. Puedes añadir una descripción o una imagen si quieres. Cuando acabes, haz clic en ‘Añadir nueva categoría de producto’ y se habrá creado.
  10. 10. 10 @beagonpoz www.beriodismo.net Para crear una subcategoría, sólo tienes que seguir los mismos pasos y seleccionar en el apartado ‘superior’ la categoría dentro de la que quieres que vaya la subcategoría y hacer clic en ‘Añadir nueva categoría de producto’ y se habrá creado. Por ejemplo, en la imagen la categoría ‘Tés’ tiene las subcategorías ‘Negros’ y ‘Rojos’ que aparecen con un guioncito delante. Crear subcategorías
  11. 11. 11 @beagonpoz www.beriodismo.net ¿Cómo puedo gestionar productos? 3 ¡Una tienda sin productos no es una tienda!
  12. 12. 12 @beagonpoz www.beriodismo.net Crear productos Puedes crear productos en el menú ‘Productos’ haciendo clic en ‘Añadir producto’. Al igual que en un post, en el menú ‘Categorías’ en la barra lateral derecha podrás seleccionar en qué categorías de las que has creado antes irá el producto.
  13. 13. 13 @beagonpoz www.beriodismo.net Titulo y descripción del producto Esta será tu ventana de trabajo cada vez que quieras crear un producto. 1.  Para escribir el titulo del post que se verá cuando se publique. 2.  Para editar la URL del post y favorecer el posicionamiento en Google. 3.  Para insertar en la entrada imagen o vídeo. 4.  Para agregar una encuesta en el post. 5.  Para añadir un formulario de contacto en el post. 6.  Para editar el texto en HTML 7.  Para escribir el texto del post. 8.  Número de palabras escritas (un buen post debe tener entre 300 y 500 palabras). 1 2 3 4 5 6 7 8
  14. 14. 14 @beagonpoz www.beriodismo.net Vamos a ver para qué sirven los iconos de la ventana de edición de texto. 1 2 1.  Para poner el texto en negrita (funciona igual que en Word). 2.  Para poner el texto en cursiva. 3.  Para tachar el texto. 4.  Para añadir viñetas al texto. 5.  Para añadir listado con números al texto. 6.  Para añadir una cita y que destaque con respecto al resto de texto. 7.  Para alinear el texto. 8.  Para añadir o quitar hipervínculos (una palabra que enlaza a otra página cuando se hace clic en ella). 9.  Para insertar la etiqueta ‘more’ (para que no se vea el post entero y aparezca el botón de ‘leer más’). 10.  Para revisar la ortografía del texto. 11.  Para editar el post a pantalla completa, sin distracciones. 12.  Para ocultar o mostrar la segunda línea de iconos de opciones, es decir, las ‘opciones avanzadas’. 3 4 5 6 7 8 9 10 11 12 Titulo y descripción del producto
  15. 15. 15 @beagonpoz www.beriodismo.net Vamos a ver para qué sirven los iconos de las ‘opciones avanzadas’. 1.  Para elegir el formato del texto: Titulo 1, titulo 2, etc. 2.  Para subrayar el texto. 3.  Para justificar el texto. 4.  Para elegir el color del texto. 5.  Para pegar un texto y quitarle el formato. 6.  Perfecto para pegar un texto si lo has escrito primero en Word. 7.  Para quitarle el formato al texto. 8.  Para insertar un símbolo especial. 9.  Disminuir o aumentar el margen del texto. 10.  Retroceder o avanzar en los cambios realizados. 11.  Para acceder a la ayuda de Wordpress. 1 2 3 4 5 6 7 8 9 10 11 Titulo y descripción del producto
  16. 16. 16 @beagonpoz www.beriodismo.net Si haces clic en ‘Editar’ puedes personalizar la URL de tu producto para mejorar su SEO y adecuarlo a las búsquedas tipo que harán los usuarios. La URL no tiene que ser la misma que el nombre del producto y puedes aprovechar esta opción para añadir las palabras clave que se asemejen mejor a cómo buscaría el usuario el producto. Las palabras van siempre separadas por guiones medios (-) y es recomendable evitar artículos y preposiciones (El, La, de, que, en , etc.) que no aportan nada a la búsqueda. Editar la URL de los productos
  17. 17. 17 @beagonpoz www.beriodismo.net Crear productos En el menú que está debajo del cuadro de texto, encontrarás todas las opciones de configuración del producto: precio, preso, opciones de envío… La imagen del producto debes introducirla en la opción ‘Imagen destacada’ de la barra lateral derecha y su quieres que dentro del producto haya más imágenes del mismo deberás introducirlas en ‘Galería del producto’.
  18. 18. 18 @beagonpoz www.beriodismo.net Crear productos destacados Para crear un producto destacado que aparezca en portada o que se diferencie del resto, debes hacer clic en ‘Visibilidad del catálogo’ en la barra lateral derecha y hacer clic en ‘Producto destacado’.
  19. 19. 19 @beagonpoz www.beriodismo.net Cómo crear menús Añade las categorías en el menú principal. 4
  20. 20. 20 @beagonpoz www.beriodismo.net Uno de los widgets más útiles es el ‘Menú personalizado’ que te permite tener una serie de pestañas en tu web a modo de menú de navegación para facilitar la búsqueda de productos tal y como se ve en la imagen. Para crear un menú personalizado debes hacer clic en ‘Apariencia’ y en ‘Menús’.       Menú personalizado
  21. 21. 21 @beagonpoz www.beriodismo.net Una vez dentro, haces clic en ‘Crear nuevo menú’, vas seleccionando Categorías o Páginas a las que quieres que enlace cada una de las pestañas y las añades al menú. Si arrastras los elementos añadidos hacia la derecha, puedes crear un menú desplegable, es decir, si quieres que ‘Tienda’ englobe otras categorías y se desplieguen hacia abajo en vez de manera horizontal (vídeo explicativo en la siguiente diapositiva). Menú personalizado
  22. 22. 22 @beagonpoz www.beriodismo.net Configuración de la tienda Zona de venta, impuestos, gastos de envío, etc. 5
  23. 23. 23 @beagonpoz www.beriodismo.net ¡Y eso es todo! @beagonpoz www.beriodismo.net

×