módulo ii - métodos de creación de portales de venta online wordpress

8/18/2019 Módulo II - Métodos de Creación de Portales de Venta Online Wordpress

1/50

MÓDULO II MÉTODOS DE CREACIÓN DE

PORTALES DE VENTA ONLINE


2/50

2

ÍNDICE1. Métodos de creación.

2.

Creación del sitio.

3. Instalación de WordPress.

4.

Primeros pasos en WordPress.

4.1.

Escritorio.4.2. Entradas.

4.3. Medios.

4.4. Enlaces.4.5.

Páginas.

4.6.

Comentarios.

4.7. Apariencia.

4.8. Plugins.

4.9.

Ajustes.

5. Puesta a punto de la página web.

5.1. Elección e instalación de plantilla/tema.

5.2. Creación de tema hijo (child theme).5.3.

Estructuración del sitio – páginas y menús.

5.4.

Instalación de plugins.

6.

WooCommerce.6.1. Instalación de WooCommerce.6.2.

Vistazo general.

6.3. Configuración de la tienda.

7. Anexo de vídeos.


3/50

3

1. Métodos de creación.

Antes de proceder a crear nuestra tienda online tendremos quedecidir en qué plataforma vamos a construirla. Entre las numerosasopciones de las que disponemos para la creación de nuestra tienda,están:

Es ideal para proyectos pequeños. No requiere de muchosconocimientos para llevar a cabo una tienda online, pudiendo crearla demanera rápida y sencilla. El principal inconveniente son las limitacionesque esto implica, pues solo podrás realizar las funciones que permita elpropio Shopify, pudiendo no adaptarse a las necesidades de tu negocio.

Se trata de un plugin capaz de transformar una página elaboradamediante WordPress en una tienda online. Es ideal para proyectospequeños y medianos. Es fácil de usar y permite una gran personalización,generalmente ligada a la plantilla de WordPress que estemos usando. Otrade las grandes ventajas de WooCommerce es la facilidad para realizar unbuen posicionamiento web (SEO), dado que WordPress, además ser unCMS basado en tecnología blog, lo que facilita mucho el posicionamiento,consta de plugins específicos para mejorar el SEO del sitio, como porejemplo, Yoast SEO.

http://www.woothemes.com/woocommerce/https://www.shopify.com/


4/50

4

Sirve para proyectos pequeños, medianos, e incluso grandes.Existen numerosas plantillas gratuitas que pueden utilizarse para dar unaspecto profesional a nuestro sitio sin necesidad de recurrir a las de pago.Se requieren conocimientos de programación en caso de querer añadir enlas fichas de productos campos no incluidos por defecto.

Es ideal para grandes proyectos. Permite una gran personalizacióny está muy bien preparado para el SEO. Es un producto, en general, máscomplejo que los anteriores, por lo que requiere de un mayor tiempo de

aprendizaje y un mayor presupuesto para su desarrollo, recomendándosepor tanto para tiendas con un gran volumen de ventas.

Por supuesto existen muchas más alternativas para la creación deuna tienda online a las mostradas anteriormente, pero a continuación y

para la siguiente explicación, vamos a centrarnos en una: WordPress.

Partiendo de la base de la elección de WordPress como gestor decontenidos, vamos a explicar brevemente los pasos a seguir para lograrconstruir una página web con tienda online. Una página realizada conWordPress puede convertirse en una excelente tienda electrónica

mediante el plugin WooCommerce. Pero empecemos por lo básico…

http://magento.com/http://prestashop.com/es/


5/50

5

2. Creación del sitio.

Lo primero que tenemos que hacer es crear nuestro sitio web. Las

páginas web requieren de un servidor (hosting) y de un dominio parafuncionar. Ambos servicios deben contratarse, y aunque puede hacersede manera independiente, normalmente los proveedores de servicios dealojamiento web también proporcionan la posibilidad de gestionar lacompra del dominio.

El servidor o hosting es donde se aloja el contenido de la página.

El dominio es el identificador de la página web, es decir, su

dirección IP, pero traducida a términos memorizables y fáciles deencontrar. Por ejemplo: podemos acceder a la página Google mediante http://216.58.210.142 o a través de http://google.es, siendo elsegundo caso la traducción del primero.

