Web Certificada

Montar una página web desde cero

Autor: Jennifer

WooCommerce: tu tienda online

Somos conscientes de que hay un porcentaje alto de personas que siguen este blog que tienen un negocio o están pensando en lanzar su negocio en internet. Y antes de esta aventura necesitan una pequeña guía y asesoramiento. Para ello hoy hablaremos del plugin WooCommerce de WordPress.

Si has seguido el resto de post, te hemos enseñado como contratar un dominio de wordpress e instalarlo. Este plugin de woocommerce es gratuito pero no esta disponible pra la versión gratis de wordpress.

Woocommerce es un plugin que convierte tu blog de wordpress en una tienda.

Instalación de WooCommerce

Vamos a la pestaña de plugins. Busca Woocommerce e instálalo. Una vez instalado actívalo.

Captura plugin

Una vez lo actives, tendrás que configurarlo.

Paso 1: WooCommerce te informa de que creará unas páginas obligatorias: Tienda (inicio), Carrito, Finalizar Compra y Mi cuenta (para que tus clientes creen una cuenta en tu tienda). Acepta y continua

Paso 2: Configurar dónde está ubicada tu tienda, las medidas y moneda a utilizar.

Paso 4: Aquí simplemente tienes que indicar si envías productos físicos y si llevan impuestos. Cuando selecciones la casilla de impuestos te aparecerá el tipo de impuesto de tu país.

Paso 5: En este paso eliges las plataformas de pago que quieras tener en tu tienda online

Paso 6: Es una mera formalidad, nos preguntan si queremos que woocommerce utilice nuestros datos para themes.

Creación de producto

Una vez hemos aceptado esto, el programa nos guiará por la creación de un producto

Captura producto

Comenzaremos con el nombre de nuestro producto.
A continución la ficha de producto, podemos explicar de forma más extensa. El usuario valora mucho una descripción bien hecha.

Después podemos seleccionar nuestro tipo de producto: Simple (la mayoría de productos) o “Virtual” si es un producto descargable, no físico. Seleccionamos el precio y si hacemos rebaja. Podemos seleccionar la rebaja que queremos añadirle y el periodo. Interesante para rebajas o eventos especiales.

Finalmente nos quedará la descripción corta del producto. Un mini resumen de tu poducto

Señalaremos las etiquetas de nuestro producto y recuerda poner una imagen destacada del producto para que se vea más atractivo.

descripción producto

 

Si completamos esto tendremos nuestro primer producto creado.

Más acerca de Woocommerce

Tendremos en nuestra consola wordpress nuestro nuevo plugin a la izquierda.

En categorías hablaremos de las diferentes secciones de nuestra tienda. Por ejemplo si tenemos una tienda de ropa, una categoría puede ser “zapatos” y otra “camisas”.

Los atributos son por ejemplo los diferentes colores en que vendes tus zapatos. Esto se ve mejor en la creación de producto, señalando el producto simple y atributos. Podemos crear el atributo “Color” y definir colores

atributos

 

Esto es lo que necesitas para poder empezar a crear tu tienda virtual en woocommerce. Como ves es muy similar a un blog.

Descarga un tema que soporte el plugin y personaliza tu tienda a tu gusto!

 

Conceptos básicos antes de crear una web

Aquí empieza nuestro blog para crear una página web. Para ello es necesario tener claro unos conceptos básicos del entorno de Internet que no servirán de ayuda tanto para la creación como para entender cualquier publicación relacionada con este mundillo.

Seguro que alguna vez has oído las palabras como lenguaje html, dominios, hosting… ¿Te suenan a chino? Continua leyendo y saldrás de toda duda

Conceptos básicos

HTML

A pesar de que cuando visitamos una página web entendemos todo lo que se nos dice es solo la apariencia física. Como en las personas, lo importante está en el interior. El lenguaje HTML es un lenguaje de etiquetas. No es un lenguaje de programación como tal. Estas etiquetas nos dicen como se verá un texto.

¿Como trastear HTML sin romper nada?

Fácil, abre el blog de notas, este será nuestro editor. Todo lo que escribamos debe de empezar por la etiqueta <html> y se cierra con </html>.

A continuación nuestro texto debe de estar entre el <body> y </body>

Aquí te dejo una serie de etiquetas básicas para que puedas ir probando.

El resultado en el blog de notas será el siguiente:

HTML

Esto lo guardaremos con el nombre que queramos ejemplo.html y lo guardamos en el Escritorio mismo. Cuando vayamos la escritorio al hacer doble click se abrirá una ventana nueva.

Hosting y Dominio

Imagina un documento word, tienes tu contenido escrito lo guardas con un nombre y lo metes en una carpeta. Pues esto es casi lo mismo. El dominio es el título que le vas a dar a tu contenido.

Por ejemplo nuestro dominio es www.webcertificada.es y hosting es donde vas a tener guardado ese dominio.

