Web Certificada

Montar una página web desde cero

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!

 

Contratación de WordPress

Una de las formas más sencilla de crear nuestro espacio en internet es a través de los servicios para blog. Los dos más populares son Blogger y WordPress. Pero nosotros hablaremos de nuestro proceso en la contratación de WordPress

Aunque blogger es uno de los servicios del todo poderoso Google, el propio buscador favorece a WordPress en su ránkin. Además, nosotros te recomendamos WordPress.

Opciones de WordPress

Dentro de WordPress puedes elegir entre el servicio de pago o el gratuito.

El gratuito es bastante funcional pero muy básico, no te hace falta pagar por hostings y el dominio es suyo. Lo verás porque tu dominio será www.ejemplo.wordpress.com. Las opciones de personalización son muy básicas y no puedes cargar plugins. Los plugins son la magia de WordPress, lo explicaremos más adelante.

Sin embargo podrás generar contenido y poner etiquetas. Con lo que podrás hacerte visible en poco tiempo.

En WordPress de pago si necesitas hosting y dominio. En la mayoría de hosting tienes la opción de instalar en un click. Así que puedes tener en pocos minutos un dominio profesionalizado e instalado para empezar a desarrollar tu marca personal.

Contratación de WordPress

En nuestro caso, contratamos Hosting y Dominio en la misma empresa (Hoswedaje). Previo a esto contactamos con ellos y les explicamos la finalidad de nuestro proyecto. Nos asesoraron en la elección del plan. En este caso es un blog por lo tanto con el paquete básico teniamos bastante.

Cuando efectuamos el pago inmediatamente nos mandaron un enlace con nuestro usuario y contraseña con un enlace a nuestra consola. Allí vimos todas las cosas que podiamos hacer con nuestro dominio. Elegimos la opción de WordPress con la opción “One Click” y fue instalar y listo!

 

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.

 

 

 

 

Xopie, tu tienda online de forma fácil

Hoy hablamos de Xopie, una plataforma para crear una tienda online. Si estás probando opciones para tu negocio, xopie es una opción a tener en cuenta.

Lo primero que ofrecen es una prueba gratuita de 15 días. Si en ese tiempo no te gusta o no te convence no te preocupes. Simplemente no pagas y no tienes tienda. Así de simple.

Un poco más de Xopie

Xopie es líder en Europa. Su plataforma es muy intuitiva, tienes opción de personalización simple. Sin necesidad de tener conocimientos técnicos o de programación.

Tiene diferentes planes adaptados a tus necesidades. Desde el básico que no tiene un mal precio 39euros/mes a uno que puedes diseñarte a tu medida.

Los planes de pago incluyen alojamientos web, acceso ilimitado a su soporte (vía email). Puedes integrar varios componentes de tu negocio en xopie, como es logística, marketing, posicionamiento o diseño. Se integra fácilmente con CRM.

xopie planes

Planes de pago de xopie

Puedes elegir de entre sus plantillas gratis aquella que te guste más y se adapte a tu negocio.

Por otro lado, a pesar de que xopie es ideal para pequeños negocios por su facilidad, debes tener en cuenta una series de inconvenientes antes de lanzarte a probar.

La personalización y la gestión están en manos de xopie, esto es bueno porque alguien te va a respaldar. Pero te limita las acciones. Si quieres nuevas funciones, por muy obvias que te parezcan ten por seguro que las tendrás que pagar.

Finalmente, algo que con lo que no cuentas es con el FTP. Un programa que permite enviar/recibir archivos de un ordenador a otro.

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.

Dentro de WordPress

En el post anterior hablábamos de instalar wordpress. Hoy hablaremos de lo que nos encontramos dentro de WordPress tras su instalación.

Dentro de WordPress

Al abrir WordPress te habrás encontrado algo así:

En primer lugar tienes las entradas, es donde generarás tu contenido. Esto que estás leyendo es una entrada.

Medios es donde se almacenan las imágenes y donde puedes cargarlas.

Páginas, importante no confundirlo con entradas. Las Páginas son las diferente secciones de tu blog. Nosotros tenemos paginas de información acerca de nosotros y nuestro objetivos. Son las páginas Sobre Mi, Sobre Web Certificada y Contacta y un acceso a las categorías.

Comentarios, es la página donde puedes ver lo que te escriben tus seguidores.

Apariencia es lo más entretenido de wordpress, encontrarás temas para tu blog, para personalizarlo y hacerlo como a ti más te guste. Simplemente haz click en Añadir Nuevo y explora todos los temas.

Usuarios, son las personas que participan en la elaboración del blog. Tú eres administrador pero puedes hacer que tus compañero participen en tu proyecto asignándoles un rol. Autor, Editor, etc. Tendrán acceso a lo que tú les dejes. En un principio, esto no lo debes de tocar, porque serás administrador único. Una vez tengas claro wordpress puedes solicitar colaboraciones.

Herramientas, no es necesario conocerlo por el momento.

Ajustes, es donde puedes “ajustar” todo lo relativo al blog, el título del sitio, idioma, número de entradas a mostrar, si quieres que se muestren completas o no, etc.

Tu primera entrada

Ahora que ya sabes qué es WordPress, puedes probar a crear tu primera entrada. Para ello ve a entradas, haz click en Añadir Nueva, entonces te debe salir algo así:

Plugins son componentes de código que agregan funcionalidades a tu blog, por ejemplo, introducir un formularios como el que nosotros tenemos. Simplemente debes de ir a plugins, instalarlo, activarlo y te saldrá a la izquiera tu nueva funcionalidad. Para ello debes de copiar el shortcode. Un código corto que simplemente es copiar e ir a la página en que quieras introducir el formulario y pegarlo.

Nuestro consejo:

Si has escrito un texto dentro de wordpress con contenido para tu blog, ya habrás empezado a crear tu presencia en internet.

Para ello crea siempre Páginas Estáticas, explica quién eres, tu formación, etc. Con esto desarrollarás tu marca personal. Explica el origen y objetivos del blog. Puedes añadir otra página de contacto si lo deseas gracias a un plugin como Contact Form 7, Ninja Form, etc. Hay muchos que son gratuitos y muy buenos.

Crea contenido de calidad, tuyo, elaborado por ti, el plugin SEO by Yoast puede ayudarte a elaborar un contenido acorde a lo que le gusta a Google.

Poco a poco a base de ir “trasteando” tendrás un blog que te guste e inspire confianza.

Si logras todos estos pasos ya habrás creado una página web, personalizada a tu gusto y acorde a tus objetivos.

No dejes de leer para conocer otras formas de crear una web.

 

 

© 2017 Web Certificada

Tema por Anders NorenArriba ↑