En este caso, usaremos el proveedor Hostinger , ya que además decubrir nuestras necesidades, dispone de la posibilidad de crear un hosting de alojamiento con dominio de forma gratuita, lo que nos servirá parallevar a cabo las pruebas pertinentes, y, posteriormente y si así lodeseamos, pasar nuestro sitio web a un hosting de pago, con un dominiopersonalizado.

Dicho esto, lo primero que tenemos que hacer ahora es conseguirel hosting y el dominio de nuestro sitio. Para ello iremosa http://hostinger.es y nos crearemos una cuenta:

Una vez creada la cuenta en Hostinger y habiendo accedido a ella,nos encontraremos con el panel de inicio, el cual nos indicará el númerode hostings, dominios, etc. que poseemos.

http://216.58.210.142/http://216.58.210.142/http://216.58.210.142/http://google.es/http://google.es/http://google.es/http://hostinger.es/http://hostinger.es/http://hostinger.es/http://hostinger.es/http://google.es/http://216.58.210.142/


6/50

6

Como es nuestro primer acceso, todo marca 0.

El siguiente paso es la creación de una nueva cuenta de hosting.

Para ello vamos a la pestaña Hosting, en el menú principal del sitio, y

seleccionamos “+Nueva cuenta”.

A continuación, nos aparecerá qué plan de hosting queremoscontratar. Lo más idóneo sería un plan de pago, para no tener limitacionesde espacio ni de ancho de banda, pero como siempre tenemos laposibilidad de actualizar a un plan de pago a posteriori, comenzaremospor un plan gratuito.


7/50

7

En el siguiente paso escogeremos Subdominio, ya que, demomento, no queremos pagar por un dominio. Al elegir esto, la direcciónde nuestra página web terminará en “esy.es”, pero cuando decidamos

contratar un dominio podremos elegir terminaciones más comunes(como pueden ser “.es”, “.com”, etc.).

Seguiremos los pasos hasta terminar la creación de nuestra cuenta

en el proveedor. Como podemos ver, ya nos aparece como Activo.

¡Y ya tenemos el sitio creado! Ahora podremos acceder a nuestropanel de administración del sitio en el proveedor, en el cual disponemosde numerosas aplicaciones útiles para facilitarnos las cosas de aquí enadelante.


8/50

8

3. Instalación de WordPress.

Ahora que tenemos el sitio creado, si tratamos de acceder a ladirección que hemos establecido, nos aparecerá lo siguiente:

Como bien dice el mensaje, debemos eliminar dicho archivo, paralo cual tendremos que acceder desde el panel de administración de

Hostinger al Administrador de archivos y eliminarlo desde ahí, o mássencillo aún, simplemente instalaremos WordPress mediante el

Instalador automático que nos proporciona este mismo panel,

ahorrándonos el paso de la eliminación del archivo, pues lo hará solo.

Una vez dentro del Instalador automático podremos observar lasdistintas aplicaciones y recursos que nos permite instalar de manera

automatizada. Hay incluso un apartado entero dedicado a Comercio

electrónico y negocios que podríamos tener en cuenta para realizarnuestra tienda online.


9/50

9

Buscaremos WordPress en el apartado de Administración decontenidos y lo instalaremos. Para ello, deberemos rellenar algunoscampos, como el idioma, el nombre del administrador del sitio, etc.

¡Y voilà! Ya tenemos instalado WordPress en nuestro sitio web. Sivolvemos a acceder a él, podremos observar que se encuentra visible, conuna plantilla predeterminada de WordPress.


10/50

10

4. Primeros pasos en WordPress.

Antes de comenzar a gestionar la tienda electrónica, debemosponer a punto nuestro sitio web. Una vez instalado WordPress, nosaparecerá nuestro sitio vacío, con una plantilla predeterminada yminimalista.

Las plantillas o temas (templates o themes en inglés), son de vitalimportancia a la hora de crear nuestra página. En mayor o menor medida,la apariencia de nuestra web girará en torno a las plantillas.

A continuación, vamos a ver las posibilidades que nos ofrece

WordPress en cuanto a la creación del sitio. Para acceder al panel deadministración de nuestro nuevo sitio, debemos escribir en la barra dedirecciones del navegador que estemos usando la dirección de nuestro