No te sirve de nada pagar por un dominio si no tienes contratado un hosting.

Según el tipo de proyecto que quieras crear necesitarás un hosting más o menos potente, lee las recomendaciones antes de contratar un servicio porque no es necesario pagar en exceso si solo quieres tener un blog, por ejemplo.

 

 

 

 

Glosario de terminología web, definiciones

En el post de hoy vamos a añadir unas definiciones a nuestro glosario de terminología web. A pesar de que en post anteriores hemos visto cómo crear blogs e incluso tiendas online, nos parece interesante escribir sobre algunos conceptos básicos que se utilizan en este mundillo.

La terminología utilizada en la industria de la web puede ser un poco desalentadora porque muchos términos.

Para tener una mejor comprensión de cómo funciona la web, tendrás que familiarizarte con términos como los siguientes.

Terminología web, definiciones

ACCESIBILIDAD:

Se relaciona con los estándares de diseño web / codificación y se refiere a lo fácil que es para todos acceder a un sitio web, incluyendo personas con algún tipo de minusvalía.

USABILIDAD:

es la sencillez con que podemos utilizar una web. Lo fácil que resulta para el usuario navegar por una web y lo sencillo que resulta hacer lo que pretende hacer. Suscribirse a una newsletter, buscar determinada información, completar un formulario, comprar, etc.

COOKIE:

Una pequeña pieza de información que ciertos sitios web almacenan en su computadora cuando los visitas. Las cookies son normalmente inofensivas y las razones para usarlas varían. A veces es para asegurarse de que su sitio web se carga rápidamente cuando lo visites la próxima vez. Otro uso es hacer un seguimiento de los visitantes para ver la frecuencia con que vienen, lo que hacen cuando vienen. Datos relevantes en comercio. Las cookies también se utilizan para realizar un seguimiento de las visitas de otros sitios web. La desventaja de las cookies es que después de haber visitado una gran cantidad de sitios con una gran cantidad de gráficos, tu ordenador se puede llegar a “atascar” un poco. Por lo que es aconsejable limpiar las cookies de vez en cuando.

CACHE:

Cada vez que haces algo en tu ordenador, esto se guarda en un lugar para que la próxima vez que intentes hacer lo mismo se cargue más rápido. El lugar donde se almacena todo esto se llama la “caché”. La ironía es que, si tu caché se llena demasiado el equipo funciona mucho más lento. Es buena idea vaciar la caché regularmente para mantener el ordenador funcionando de manera óptima.

SEO:

Se basa en el “Search Engine Optimization” y se refiere muy simplemente a la práctica de ajustar la codificación del sitio web y el contenido para lograr rankear en los motores de búsqueda. Es decir, hacer la web del agrado del buscador para que cuando el usuario busque en un buscador, tu web salga en los primeros puestos.

Crear un sitio web con blogger

Anteriormente hemos escrito como crear sitios web gracias a las plataformas de blog. Hemos conocido WordPress a fondo. Ahora vamos a presentarte como crear tu sitio web con blogger.

Ventajas de Blogger

Blogger es un servicio de blogs proporcionado por el gigante tecnológico Google. Es libre, estable y bastante potente para poder meterle todo el contenido que creamos conveniente sin que nos de problemas.

Tienes la confianza de que Google está detrás de todo, por lo que te da esa confianza de tener un gran partner tecnológico detrás apoyándote y además te proporciona la máxima seguridad.

Por la misma razón, si algún día Google decide que no le sale rentable mantener blogger, un día puede eliminarlo y quedarnos sin web.

Aunque, este riesgo lo podemos tener con cualquier proveedor.

Blogger está orientado a tener un blog y nada más. Si quieres tener una web para negocios, no será tu mejor opción, en cambio es una alternativa muy potente para potenciar tu marca personal.

Por último, te ofrece la posibilidad de conectar fácilmente todas sus cuentas de Google, esto es una gran ventaja de Blogger. Google ofrece muchas de las funciones más útiles para un sitio web, incluidas las herramientas de AdSense, AdWords y Webmaster para la indexación de Google sin necesidad de plugins. Blogger te permite simplemente hacer clic en un botón e integrar AdSense o banners en su sitio y así monetizar tu sitio web.

Crear un sitio web con Blogger

  1. Entramos en la plataforma Blogger
  2. Click en Añadir Nuevo Blog
  3. Le ponemos un nombre a nuestro blog, que quedaría como webcertificada.blogspot.com
  4. Elegimos una plantilla
  5. Elaboramos contenido: con etiquetas, edición de texto y publiación.Así de sencillo.

Si queremos que nuestra web sea, webcertificada.com sin necesidad de añadir blogspot.com, debemos comprar un dominio propio. En este artículo lo explica perfectamente. Los pasos siguientes serán exactamente los mismo que los explicados anteriormente.

© 2017 Web Certificada

Tema por Anders NorenArriba ↑