Creación de una tienda online con Shopify – Curso de Rocio Carvajal – Domestika

Creación de una tienda online con Shopify – Curso de Rocio Carvajal – Domestika


Hi, I’m Rocío Carvajal. I’m a user experience designer specializing in e-commerce. I am the owner of
a digital brand agency called Maker, a project where I share
my knowledge with startups to help them grow
through the power of e-commerce. I enjoy identifying
commercial opportunities in the market and working with emerging startups that create products
in uncertain conditions. My goal is breaking through
that uncertainty and find a way towards
a sustainable business. Having an optimal user experience and a robust e-commerce platform
is essential. It will help you reach
the maximum number of users and, as a result,
your sales will never stop growing. Shopify is the perfect tool
to create your own online shop. This software offers services
like payment gateways, shipping, and customer-retention tools that facilitate your online
shop-management processes. In this course, I’ll show you
how to create your own online shop and optimize
your sales opportunity with Shopify. As final project,
you’ll create your own virtual shop and publish it online. For this, we’ll first see how to create
an account, choose the right plan and set up the admin, management, online shop and settings sections. Then we’ll choose a template keeping
in mind the type of product and type of company. We’ll apply it and I’ll explain
how to edit and publish it. The next step will be creating products,
types of products and categories. I’ll also explain how
to manage products, and I’ll give you some tips to increase customer journey visibility. Then we’ll see how
to create content pages like cookies, Privacy policy and Terms and conditions. I’ll show you how
to add and publish blogs. We’ll set up navigation menus
for your shop and include payment gateways,
shipping, taxes and notifications. To add value to your shop, we’ll see how to maximize sales
through payment channels, discount codes,
recovering abandoned checkouts and app implementation. You should also know how to access reports
and metrics in order to improve. Last, we’ll make a mock order,
we’ll connect your domain, delete the maintenance page, and launch. At the end of this course, you’ll have your own online shop
published on the web. This course is aimed at all those wanting to venture into
the wonderful world of e-commerce. Create your own online shop
and sell your products while you sleep. Creation of an Online Shop with Shopify
A course by Rocío Carvajal Sign up at Domestika.org Create. Share. Learn.

Cómo Centrar en CSS Cualquier Elemento: 3 Trucos Infalibles

Cómo Centrar en CSS Cualquier Elemento: 3 Trucos Infalibles


En este vídeo te voy a enseñar cómo centrar
cosas utilizando CSS. Es una de las tareas más habituales a la
hora de maquetar webs y es cierto que en ocasiones puede dar dolores de cabeza. Mi nombre es Diego Castaño, soy desarrollador
web y hoy te voy a enseñar 3 maneras de centrar cualquier elemento con CSS. Sigue atento a este vídeo. Una de las tareas más comunes y repetitivas
que hacen los desarrolladores web cuando están maquetando un diseño es centrar cosas, ya
sean imágenes, texto o bloques de cualquier tipo de contenido. En concreto voy a diferenciar entre tres casos: El primer caso es cuando queremos centrar
el texto de un párrafo o de un título. El segundo caso es cuando queremos centrar
horizontalmente un bloque o una imagen, es decir, cuando queremos dejarlo en este eje,
en el centro. Y un tercer caso es cuando queremos centrar
verticalmente un bloque o una imagen, es decir, en este eje. A continuación veremos cómo solucionar cada
uno de estos casos. Caso número uno: Cómo centrar líneas de
texto horizontalmente. Este es el caso más común y además es el
más fácil de solucionar. Basta con utilizar el atributo “text-align”
de CSS y darle el valor “center”. Como podemos ver en este ejemplo todas las
líneas están centradas dentro del margen del párrafo. Este método sirve para texto pero también
se puede aplicar a cualquier otro elemento que se muestre como “inline-block”, como por
ejemplo una imagen o un elemento span. Caso número dos: cómo centrar horizontalmente
un bloque de texto o una imagen. Por ejemplo: si tenemos un elemento div que
queremos centrar en el cuerpo de la página, nos bastaría con utilizar las propiedades
“margin-left” y “margin-right”, es decir, los márgenes a los lados del elemento, y
poner ambos en modo automático, con el valor “auto”. De este modo automáticamente va a centrar
este bloque en medio del contenedor, que en nuestro caso es el cuerpo de la página, la
etiqueta body. Este método también nos sirve para un imagen
pero una imagen tiene por defecto un “display: inline-block” implícito. Por lo tanto para usar este método habría
que añadir un “display: block”. Y caso número tres: centrar verticalmente
un bloque de texto o una imagen. Para centrar verticalmente un elemento vamos
a tomar una aproximación un poco distinta. En este caso, no va a ser el propio elemento
al que le añadamos propiedades CSS, sino que vamos a tocar el contenedor. Por ejemplo, si yo quiero que este elemento
div (en rojo) esté centrado verticalmente en este contenedor que mide 500 píxeles,
lo que voy a hacer, es añadir este código CSS al contenedor, no al elemento que está
dentro: Le digo que lo muestre como una de las celdas
de una tabla, es decir, pongo “display: table-cell” y añado la propiedad “vertical-align” con
el valor “middle” para que lo alinee al medio del eje vertical. Y ya está, ya tendríamos nuestro div centrado
verticalmente dentro de su contenedor. Si te ha resultado útil recuerda darle a
“me gusta” y compartirlo en tus redes sociales, pero si tienes cualquier duda no dudes en
dejar un comentario aquí abajo. Y por supuesto si quieres aprender más cosas
cada semana suscríbete ahora al canal.