sitio, y añadir /wp-admin al final de la misma:

Nos aparecerá una pantalla de inicio de sesión como esta, en la cual

tendremos que introducir las credenciales (nombre de usuario

administrador y contraseña) que especificamos anteriormente, durantela instalación de WordPress en Hostinger:


11/50

11

Una vez dentro, veremos algo así:

El panel de administración de WordPress nos permite dar forma anuestro sitio web. En la parte izquierda de la pantalla podemos observarun menú con distintos apartados. Veamos brevemente cada uno de ellos,uno por uno:

4.1. Escritorio.

Este apartado nos permite volver al menú de Inicio

(Imagen anterior) o visualizar un menú deActualizaciones, donde WordPress nos informará sitenemos actualizaciones pendientes de realizar, ya seade plugins (los veremos más adelante), de la plantilla

que estemos usando, o del propio gestor, WordPress.

En este apartado no profundizaremos más, pues solamentenecesitaremos acceder a él cuando haya actualizaciones por instalar, lascuales se nos notificarán con un número al lado del propio apartado.

Panel de administración de WordPress


12/50

12

4.2. Entradas.

WordPress es, en principio, un sistema de publicación

web basado en entradas. El apartado Entradas recogetodo lo relacionado con la gestión de publicaciones denuestro sitio web. Aunque para una tienda online noes imprescindible el uso de entradas, vamos aexplicarlas brevemente.

En nuestro sitio web podremos distinguir, muy básicamente, dos tipos de

estructuras a la hora de mostrar contenido, las entradas y las páginas. Las

entradas son publicaciones que generalmente usaremos para noticias,

novedades, o cualquier tipo de contenido que sea variable y se actualicecontinuamente. Las páginas, las cuales veremos más adelante, sonestructuras estáticas que usaremos para construir los apartados denuestra web.

Nuestro sitio web podría disponer de un apartado para mostrar nuestrafuente de información actualizada. En ese apartado se mostrarían lasentradas que publicásemos desde este menú.

Para crear una entrada, tan solo debemos hacer clic en Añadir nueva:

Panel de redacción de una entrada


13/50

13

Una vez en este panel, podremos asignarle un título y contenido a

la entrada que queramos publicar, así como una categoría.

Las categorías sirven para tener organizadas las entradas quepublicamos. Por ejemplo, podemos tener una categoría denominada

cine, donde se agruparán las entradas referentes a ese tema, y otra

llamada deportes, donde lo harán todas las relacionadas con losdeportes. Todo esto, como es lógico, dependerá de las necesidades denuestro sitio web y de cómo queramos organizarlo.

Panel de creación de categorías


14/50

14

El último apartado a conocer, dentro del menú de entradas, son las

etiquetas. Las etiquetas representan las palabras con las que queremosidentificar nuestras entradas. Nos ayudan a clasificar las publicaciones en

diferentes temas. Por ejemplo, siguiendo el ejemplo anterior, podemostener una publicación sobre surf dentro del apartado deportes, que a su

vez contenga las etiquetas “deporte acuático” y “surf”.

Panel de creación de etiquetas


15/50

15

4.3. Medios.

El apartado Medios será donde se agruparán todas las

imágenes, vídeos, documentos, etc. que utilicemos ennuestro sitio web.

Dentro de este apartado tenemos dos opciones, la

Biblioteca, el lugar donde se agrupan todos los elementos multimedia, y

Añadir nuevo, que nos servirá para agregar nuevos elementos a la yamencionada biblioteca.

Los elementos multimedia que tengamos en la biblioteca podremos

usarlos en entradas, páginas, como logo de la web… etc.

Método de subida de elementos multimedia a la biblioteca

Biblioteca multimedia con imágenes en ella


16/50

16

4.4. Enlaces.

Este apartado sirve para añadir enlaces a otras

direcciones web para posteriormente mostrarlos enun widget dentro de nuestro sitio, los cuales veremosmás adelante.

En este caso, el widget utilizado sería de enlaces, ypodríamos situarlo en las ubicaciones de la web en las que la plantilla nospermita establecer widgets.

