Diseñar una tienda online desde cero puede ser un trabajo que lleve horas, incluso días y semanas, es normalmente un proceso agotador y largo. Es por eso que en este video tutorial quiero mostrarte la forma de crear tiendas online en un solo clic gracias a nuestros planes de hosting.
Con estas herramientas podrás instalar una tienda online con un diseño profesional en cuestión de un clic y gracias a que la tienda se encuentra creada con un editor visual, podrás modificarla fácilmente sin utilizar código. Mira el siguiente video para descubrir como puedes crear tiendas online profesionales en cuestión de minutos.
[arve url=»https://www.youtube.com/watch?v=CwYYRqsynvw» align=»center» title=»Como crear tu tienda online profesional con un clic» description=»Descubre como crear un tienda online con un diseño profesional en un solo clic gracias a nuestros planes de hosting especiales para WordPress.» upload_date=»2018-09-04″ duration=»13M41S» /]
En este tutorial utilizamos nuestro servicio de hosting para WordPress puedes utilizar el plan Premium o Business para tener acceso a WordPress Pro y a todas las plantillas que puedes utilizar e instalar con un clic.
Las tiendas se encuentran creadas utilizando WooCommerce, este es el mejor plugin eCommerce que puedes utilizar en tu sitio web WordPress, es muy fácil de utilizar y puedes vender cualquier tipo de producto. Si aún no sabes como utilizar este plugin, entonces te invito a visitar nuestro curso gratuito de Tienda Online con WordPress y WooCommerce
Hoy en día es importante que tu sitio web cuente con un certificado SSL, especialmente si te encuentras creando una tienda online, si aún no tienes un certificado en tu web, entonces visita el siguiente tutorial en el que te mostraré como puedes instalar un certificado SSL gratis en un solo clic
[x_accordion_item title=»Transcripción del video»]
Buen día, te saluda José Liévano y en este nuevo tutorial te quiero mostrar cómo puedes crear tu tienda online con un diseño profesional y completamente configurada en menos de 15 minutos.
Estas viendo la tienda online con la que terminaremos en este tutorial, y todo lo haremos sin código, fácil y rápido.
Así que vamos a ver como se hace.
La tienda con la que terminaremos se encuentra creada con WooCommerce, que es el mejor plugin para tiendas online que tiene WordPress.
Para instalar tu tienda online ya preconfigurada y lo mejor de todo con un diseño profesional.
Debes entrar en tu panel de control de hosting.
Desde aquí vamos a buscar WordPress Pro.
Como puedes ver, en esta zona tenemos el instalador de WordPress Pro asi que entramos en él.
Y damos clic en instalar esta aplicación.
Muy bien, en esta zona puedes seleccionar tu dominio, desde aquí también puedes dejar tu web utilizando https desde el inicio si ya tienes un certificado SSL instalado.
En caso de que aún no tengas un certificado SSL te dejaré un link en la descripción del video en el que te muestro como instalar uno gratis en dos clics.
Bien sigamos, aquí lo voy a dejar vacío ya que deseo que se instale directamente en mi dominio.
Y en la parte de abajo tenemos una gran cantidad de plantillas disponibles.
Ahora quiero aclararte que a cualquier plantilla que selecciones le puedes añadir una tienda, ya que se instalará WordPress con el diseño de tu elección.
Pero algunas de estas plantillas traen pre-configurada la tienda, de modo que no debes hacer nada más que comenzar a añadir tus productos y modificar los detalles de tu tienda.
Puedes ver que algunas de estas plantillas tienen la viñeta que dice tienda online.
Entonces esos son los diseños que tienen la tienda pre-configurada.
Puedes también ver un demo de la tienda dando clic aquí.
Este diseño tiene el área de tienda en el menú, vamos a entrar para ver el diseño del área de tienda.
Y como puedes ver aquí tenemos nuestros productos y la tienda es completamente funcional.
Vamos a ver otro demo, demos un vistazo a este diseño.
En este diseño puedes ver que tenemos los productos en la página principal y que también contamos con el menú de tienda.
Gracias a WordPress Pro y las plantillas que nos entrega gratis, podemos modificar nuestra tienda sin código y de forma completamente visual.
Puedes mostrar tus productos en cualquier lugar de tu sitio web.
Incluso dentro de los artículos de tu blog, en el área de contacto, en tu página principal o en cualquier parte que quieras.
Este diseño me gusta mucho así que vamos a instalarlo.
Regremos al instalador, lo único que debo hacer ahora es seleccionar el diseño, al darle clic puedes ver que se coloca en verde.
Muy bien, ahora vamos hacia abajo y en esta área puedes colocar los detalles de tu web.
Aquí puedes definir tu nombre de usuairo, contraseña, el correo relacionado a tu nuevo sitio web.
Además de colocarle un título y una pequeña descripción o lema a tu web.
Esto podemos modificarlo después si lo necesitas.
Ahora simplemente debemos dar clic en el botón de instalar.
Y el sistema inicia la instalación de nuestra nueva tienda online con el espectacular diseño que hemos seleccionado.
Este proceso es muy rápido y tarda menos de dos minutos.
Muy bien, como puedes ver ya ha terminado la instalación, y podemos entrar en nuestra área de administración simplemente dando clic a este enlace.
Perfecto!
Ahora te encuentras en el área de administración de WordPress.
Únicamente debemos hacer un paso adicional para que todo se encuentre perfecto.
Y eso es actualizar el sistema.
Asi que entramos aquí en actualizaciones.
Seleccionamos todos los plugins y damos clic en actualizar.
Muy bien, ahora regresamos a la pantalla de actualizaciones.
Y para terminar actualizamos la plantilla.
Genial, ahora si se encuentra todo listo para empezar a modificar nuestro sitio web.
Voy a entrar en el escritorio.
Y si ya tienes alguna experiencia utilizando WordPress, sabes que esta es la vista principal de tu área de administración.
Voy a cerrar estos anuncios que tengo por aquí.
Muy bien, ahora vamos a entrar en el área pública de nuestro sitio web.
Vamos al nombre de la web y damos clic en visitar sitio.
Muy bien, como puedes ver tenemos un clon exacto del demo que visitamos antes.
Y lo mejor de todo es que podemos modificar nuestro nuevo sitio web de forma completamente visual y sin utilizar códigos.
Para editar nuestro nuevo sitio web, debemos dar clic aquí, en habilitar el constructor visual.
Esto carga el editor que es muy fácil de utilizar.
Ahora ya nos encontramos en el editor.
Y podemos modificar cualquier texto muy fácilmente, por ejemplo puede modificar el texto de este encabezado.
Y le colocaré “Bienvenido a mi nueva tienda online”.
Vamos también a modificar el texto que se muestra en estos productos.
Le colocaremos “Nuestros mejores productos”.
Si te colocas sobre los textos podrás ver que te aperece esta pequeña barra, desde aquí puedes modificar o añadir estilos a tu texto.
Por ejemplo lo podemos hacer cursiva, oh también modificar su color desde esta opción.
También podemos modificar su alineación y muchas más opciones.
Ahora vamos a modificar esta lista de productos.
Todos estos productos que tenemos aquí, están pre-creados en el demo.
Podemos eliminarlos y añadir nuestros propios productos, te mostraré como hacerlo en un momento.
Pero mientras tanto los vamos a utilizar para ver que tal quedará nuestro diseño y como se verán nuestros productos con las modificaciones que hagamos.
Para modificar la zona en la que se muestran los productos tenemos este ícono de engranaje.
Si damos clic en él, se abren las opciones de los productos.
Gracias a estas opciones es muy fácil definir la forma en la que deseamos diseñar la vista de los productos he incluso cuáles son los productos que deseamos mostrar.
Por ejemplo, puedo modificar la cantidad de productos que deseo mostrar.
Y la cantidad de productos por columna también.
Y como puedes darte cuenta, se actualiza de forma automática, entonces podemos ver en tiempo real todos los cambios que hacemos en nuestra web.
Ahora quiero modificar el tamaño y el color del texto para los precios.
Así que entramos en las opciones de diseño.
Desde aquí tienes la posibilidad de modificar el diseño de todas las áreas de los productos.
Entonces podríamos buscar las opciones para el texto de los precios, pero también podemos simplemente colocarnos sobre la zona que deseamos modificar.
Por ejemplo en los precios y darle clic a este ícono de brocha.
Como puedes ver eso abre automáticamente la zona en la que se encuentran las opciones de los precios.
Y podemos empezar a modificar el texto.
Por ejemplo en mi caso, quiero que el texto sea más grande.
Asi que vamos hacia abajo y aquí tienes la opción para modificar el tamaño de fuente.
Desde esta zona podemos cambiar el color del texto.
En mi caso también deseo centrar el texto.
Y si bajamos un poco más incluso podemos añadirle un efecto de sombra.
Listo, me gusta este estilo.
Ahora vamos a modificar el estilo para el título.
Asi que me coloco sobre el título y le doy clic al ícono de brocha.
Muy bien, a este texto en realidad solo le cambiare el tamaño de fuente.
Y lo alinearemos al centro.
Finalmente voy a modificar el área de la imagen del producto.
Asi que vamos a sus opciones.
Lo que deseo hacer aquí es colocarle un efecto de sombra, así que vamos hacia abajo y seleccionamos uno de estos estilos.
Muy bien, para aplicar los cambios debemos dar clic aquí.
Y como puedes ver nuestras modificaciones se aplican al sitio web.
De esta forma tan fácil podemos ir editando nuestro sitio web, el editor visual es muy fácil de utilizar.
Para guardar los cambios que hemos realizado, damos clic en este ícono y luego clic en guardar.
Muy bien, nuestros cambios se han guardado.
Ahora podemos salir del editor visual desde aquí.
Todos los cambios que hemos realizado se han aplicado a nuestro sitio web, podemos de esta forma añadir, eliminar o editar más elementos a nuestro sitio web como imágenes, videos, textos, productos, etc…
Es posible activar el editor visual en las otras partes de nuestro sitio web, entonces podremos modificar muy fácilmente cualquier parte de nuestra web WordPress.
Ahora veamos rápidamente como puedes empezar a colocar tus propios productos.
Para esto vamos a entrar a nuestra área de administración, puedes ingresar desde el nombre de tu web y luego en escritorio.
El área de tienda lo tenemos disponible gracias al plugin WooCommerce.
Y en el tu menú de administrador puedes ver la opción de productos.
Vamos a entrar en todos los productos.
Como puedes ver tenemos 8 productos de demostración creados.
Para añadir uno nuevo, simplemente das clic aquí.
Desde aquí puedes añadir el título del nuevo producto.
En esta zona debes añadir la descripción de tu producto nuevo, además de texto también puedes incluir imágenes o videos.
En esta área podemos configurar el precio del producto.
Te estoy mostrando rápidamente como crear un producto.
WooCommerce es muy fácil de utilizar, añadir productos es algo muy sencillo como puedes ver.
Pero que sea fácil no quiere decir que sea limitado, WooCommerce es uno de los mejores sistemas de eCommerce que existen en el mundo.
Eso es gracias a que puedes expandir sus funciones y hacer que haga lo que tu quieras.
Desde vende productos digitales, licencias, tickets de eventos, sistema de membresías con protección de contenidos, productos físicos, dropshiping increíblemente incluso puedes convertirlo en un Marketplace como Etsy, permitiendo a vendedores externos y cobrar comisiones por las ventas.
Eso es lo bueno de WordPress y WooCommerce, son fácil de utilizar y al mismo tiempo son muy poderosos.
En nuestro sitio web contamos con un curso completo sobre WooCommerce, te dejare el link en la descripción, el curso es completamente gratuito.
Entonces, sigamos con nuestro producto.
Lo siguiente haremos es colocar el producto en una categoría.
Y le colocaré una imagen destactada.
Podemos subir una imagen desde nuestra computadora o utilizar una de las que ya tenemos en nuestro sitio web.
Muy bien, ahora voy a guardar mi producto dando clic en el botón azul que dice publicar.
Perfecto, nuestro nuevo producto ya se encuentra publicado.
Ahora vamos a nuestro sitio web.
Y como puedes ver, aquí tenemos nuestro nuevo producto.
Entonces y como puedes ver, gracias a WordPress Pro, puedes instalar una tienda online completa y con un diseño profesional en dos clics.
En menos de un día puedes tener tu nueva tienda online creada y lista para vender.
WordPress Pro se encuentra disponible en los planes de hosting de josel63.sg-host.com.
Tendrás acceso a este y muchos más beneficios como plugins y plantillas Premium gratis.
Puedes utilizar el plan Premium o el plan Business para tener acceso a WordPress Pro.
También puedes migrar tu sitio web WordPress con nosotros, el proceso de migración lo hacemos nosotros completamente gratis.
Si deseas iniciar tu sitio web o mejorar el que ya tienes gracias a WordPress Pro.
Puedes utilizar el cupón de descuento PROWP y obtendrás un 15% de descuento en tu plan.
Espero que este video te guste y no dejes de visitar el curso de WooCommerce si quieres saber como utilizar esta grandiosa herramienta.
Suscríbete a nuestro canal de YouTube y activa la campanita para obtener las notificaciones de nuestros nuevos tutoriales.
Mi nombre es José Liévano y nos veremos en un próximo video tutorial.
[/x_accordion_item]