Al igual que las entradas, los enlaces podemos agruparlos en categorías.

Pantalla de creación de enlaces


17/50

17

4.5. Páginas.

Las páginas son ideales para estructurar el sitio web.

Como vimos anteriormente, las entradas podíamosusarlas para mostrar noticias, novedades, y cosas delestilo. Pues bien, las páginas las usaremos para crear

los distintos apartados estáticos de nuestra página web (Por ejemplo:Inicio, Contacto, Productos…).

En el menú Páginas tan solo nos encontramos con dos apartados, Todas

las páginas y Añadir nueva. En el primero podremos visualizar las

páginas que conforman nuestro sitio:

Mientras que Añadir nueva, será, como es lógico, para crear una nuevapágina.

Ejemplo de páginas creadas en un sitio web


18/50

18

4.6. Comentarios.

El apartado Comentarios agrupa los comentarios que

realizan los usuarios que visitan nuestra página. Loscomentarios pueden deshabilitarse completamente, opermitirse en determinadas secciones de la página en las quequeramos que los visitantes realicen sus aportaciones.

En este apartado podemos gestionar y visualizar los comentariosrealizados.

4.7.

Apariencia.

Este menú es de gran importancia. En él,dependiendo de la plantilla que estemos utilizando,podemos tener más o menos apartados.

El menú agrupa todos los apartados referentes a la

edición de la apariencia del sitio, tanto estética comoestructural.

El apartado Temas, agrupa los temas (plantillas) quetengamos instalados, estemos o no usándolos. La

elección de un tema para nuestro sitio web es quizá una de las decisionesmás importantes que debemos tomar.

Pantalla de temas instalados con el tema Divi


19/50

19

Podemos buscar temas por Internet o usar el buscador integrado dentro

de WordPress, haciendo clic en Añadir nuevo:

Ejemplo de temas para añadir


20/50

20

El apartado Personalizar variarátotalmente dependiendo del tema queestemos utilizando. Usando de ejemplo

el tema Divi (un tema Premium deElegantThemes), nos aparecerá elsiguiente menú de personalización.

Como se puede observar en la imagen, eltema en cuestión nos proporcionanumerosas opciones para adaptar la

apariencia del sitio a nuestrasnecesidades.

Una característica de este menú es quese trata de una barra lateral, por lo quecuando accedamos a él, veremos anuestra derecha nuestro sitio web, sinembargo, los cambios no se efectúan entiempo real según los realizamos, por lo

que para poder verlos debemos hacerclic en el botón azul de Guardar.

Menú de personalización


21/50

21

Otro de los apartados a destacar es el apartado Widgets, este apartadotambién se verá influenciado por el tema que usemos, pues del temadependerán las ubicaciones en las que podremos situar o no widgets.

Los widgets son módulos que se muestran en nuestro sitio web, ya sea enbarras laterales, pies de página (dependerá, como dijimos, de la plantilla),que nos permitirán añadir funcionalidades a dichas ubicaciones del sitio.

Pantalla de widgets


22/50

22

El siguiente apartado es Menús, y es de gran importancia estructural paranuestra página web. Este apartado nos servirá para estructurar el menú omenús de navegación de nuestro sitio web.

El menú de un sitio web puede estar formado por páginas o enlaces. Esto

quiere decir que las páginas que hayamos creado en el apartado Páginas podrán ser añadidas al menú de navegación, así como también podremoscrear apartados del menú que, por ejemplo, enlacen a sitios web externos.

Panel de menús. Editando menú principal

Vista preliminar del menú principal, con logotipo en el centro


23/50

23

4.8. Plugins.

Los plugins son programas que podemos instalar ennuestro WordPress para ampliar la funcionalidad delmismo.

Gracias a estos, podemos implementar casi cualquiercosa en nuestro sitio web. Existen una infinidad de

plugins a los que podemos recurrir según nuestras necesidades.

Algunos plugins a destacar son, por ejemplo:

TinyMCE Advanced, para mejorar el panelde edición de entradas/páginas.

One-Click Child Theme, para crear un temahijo. Un "tema hijo" en WordPress es untema que hereda la funcionalidad de otrotema, llamado "tema padre". Los temas hijospermiten modificar o añadir lasfuncionalidades del tema padre. Un tema

hijo es la forma más segura y fácil demodificar un tema existente, tanto si sequiere hacer pequeños cambios como otrosmás amplios. En lugar de modificar losarchivos del tema directamente, es posiblecrear un tema hijo y hacerlo prevalecersobre el tema padre.

WooCommerce, para crear nuestra tienda

online. Apartado de plugins instalados


24/50

24

4.9. Ajustes.

En este menú podemos acceder a la configuración del

sitio. En General podremos cambiar su título,descripción, correo electrónico asociado (paranotificaciones), zona horaria, formato de la fecha yhora, etc.

Otro apartado importante de este menú es Enlaces

permanentes. Un enlace permanente es una URL quehace referencia a una entrada o página.

Por defecto WordPress utiliza URLs que tengan signos de interrogación ymontones de números, sin embargo WordPress ofrece la posibilidad decrear una estructura de URL personalizada para los enlaces permanentesy archivos. Esto puede mejorar la estética, usabilidad y compatibilidadfutura de los enlaces.

Distintas posibilidades de estructuras de enlaces permanentes


25/50

25

5. Puesta a punto de la página web.

Ahora que ya hemos visto brevemente los distintos apartados delpanel de administración de WordPress, comenzaremos con la puesta apunto de nuestro sitio web.

A modo de ejemplo, en esta guía vamos a crear una página webpara una pizzería.

5.1. Elección e instalación de plantilla/tema.

Lo primero que haremos será seleccionar el tema deseado, en este

caso vamos a usar el tema Divi. Para instalarlo, iremos aApariencia>Temas y subiremos el archivo con el tema. Como dijimosanteriormente, la elección del tema es muy importante, por lo que esmejor que te tomes tu tiempo hasta dar con el que mejor se adapte a tusnecesidades.

Aspecto inicial del tema Divi, recién instalado


26/50

26

5.2. Creación de tema hijo (child theme).

Antes de comenzar a hacer cualquier cosa, y una vez instaladonuestro tema, debemos crear un tema hijo.

El tema hijo nos permitirá realizar cambios sin que el tema padre (elprincipal) se vea afectado directamente. De forma que si en un momentodado tenemos que actualizar nuestro tema, los cambios efectuados no sepierdan, o si realizamos un cambio desafortunado que implique la pérdidade funcionalidad del sitio, podamos revertirlo sin problemas, pues noestaremos trabajando directamente sobre el tema principal.

Para crear un tema hijo de forma sencilla, utilizaremos un plugin.

Para ello, iremos a Plugins>Añadir nuevo e introduciremos en elrecuadro de búsqueda: “one click child theme”

Existen numerosos plugins para realizar la función de creación detemas hijos, nosotros hemos elegido este.

Tras instalarlo y activarlo, podremos verlo en Plugins>Pluginsinstalados.


27/50

27

Algunos plugins crean accesos directos en otros apartados delpanel de administración para su uso. Es el caso de este. Si echamos un

vistazo al menú Apariencia, podremos ver que ha aparecido un nuevo

apartado, Child Theme.

Crear un tema hijo es ahora realmente sencillo. Tan solo debemos ir

a Apariencia>Child Theme, ponerle un nombre al tema hijo y seleccionar

Create Child.


28/50

28

Una vez creado y activado, si volvemos al menú

Apariencia>Temas, comprobaremos que ahora tenemos dos temasinstalados, el original (Divi en nuestro caso) y el tema hijo que acabamos

de crear, que deberá ser el tema Activo.


29/50

29

5.3. Estructuración del sitio – páginas y menús.

Nuestro sitio web, en estos momentos, carecerá de páginas y demenú principal. A continuación vamos a crear los distintos apartados(páginas) de los que queremos que conste nuestro sitio.

Lo primero que tenemos que hacer es crear las páginas.

Podemos crearlas desde Páginas>Añadir

nueva. De momento no es necesario quetengan contenido, podremos rellenarlas más

adelante. Tan solo estableceremos el título yharemos clic en Publicar.

Si vamos a Páginas>Todas las páginas, veremos las páginas que

acabamos de crear.Ahora necesitamos colocar las páginas que acabamos de crear en

menús.

Para ello, iremos a Apariencia>Menús y crearemos dos menús, a

los cuales tendremos que dar nombre. En este caso los llamaremos Menú

principal y Menú secundario.


30/50

30

Una vez creados los menús, debemos agregar apartados (páginas).

Para hacerlo, debemos ir al recuadro de la izquierda que dice Páginas,

dentro del mismo apartado, en Apariencia>Menús. Una vez localizado,

seleccionamos las páginas que queremos añadir al menú que tengamoselegido en ese momento (recordemos que, en este caso, hemos creado

dos), y las añadimos con el botón Añadir al menú.

El menú que acabamos de hacer es un menú sin jerarquía, todos losapartados están al mismo nivel. Si queremos que un menú tenga, porejemplo, un apartado desplegable con distintas opciones, es muy sencillo.


31/50

31

A modo de ejemplo, vamos a hacer que el apartado Contáctanos

cuelgue de Quiénes somos. Para conseguir esto, solo tenemos que

arrastrar el bloque del menú Contáctanos manteniendo pulsado el botón

izquierdo del ratón, y situarlo bajo Quiénes somos, ligeramente metidohacia la derecha:

Como podemos observar, al lado de Contáctanos aparece

subelemento, lo que quiere decir que Quiénes somos es ahora un menú

desplegable del que cuelga el apartado Contáctanos.

El resultado final sería el siguiente:


32/50

32

Para añadir páginas al menú inferior utilizaremos exactamente elmismo sistema, la única diferencia es que tendremos que seleccionar ocrear otro menú y marcar la casilla correspondiente para situarlo en

nuestro tema:

La cantidad de ubicaciones de menús dependerá también del tema

que estemos utilizando, en nuestro caso, el tema dispone de tres posibles,principal, secundario e inferior.


33/50

33

Hasta ahora hemos explicado cómo agregar páginas a los menús,pero también existe la posibilidad de tener apartados de menú queenlacen a sitios web externos o a categorías de entradas.

Si desplegamos los apartados Enlaces personalizados o

Categorías, podremos hacer uso de esas funcionalidades.

Los enlaces personalizados nos servirán para crear apartados demenú que apunten a la dirección web que especifiquemos en el campoURL. El campo texto del enlace será el nombre del apartado del menú.

Las categorías, como explicamos anteriormente, son para

organizar las entradas que publicamos. En este caso, podríamos crear unapartado de menú que mostrase solamente una determinada categoríade entradas.


34/50

34

CONSEJO:

A veces surge la necesidad de querer tener un apartado de menú en el que al hacer clic no lleve a ningúnsitio. Esto es especialmente útil cuando se quiere realizar un menú desplegable con varias opciones yno queremos que ese apartado del que cuelgan los demás contenga nada. Para hacerlo, podemos crear

el apartado superior como enlace personalizado, escribiendo # en el lugar donde debería ir una URL.

5.4. Instalación de plugins.

Ahora que tenemos el sitio más o menos estructurado, es momento

de ir instalando plugins para facilitarnos un poco las cosas.

Recordemos que para instalar plugins debemos ir a Plugins>Añadir

nuevo y utilizar el buscador. También podemos descargarlos de otraspáginas y subir el fichero manualmente.

Existen plugins de muy diversa índole, según las necesidades delsitio necesitarás unos u otros. A continuación te presentamos una serie de plugins que pueden resultarte de utilidad:

Jetpack by WordPress.com es un plugin indispensable para cualquierinstalación de WordPress. Este plugin nos provee de una serie de móduloscon diferentes funciones, los cuales podremos activar y desactivar segúnnuestras necesidades.


35/50

35

TinyMCE Advanced es un plugin que aumentará la capacidad de ediciónde nuestro texto en entradas y páginas.

WooCommerce es el plugin que usaremos para poner en marcha nuestratienda online en el sitio web. Lo veremos a fondo más adelante.


36/50

36

6. WooCommerce.

WooCommerce es el plugin que usaremos para poner en marchanuestra tienda.

Podemos instalarlo desde el buscador de plugins o descargándolopreviamente desde la página oficial del producto.

El propio sitio pone a disposición de los usuarios una serie de vídeosexplicativos acerca de cómo funciona este plugin. Podéis encontrar losvídeos aquí.

6.1.

Instalación de WooCommerce.

Para instalar WooCommerce, iremos a Plugins>Añadir nuevo.Una vez ahí, escribiremos en la barra del buscador: “woocommerce” y nosaparecerá el producto para instalar.

http://www.woothemes.com/woocommerce/http://www.woothemes.com/woocommerce/http://www.woothemes.com/woocommerce/http://www.woothemes.com/videos/http://www.woothemes.com/videos/http://www.woothemes.com/videos/http://www.woothemes.com/videos/http://www.woothemes.com/woocommerce/


37/50

37

Tras la instalación, activaremos el plugin. Una vez activado nosaparecerán una serie de mensajes. En primer lugar y si deseamos tenerlo

en español, le damos a Install Translation. Una vez hecho, continuamos.


38/50

38

El siguiente paso es la creación automática de una serie de páginasesenciales para el funcionamiento de WooCommerce. Estas páginasaparecerán en el menú de páginas de WordPress:

Los pasos que estamos realizando y los que vienen a continuación

son reversibles, por lo que no debemos preocuparnos en caso de que nosean los definitivos, pues se podrán cambiar más adelante.


39/50

39

A continuación, más especificaciones, en este caso, referentes a lalocalización de nuestra tienda y a los envíos e impuestos:


40/50

40

El último paso de la preconfiguración de WooCommerce es el

apartado de Pagos.

Aquí podremos establecerel método de pago quequeremos permitir en

nuestra tienda rellenandolos campos pertinentes.

Y listo, el siguiente paso nosredirigirá directamente a lacreación de un producto.


41/50

41

6.2. Vistazo general.

Ahora que tenemos WooCommerce instalado, vamos a echar unvistazo general a todas las opciones de este plugin.

Lo primero que veremos una vez instaladoWooCommerce son dos nuevos apartados en la barradel menú del panel de control, los apartados

WooCommerce y Productos.

A continuación, vamos a repasar brevemente cadauno de los subapartados que contienen estos dosnuevos apartados.

WooCommerce>Pedidos:

Muestra un listado de los pedidos realizados en la tienda online y permitela gestión de los mismos.

WooCommerce>Cupones:Permite crear cupones de descuento para los productos que designemos.

WooCommerce>Informes:

Nos permite ver el estado de la tienda online.

WooCommerce>Ajustes:

Aquí podremos configurar detalles de nuestra tienda online tales como

formatos de moneda, pesos, medidas, impuestos… etc.


42/50

42

WooCommerce>Estado del Sistema:

Nos muestra información del sistema.

WooCommerce>Add-ons:Aquí veremos una serie de plugins adicionales que podemos instalar ennuestro WooCommerce.

Productos>Productos:

Muestra un listado de los productos disponibles en nuestro sitio web.

Productos>Añadir Productos:

Nos permite la creación de un nuevo producto.

Productos>Categorías:

Aquí podremos gestionar las categorías de los productos de nuestro sitio.

Productos>Etiquetas:

Nos permite establecer etiquetas a los productos. Otra forma más, ademásde las categorías, de organizar nuestros productos.

Productos>Clases de envío:

En este apartado podremos agrupar los productos que sean similares paragenerar métodos de envío comunes, especialmente útil si queremos tenerdistintos métodos de envío según el producto.

Productos>Atributos:

Nos permite crear atributos para asociar a los productos. Estos atributospueden ser: color, tamaño… etc., de forma que el usuario pueda

interactuar y elegir el atributo deseado.


43/50

43

6.3. Configuración de la tienda.

A continuación, vamos a configurar WooCommerce. Para ello,

iremos a WooCommerce>Ajustes .

Algunas de las opciones que veremos ahora puede que ya hayansido establecidas anteriormente, durante los pasos de preconfiguraciónde WooCommerce, tras instalarlo por primera vez.

IMPORTANTE: Cada cambio que realicemos en cada una de las

pestañas que veremos a continuación debe guardarse antes de pasar

a otra pestaña para que se conserven los cambios.

Opciones Generales:

En la pestaña Generales, lo primero que podemos especificar esdónde está ubicada nuestra tienda online.

De esta manera podremos definir los impuestos que se aplicarán alos productos.

Seguidamente, podremos escoger a qué público venderemosnuestros productos (si a todos los países, o a algún país concreto).


44/50

44

El siguiente desplegable nos permite elegir la dirección del cliente,la cual podrá ser la dirección base de la tienda, ninguna, o una direcciónpor geolocalización (esta última vendría dada por la IP con la que el

usuario se conectara a nuestra página).

A continuación, siguiendo en el mismo apartado, podemosconfigurar la forma en que se mostrarán los precios en nuestrosproductos:


45/50

45

Productos:

La siguiente pestaña del menú de Ajustes es Productos. En esteapartado dispondremos de un pequeño menú.

Productos>Generales:

Podremos, en primer lugar, definir las unidades de peso ydimensiones.

También podremos establecer opciones referentes a las reseñas delos productos, pues los productos podrán disponer de una caja decomentarios si así lo deseamos.

Productos>Mostrar:

Aquí podremos configurar cómo se verán nuestros productos en lapágina y dónde lo harán.


46/50

46

Lo primero que podremos cambiar es la Página de la tienda, quepor defecto, si hemos instalado las páginas de WooCommerce, será

TIENDA.

Lo siguiente a configurar es la presentación de nuestros productosen la página de la tienda, podemos elegir que lo primero que se vean sean

las categorías, simplemente los productos, o ambos.

Otra de las cosas a configurar son las dimensiones de las imágenesde los productos:


47/50

47

Productos>Inventario:

El apartado inventario nos servirá para gestionar el stock denuestros productos. Aquí podremos activar la recepción o no denotificaciones si nuestro stock es bajo.

Productos>Productos descargables:

Este apartado solo nos interesaría si fuésemos a vender productosdigitales, pues nos sirve para establecer métodos de descarga para losmismos.

Impuestos:

En esta pestaña podremos definir los impuestos, en caso de quereraplicarlos o no, de nuestro sitio. La configuración de este apartado vienedesglosada en cuatro apartados distintos.


48/50

48

Finalizar compra:

En este apartado, lo primero que podemos habilitar es el uso decupones.

En caso de habilitarlo, al visualizar el carrito de la compra veríamoslo siguiente:

Otro detalle importante que podemos configurar aquí es la páginade términos y condiciones de servicio. Para establecer una página aquí,primero deberemos crearla como una página más de WordPress.


49/50

49

Finalmente, podremos modificar las pasarelas de pago que deseemostener establecidas en nuestro sitio:

Envío:

Finalmente, en esta pestaña vamos a poder definir las formas deenvío que permitiremos en nuestro sitio.

Según el tipo de envío que vayamos a realizar de nuestrosproductos, deberemos habilitar un envío u otro y configurarloapropiadamente.


50/50

ANEXO DE VÍDEOS

-

CREACIÓN DE ENTRADAS

-

CREACIÓN DE PÁGINAS

-

CREACIÓN DE MENÚS

-

CREACIÓN DE UN PRODUCTO

-

CREACIÓN DE UN PRODUCTO VARIABLE
https://www.youtube.com/watch?v=oaFP2kC1MzMhttps://www.youtube.com/watch?v=oaFP2kC1MzMhttps://www.youtube.com/watch?v=U4qZBYp3_wkhttps://www.youtube.com/watch?v=U4qZBYp3_wkhttps://www.youtube.com/watch?v=S7a2xfzgSwkhttps://www.youtube.com/watch?v=S7a2xfzgSwkhttps://www.youtube.com/watch?v=YpZ3b_8713Qhttps://www.youtube.com/watch?v=YpZ3b_8713Qhttps://www.youtube.com/watch?v=pEcVmg_od08https://www.youtube.com/watch?v=pEcVmg_od08https://www.youtube.com/watch?v=pEcVmg_od08https://www.youtube.com/watch?v=YpZ3b_8713Qhttps://www.youtube.com/watch?v=S7a2xfzgSwkhttps://www.youtube.com/watch?v=U4qZBYp3_wkhttps://www.youtube.com/watch?v=oaFP2kC1MzM

módulo ii - métodos de creación de portales de venta online wordpress

Documents