Transcripciones
1. Comenzar un sitio web de ec: Hola y bienvenidos al Emprendedor Hustle donde
vamos a estar creando un sitio web de e-commerce desde cero. Estaremos creando un sitio web completo de comercio electrónico con productos
digitales y físicos y estaremos utilizando tecnologías como WordPress, Woo Commerce, Stripe, y PayPal para aceptar pagos. Este curso es para emprendedores que buscan empezar a vender productos en línea, ya sean productos digitales o físicos, estaremos cubriendo ambos en este curso. Ahora si estás buscando aprender a codificar un sitio web, ese no es este curso. De hecho, en realidad no hay ningún tipo de codificación en este curso, así que no sientas que necesites ser desarrollador web o algún programador para que esto suceda, en realidad
puedes hacer todo esto sin nada de esa habilidad. Ahora al final de este curso, realidad se
puede ver detrás de mí, esa es mi página web. Ahora aún no está completa. Podrás ver la versión completa y
terminada dentro del curso, pero vas a estar creando un sitio que se ve bastante parecido a éste. Ahora se va a ver un poco diferente en cuanto a logo diferente, diferentes colores, va a tener tu branding y tu personalidad en él, pero el tema va a ser muy similar. Vamos a tener una tienda y página de contacto y un blog, y si todo eso suena un poco abrumador, por favor no te sientas abrumado porque voy a llevarte a través de cada paso del camino. Literalmente no necesitas saber nada para empezar con este curso. Alguna información de antecedentes sobre mí. Yo soy Kalob Taulien. Soy emprendedor serial, soy desarrollador web senior, y soy instructor en línea. He enseñado a más de 200 mil personas en todo el mundo. Llevo haciendo sitios web desde hace más de 20 años, si puedes creer eso, “wow” eso es mucho tiempo. En realidad he empezado varias empresas y las he vendido usando este proceso exacto, así que en realidad puedes saber que al final del día, no
soy solo un tipo en tu pantalla diciéndote que hagas cosas que nunca he hecho, en realidad
he aplicado estos. He aprendido de mis errores, he aprendido de mis éxitos, y te estoy dando mi experiencia de la vida real en este curso. Ahora me encantaría ayudarte a construir una empresa de comercio electrónico, y si todo esto te suena bien, puedes dirigirte por dentro y podemos empezar de inmediato.
2. Antes que empezados: Hola, y bienvenidos a la primera lección oficial de este curso. Ahora, antes de que empecemos, me gustaría que todos, si es posible, hicieran un pequeño ejercicio rápido. Entonces ya sabes que este curso se trata de hacer sitio web de
comercio electrónico sin tener que conocer todo el desarrollo web y las tecnologías, cosas así, y va a ser un curso genial y fácil de hacer. No necesitas conocer toda la jerga técnica detrás de ella. Te voy a guiar por todas las formas fáciles de hacer esto. Pero antes de eso, me gustaría que todos compartiéramos nuestras ideas. ¿ Qué estamos planeando vender? Entonces para mí, en este sitio web de comercio electrónico, voy a estar vendiendo camisetas, bonitas y sencillas. Voy a estar vendiendo camisetas físicas y activos digitales para ayudar a mantener las camisetas. Entonces tal vez como un PDF, tal vez como un video curso sobre cómo mantener tus camisetas, mantenerlas bonitas y blancas, cosas así. Esto no es algo real que voy a estar vendiendo, pero dejaré el sitio de demostración arriba al final de este curso. Pero para ti, lo que podrías hacer como tu ejercicio, antes de que empecemos, es tomar tu idea de que tienes ahora mismo, lo que quieras vender, y simplemente compartirlo en la sección abajo. Podrías inspirar a otras personas. Creo que podemos construir una comunidad en torno a esto. Creo que esto sería realmente, muy divertido de hacer. Entonces sí, adelante, crea ese comentario abajo y solo comparte lo que estás pensando en vender. O si aún no lo sabes, quizá consiga algunas ideas de otras personas. Está bien, una vez que todo haya terminado, te
veo en el siguiente video.
3. Crear tu cuenta: Hola y bienvenidos de nuevo. En este video, vamos a crear una cuenta de volante. Ahora, Flywheel es un servicio que vamos a utilizar para administrar nuestro sitio web de WordPress, y estaremos usando WordPress. Si estás familiarizado con WordPress, eso es genial, pero si no estás familiarizado con WordPress, eso está totalmente bien. Te voy a guiar a través de WordPress, un poco más tarde, y solo te mostraré las entradas y salidas de ella. No tienes que ser un experto en WordPress para saber lo que estás haciendo. Flywheel en sí es un servicio realmente genial, porque gestiona tus bases de datos, gestiona tus servidores, y gestiona tus respaldos, hace todo tipo de cosas realmente geniales para ti, y nosotros vamos para empezar con esto de forma gratuita. Si quieres la opción premium, si eres una persona de tipo premium, siempre
puedes usar wpengine.com. Pero no vamos a ir por esa ruta, porque queremos que esto sea un poco más accesible para todos, y honestamente no quiero que pagues como $35 al mes, mientras eres como desarrollar una página web. Eso no está bien. Vamos a sumergirnos en esto y vamos a configurar tu primera cuenta gratuita en getflywheel.com. El primero que debes hacer es ir a getflywheel.com, y vamos a registrarnos. Vamos a crear nuestra cuenta. Yo sólo voy a crear mi propia cuenta aquí, Kalob. Mi nombre de usuario va a ser KaloBt. A ver si esa está disponible. Mi dirección de correo electrónico va a ser ecomm.kalob@gmail.com. Me describiría mejor como propietario del sitio, pero hay otras opciones ahí dentro. Tal vez tu agencia, freelancer, diseñador, desarrollador, blogger, o un único propietario del sitio. Vamos a decir dueño de un solo sitio. ¿ Cómo escuchaste pero volante? Podrías si quisieras decir, de un amigo, compañero de trabajo, y poner mi nombre ahí, Kalob Taulien. Honestamente, eso no es necesariamente así que voy a saltarme más allá de eso, y una contraseña. Yo sólo voy a poner aquí una pequeña contraseña rápida. Acepto volantes Términos de Servicio, inscríbete, y no, no guardes eso. El navegador que estoy usando aquí es solo Firefox. Puedes usar Chrome, Safari, Edge, el navegador que quieras. Probablemente vas a querer hacer esto en tu portátil o en tu escritorio, probablemente no en tu teléfono. Aunque, definitivamente puedes hacerlo en tu teléfono, solo
va a ser un poco más difícil. Se puede ver que aquí estoy apuntado y dice: “Gracias por iniciar sesión. ¿ Podemos pedir un pequeño favor?” Básicamente, quieren que compartamos esto en redes sociales, no vamos a hacer eso, y voila, tenemos nuestra primera cuenta. Todavía no es realmente un sitio web, es solo nuestra cuenta. Vamos a hacer una página web en el siguiente video, creo. Si entramos en nuestra bandeja de entrada, podemos ver que tengo un email de flywheel aquí, “Bienvenido a Flywheel”, y solo necesito verificar mi cuenta. Yo sólo voy a dar clic en ese enlace. Verifica mi cuenta, y dice: “Oh, ¿cómo quieres verificar, con un mensaje de texto o quieres verificarlo con una tarjeta de crédito?” Bueno, no quiero pagar nada ahora mismo y no
quiero que pagues nada ahora mismo. Tan solo verifica con el mensaje de texto si tienes un número de teléfono. Voy a poner mi número de teléfono dentro. Me va a dar un número de seis dígitos, y sólo voy a tener que meter ese número. Me lo enviarán mensajes de texto, así que sería agradable y fácil. Está bien. Acabo de poner mi número de teléfono ahí y reviso mi teléfono muy rápido, y el número que me dieron fue 2, 9, 0. Ni siquiera estoy escribiendo aquí. 2, 9, 0, 4, 4, 1. Lo que realmente están haciendo aquí es decir, queremos asegurarnos de que hay una persona real detrás de esto. No solo hagas un sitio web si eres un robot, o un bot, o algún tipo de tecnología de spam. Quieren asegurarse de que seas un verdadero humano, y esta es una de las formas en que hacemos esto. Estoy verificando mi cuenta aquí y así así, mi cuenta ha sido verificada. No creo que vaya a necesitar más mi teléfono, tú no vas a necesitar el tuyo. Ahora bien, si no tienes teléfono, siempre puedes verificarlo con una tarjeta de crédito. Si no tienes tarjeta de crédito, siempre
puedes usar WP Engine, te
dan sitios web demo gratuitos también. Puedes construir tu sitio web de desarrollo, tu sitio de comercio electrónico sin tener que pagar por ello. Ahora, podemos ver que quieren que elijamos un plan. Básicamente nos están dando la opción aquí para un sitio de inicio, un sitio freelance, agencia, o personalizado. Sinceramente, no queremos ninguno de esos. Lo que queremos es la opción inferior aquí donde dice, “crear un sitio de demostración”. Pero aquí es donde voy a dejar apagado este video por ahora. En el siguiente video vamos a crear nuestro primer sitio de demostración, y lo vamos a poner en marcha. Por ahora, lo que me gustaría que hicieras es, asegúrate de tener una cuenta Flywheel. De nuevo, no es necesario que metan dinero. Si te piden una tarjeta de crédito, no
necesitas agregar tu tarjeta de crédito. Puedes verificar tu cuenta con un mensaje de texto en su lugar. Una vez que hayas verificado tu cuenta de Flywheel, adelante y dirígete a ese siguiente video, y te encontraré allí.
4. Configuración de tu sitio web: Hola otra vez. En este video vamos a estar creando nuestros sitios web. Tenemos una cuenta de volante lista para salir y esto se va dejando fuera del último video. Ahora si solo estás sintonizando en este momento, lo que voy a hacer es que voy a hacer clic en este logo aquí arriba en la parte superior izquierda y sólo vamos a ver nuestra cuenta regular. Enfriar. No tenemos ningún sitio web. Bienvenido a Volante, gran póster, manojo de bonitas imágenes. Ahora es el momento de crear nuestro sitio web. Escribo o no escribo, más bien hago clic en crear un nuevo sitio web o crear un nuevo sitio. Entonces otra vez, simplemente desplácese hacia abajo hasta la parte inferior. Crear un sitio de demostración. Esto nos permitirá crear un sitio web gratuito. Aquí es donde podemos crear un sitio de demostración y podemos ver que tenemos cero de uno sitios de demostración. Los sitios de demostración son sitios web gratuitos. El dueño del sitio va a ser yo, el nombre del sitio va a ser Kays camisetas, y un nombre generado aleatoriamente. flywheelsites.com. Este va a ser tu dominio temporal, así que va a ser tu sitio web.flywheelsites.com. Lo que voy a poner es ktshirts.flywheelsite.com. Sólo para asegurarme de deletrear todo bien porque no creo que
podamos cambiar ese dominio una vez que establecimos esto. Seleccionando su centro de datos. Selecciona dondequiera que estés vendiendo. Por ejemplo, si vives en Estados Unidos, pero estás vendiendo a gente en Australia, selecciona Australia. O si vives en la Unión Europea y estás vendiendo a gente en Estados Unidos, selecciona Estados Unidos. Estoy en Canadá pero voy a estar vendiendo a gente en Estados Unidos. Si no tienes una opción como esa, solo escoge la que sea más cercana a tu público objetivo. Agrega tu nombre de usuario WP-Admin.. Es así como vamos a iniciar sesión en nuestra página web. Simplemente voy a poner en mi nombre de usuario y mi contraseña. Esta podría ser una contraseña completamente diferente a la de tu cuenta regular, probablemente también debería ser por motivos de seguridad. Yo sólo voy a crear este sitio web. No, no guardes eso, pero gracias por la oferta Firefox. Ahora estamos aquí y dice que se están creando camisetas Kays. Ahora este punto va a tardar un par de minutos en levantarse y listo. Porque básicamente lo que Flywheel está diciendo es que tenemos muchos de estos servidores, piénsalos como cajas grandes, y tienes este pequeño rincón aquí arriba. Este es tus pequeños sitios de demostración. Esa es tu pequeña pieza de Internet. Eso es exactamente lo que están haciendo ahora mismo. Nos están aprovisionando un servidor o dándonos un trozo de su hardware y un trozo de su software. Esto de nuevo sólo toma un par de minutos. Si toma más de dos minutos, tal vez sólo ve a prepararte un té o un café, vuelve y deberías tener un e-mail sentado en tu bandeja de entrada diciendo: “Oye, estamos listos para irnos. Si bien esto se está ejecutando en segundo plano, vamos a explorar un poco Flywheel. Tenemos un tablero y sí, puedes salir de esta página sin interrumpir nada. Se está ejecutando en segundo plano en sus servidores así que lo que hagamos no va a afectar eso. Podemos ver aquí que tenemos un sitio web mina se llama camisetas Kays. El tuyo va a ser, no sé cómo va a ser el tuyo
, como te hubiera gustado llamar tuyo. Si hago clic en ese título, dice
que este sitio está actualmente en modo de privacidad. Para desactivar completar tu facturación. Eso lo haremos más tarde. Colaboradores, soy solo yo, pero si lo tuvieras, tal vez tengas un cofundador puedes sumar aquí a tu cofundador. Haga clic en '"Agregar colaborador” y ponga su dirección
de correo electrónico y simplemente los invitará automáticamente. En realidad es realmente bonito. Este es un servicio que está construido para la colaboración también. Podemos habilitar SSL, lo cual absolutamente vamos a hacer. Puedes hacer click en tu sitio aquí, así que vamos a hacer clic en eso. Por lo general, si haces clic en eso y tu sitio no está en funcionamiento, dice, no te preocupes, tu sitio está llegando pronto, pero parece que esto ya está aquí, así que voy a cerrar eso y voy a saltar al modo de privacidad. El modo de privacidad es una pequeña contraseña. Esta cajita molesto que aparece, ese es el modo de privacidad. Básicamente, lo que esto hace es que mantenga a Google y a otros motores de búsqueda fuera de aquí. No queremos que nuestros sitios web sin desarrollar estén en Google. No queremos que la gente nos pueda buscar todavía, así que ponen una contraseña aquí. Ahora no sabemos cuál es esta contraseña. No es la que acabamos de hacer. Es una diferente. De hecho, si nos desplazamos hacia abajo en nuestro tablero hasta el modo de privacidad, dice
que nuestro nombre de usuario es volante y nuestra contraseña actual es early-sunshine. Lo que voy a hacer es que voy a cambiar esto. Voy a cambiar esto a demo123. Se puede ver que ya he hecho esto antes, demo123 y cambio. Ahora este cambio va a tardar alrededor de un minuto en propagarse en los servidores con fines de seguridad y eso está totalmente bien. Si vamos a nuestra página web aquí y escribimos demo123 demo123 y esto no funciona para ti de inmediato, solo dale un minuto. Si no funciona después de aproximadamente un minuto o así, entonces tal vez ve y asegúrate de que el nombre de usuario y la contraseña que configuraste fueran los adecuados. Ahí vamos, sólo me va a pedir que autentiquemos una vez más. Esto es algo común. Aquí vamos. Contamos con una página web. Al igual que eso, tenemos un sitio web en funcionamiento. Realmente todo lo que teníamos que hacer es hacer clic en tipo de algunas cosas y tenemos un sitio web completo sin necesidad de ningún tipo de desarrolladores web o tecnólogos ni nada por el estilo. Nosotros lo hicimos nosotros mismos. Esto es realmente poderoso como empresarios que quieren vender cosas en línea. Eso es todo para este video. En el siguiente video, probablemente vamos a habilitar SSL y luego finalmente vamos a saltar por el administrador de WordPress y echar un vistazo y aprender a agregar temas y plug-ins y todas esas cosas buenas. Se acerca la verdadera parte divertida. Lo que quiero que hagas es asegurarte de que tengas un sitio web
funcionando en flywheel.com o WP Engine. En realidad no tiene que ser volante. Podría ser realmente en cualquier lugar, pero asegúrate de tener un sitio de WordPress en funcionamiento porque
vamos a estar instalando temas y SSL y todas esas cosas un poco más tarde. Una vez que hayas hecho eso, pasate al siguiente video y te veré allá.
5. Permitir la SSL/TLS para la seguridad: Hola y bienvenidos de nuevo. En este video, vamos a habilitar SSL en un sitio web y luego vamos a forzar SSL. Ahora puedes ver detrás de mí aquí en nuestro salpicadero en volante, tenemos este pequeño candado verde. Ahora estoy usando Firefox, pero esto es bastante estándar en la mayoría de los navegadores en estos días. Si estás usando Chrome o Safari o algún otro navegador, es probable que
veas un poco de bloqueo verde aquí cada vez que veas HTTPS, eso significa que hay un certificado SSL o un certificado TLS, eso solo significa que tu conexión hacia y desde el está encriptado. Por lo que es seguro poner números de tarjetas de crédito ahí, por ejemplo. Solo estoy en mi panel de control aquí y dice bajo dominios, mi sitio no es seguro. Voy a hacer clic en habilitar SSL. Dice, habilita SSL para camisetas de caso. Entonces todo esto es bueno, queremos el libre. Eso está totalmente bien. SSL son gratis ahora. Entonces simplemente rellena tu dirección, así que voy a meter la mía aquí. Soy de la organización Edmonton Alberta. Voy a poner camisetas kays, y mi email de contacto va a ser ecomm.kalob@gmail.com. Entonces, sólo vamos a llenar eso. Yo sólo voy a hacer mi pantalla un poco más grande aquí. Después hago clic en completar la configuración SSL. Ahora esto sólo va a tardar aproximadamente alrededor de un minuto. Dice que se levantará en un Jiffy. Jiffy puede ser de unos minutos. Posiblemente podría ser capaz de cinco minutos. Entonces tal vez ve a prepararte un té o un café y simplemente vuelve en un rato. Si bien estamos esperando esto, vamos a bajar al modo de privacidad. Ahora si aún no lo has hecho, vas a querer cambiar el modo de privacidad, nombre de usuario y contraseña. El nombre de usuario es siempre volante por defecto y la contraseña siempre es algo diferente. A mí me gusta cambiar esto por algo mucho más memorable. Demo uno, dos, tres. Demo uno, dos, tres. Puede que me hayas visto hacer esto antes en otro video. Yo sólo voy a asegurarme de que esto haya cambiado absolutamente. Simplemente hace que sea mucho más fácil recordar lo que realmente está pasando. Cuando abrimos esta página y aparece ese pequeño diálogo de contraseñas, lo
cual no lo hace porque ya he visto el sitio últimamente. Pero cuando aparezca ese diálogo de contraseñas, solo
puedes poner en demo uno, dos, tres. Demo uno, dos, tres. Ya no tienes que pensar en cuál es esa contraseña, es una contraseña temporal, no
hace falta que sea nada bueno. Simplemente mantiene a Google fuera por ahora. Entonces he esperado como un minuto, así que solo voy a poner HTTPS al inicio de mi URL aquí, y me va a pedir ese nombre de usuario y contraseña otra vez, la que acabo de poner, demo uno, dos, tres. demo uno, dos, tres. Cambiemos o excepto eso, ahora cambiamos eso. Tenemos ese candado verde. Entonces esas son buenas noticias, esas son realmente buenas noticias. Ahora lo siguiente que queremos hacer es que queremos forzar SSL. Entramos en nuestra configuración avanzada aquí, y debido a HTTPS forzado, vamos a encender eso. Mi página acaba de ir borrosa ahí y dice forzar HTTP como estar habilitado. Te va a llevar un poco de tiempo aquí, de nuevo, sólo porque tiene que entrar en tu configuración de Wordpress y cambiarla también para ti, que volante te bloquea por defecto por motivos de seguridad. Esto se cuida de toda la seguridad, todo el código, todos los ajustes. No tienes que hacer nada más. Eso dice que HTTPS es forzado ahora, así que volvamos a nuestra visión general y asegurémonos de que esto funcione. Vamos a hacer clic derecho en esto y abrimos en una nueva ventana o de incógnito, me va a volver a pedir la contraseña. Eso es demo uno, dos, tres y demo uno, dos, tres. Hit Enter. Por defecto tiene habilitado HTTPS. Eso es todo lo que teníamos que hacer para habilitar SSL y forzar SSL o HTTPS en nuestra página web. De vuelta en el día, esto podría tardar 30 minutos hasta posiblemente unas pocas horas. Ahora es literalmente solo click, click, click y estás bien para ir. No es necesario ser desarrollador ni DevOps o Administrador de
servidores en absoluto para hacer esto, es fantástico. Por favor, asegúrate de tener SSL habilitado. Eso lo vas a necesitar absolutamente, y una vez que lo tengas habilitado, dirígete al siguiente video y te veré allí.
6. Bienvenido a WordPress: Hola y bienvenidos de nuevo. En el último video, decidimos que necesitábamos SSL, lo
habilitamos, y forzamos SSL o HTTPS en un sitio web. Eso fue una gran cosa de hacer. A continuación, lo que tenemos que hacer, en realidad
es ir a explorar un poco WordPress. Yo sólo voy a abrir esto, y se puede ver que automáticamente hace HTTPS por mí. Ahora, lo que pasa con este video es que si ya estás familiarizado con WordPress, no te preocupes por ver este video. En realidad puedes saltarte justo más allá e ir a la siguiente. Si nunca has usado WordPress antes, no
estás súper familiarizado con él, tal vez quédate un par de minutos y solo mira este video. Ahora para iniciar sesión, vamos a ir a /WP-admin, y eso me acaba de redirigir a esta larga URL aquí. Después solo pones tu nombre de usuario y tu contraseña. Estoy en mi panel de control y o estoy en mi administrador de WP más bien, y me trae de inmediato a mi panel de control donde se puede ver un montón de información de un vistazo. Honestamente, aquí no hay nada útil, así que no te preocupes demasiado por esto. Si tienes actualizaciones, si tienes un tema, algo así, lo que en realidad hacemos. Tenemos tres temas ya preinstalados con nuestra configuración de WordPress. No vamos a estar usando estos, así que no vamos a actualizarlos, pero tus actualizaciones están disponibles aquí. Las publicaciones son tus entradas de blog. Puedes tener Categorías y Etiquetas. Los medios son tus imágenes, tus videos, tus PDF, cualquier cosa por el estilo,
eso va a estar todo ahí dentro. Las páginas son tus páginas reales. Esta es, por ejemplo, su Página de Muestra, su página de inicio, Política de Privacidad, Términos de Servicio, Página de Contacto, cualquier cosa por el estilo, no las entradas de blog, sino una página real en sí misma que tiene un propósito diferente. Los comentarios son donde la gente puede venir y comentar. más probable es que tengamos esto desactivado en muchos sitios web. No obstante, si quieres que la gente pueda comentar tus productos, esta es una buena idea para mantener esto habilitado. Apariencia. Aquí hay mucho, así que Apariencia viene con Temas,
Personalizar, Widgets, Menús, y Editor de temas. Puedes personalizar tu tema activando o desactivando cualquier tema en particular. Vamos a sumar uno nuevo en las próximas lecciones. Puedes Personalizar, puedes agregar Widgets, puedes personalizar tus Menús. Vamos a retocar un poco con customizar y menús en realidad una vez que tengamos instalado un tema. Vamos a tener un poco de experiencia ahí también. Plugins. Vamos a estar instalando un montón de plugins. Actualmente no tenemos ninguno. plugins son básicamente solo extensiones de tu sitio web. Eso es realmente todo lo que es. Tienes esta funcionalidad base llamada WordPress. Más allá de eso, si quieres hacer algo extra, tienes estas cosas llamadas Plugins. Hay millones de ellos, la
mayoría son libres. Usuarios, solo estoy yo. Pero si tienes un cofundador o empleados, es posible que quieras crearles unas cuentas de usuario para que puedan ir y editar algún contenido. Herramientas, no vamos a hablar porque en realidad no necesitamos hacer realmente nada ahí dentro. Mucha de nuestra configuración, tampoco
vamos a cambiar. Muchas de nuestras configuraciones sólo vamos a mantener como está. El ajuste que sí cambiamos, vamos a cambiar en un video futuro. Creo que lo haremos cuando sea un poco más relevante. Pero aquí hay un montón de configuraciones como Lectura, Redacción,
General, Discusión, Permalinks, Privacidad, Intentos de
inicio de sesión, cosas por el estilo. Ahora, mi consejo para ti es siempre entrar, juguetear alrededor, sólo ve a ver qué está pasando aquí dentro. Honestamente en este punto, el peor de los casos, si estropeas algo y no estás seguro de cómo deshacerlo, siempre
puedes simplemente volver a volar rueda y puedes eliminar este sitio web. Aún no lo has pagado, por lo que puedes eliminarlo. Se eliminará instantáneamente y se puede rehacer, y sólo toma tal vez cinco minutos. Esa fue probablemente la caminata más rápida del mundo por un WordPress. Ahora no necesitas ser súper familiar, no necesitas conocer todas estas diferentes secciones que me repasé. Eso está totalmente bien si todavía estás algo desfamiliarizado con mucho. El motivo de eso es porque ahí vamos a ensuciarnos las manos. Vamos a estar usando Plugins, vamos a instalar un Tema Personalizado, vamos a Personalizar nuestro Tema, vamos a estar haciendo cosas nuevas ahí dentro. A lo largo del resto de este curso, vas a estar recibiendo un montón de experiencia en WordPress. No te preocupes, no te preocupes demasiado, si no sabes todo por lo que acabo de pasar. Está bien. Gracias por acompañarme en este video. No hay nada que hacer, una vez que estés listo, ve a la siguiente y te veré allí.
7. Instalación de un tema: Hola y bienvenidos de nuevo. En este video vamos a estar instalando un tema personalizado. Ahora bien, si no sabes hacer nada de esto, eso está totalmente bien te voy a guiar a través de todo esto, y si en algún momento te pierdes un poco, como con cualquiera de estos videos, simplemente rebobinarlo o pedir un pregunta abajo a continuación. Se puede ver que estoy dentro de mi panel getflywheel.com. Mi página web es Kays Camisetas, y tengo un sitio web SSL aquí así que solo voy a hacer clic en eso. En realidad, voy a deshacer eso, cerrar esa pestaña, y solo voy a hacer clic en WP Admin, y esto me llevará directamente a mi administrador de WP, así que ese es un bonito atajo ahí, y todo lo que hizo fue llevarme a mi website.com/wp-admin. Sólo un bonito atajo. Ahora queremos pasar a Apariencia y Temas, y queremos añadir un nuevo tema. Ahora hay dos formas en que podemos hacer esto, podemos seleccionar un tema aquí, podemos buscar tema en línea, o podemos subir un tema. Queremos subir un tema. Ahora el tema que vamos a subir se llama Hestia y en realidad no puedes buscarlo. Simplemente no sé si vas a conseguir todas las mismas golosinas exactas que cuando lo descargues, así que solo quiero asegurarme de que estamos todos en la misma página, así que selecciona Hestia dot zip, que puedes descargar de tu proyecto y haga clic en Instalar ahora. Perfecto, dijo desempaquetar el paquete, instalar el tema. El tema se instala con éxito, activemos. Parece que nuestro tema está activado, y subamos aquí, y solo abrimos esto en una nueva pestaña, y tenemos un tema totalmente nuevo, así que ya se ve un poco mejor, y no es el más grande aún, pero sí se ve bastante bonito. Ahora eso es todo lo que hay para instalar un tema. De nuevo, si no quieres usar este tema, solo asegúrate de que estás usando un tema Woo Commerce, o un tema Woo, y de nuevo, solo
puedes bajar a Temas, y hacer clic en Agregar nuevo, y puedes buscar cualquier tema aquí, así que vamos a escribir en woo. Simplemente cierra ese comercio de woo, y así esto trae aquí muchos temas diferentes, 977, pero el que vamos a estar usando en este curso se llama Hestia, y también vamos a poder personalizar este bonito gradientes de fondo, agregar un logotipo personalizado, y realmente marca nuestra página web para que sea más tú y menos sobre mí. Por favor, asegúrate de tener este tema subido, ese es tu ejercicio para este video. Una vez que lo tengas subido de cabeza sobre ese siguiente video, y empezaremos a personalizarlo un poco.
8. Sitio web en una caja: Ya bienvenido de nuevo. En el último video, subimos un tema llamado Hestia. Por favor, no te deshagas de esta notificación, la que ves justo detrás de mí y necesitamos este enlace. Este enlace, en realidad voy a copiar este enlace. “ Copiar ubicación de enlace”. Si alguna vez lo pierdes, siempre puedes referirlo abajo. Vas a tener que poner en tu sitio web.flywheelsites.com slash lo que sea ese enlace, sólo esa parte final del mismo. Eso te llevará a una página que se ve así. Este es nuestro empezar. Este tema es realmente bonito porque nos camina a través de todo lo que necesitamos. Ahora, lo primero que debes notar es que esto absolutamente tiene que estar en SSL, HTTPS. Si no tienes eso, esto podría fallar. Sólo ten cuidado con eso. Ahora, viene con nueve temas diferentes. En realidad sólo voy a seleccionar el primero, porque me gusta mucho el primero. Pero si hay otra que te guste, puedes sentirte libre de elegir esa, y solo tienes que hacer clic en “Vista previa”. Conozco el que quiero y solo voy a dar clic en “Importar”. Dice, básicamente, te recomendamos hacer copias de seguridad de tu sitio web. No tenemos mucho que respaldar, así que no es realmente válido en este momento. Por cuestiones de derechos de autor, no
pueden darnos todas las fotos que vemos en la vista previa del tema original. Bueno, de todas formas no lo miramos. Honestamente, eso está totalmente bien porque queremos reemplazar sus imágenes por completo, así que eso es totalmente genial. ¿ Qué cosas queremos que se instalen aquí? Queremos personalizador de contenido, widgets. Sí. WooCommerce? Definitivamente necesitamos ese instalado. Ese es nuestro sistema de comercio electrónico. Sin ella, no tenemos comercio electrónico. Formularios de contacto por WPForms? No, vamos a deshacernos de ese. Vamos a usar otra cosa porque eso es un plugin premium y no
quiero que tengas que pagar por un sencillo formulario de contacto. Eso es de locos. Órbita por TheMeIsle. ThemeIsle es la empresa que hace el tema Hestia. Es realmente, realmente bueno. Si lo quisieras, siempre puedes actualizar a la versión pro, pero la versión gratuita es fantástica. Simplemente vamos a estar usando la versión gratuita. Vamos a seguir adelante y haga clic en “Importar” y se va a instalar nuestros plugins. Esto podría tomar un momento rápido. Ahí vamos. instalan plugins y ahora está importando algún contenido. Nos va a construir un montón de páginas, entradas de blog, cosas así. Configurar el personalizador, eso es genial. Importando widgets, todo está hecho. De nuevo, si esto no funciona para ti, asegúrate de que estás usando HTTPS. He notado que esto a menudo puede fallar sin eso. Asegúrate de no hacer clic en “Ver sitio web” porque eso te va a alejar de esta página. Asegúrate de hacer clic en “Añade tu propio contenido”. Esto te va a llevar a la página personalizada, donde podemos personalizar prácticamente todo en realidad. Es realmente genial. Todo lo que realmente tenemos que hacer es poner nuestro ratón sobre algo y luego dar clic en “Editar” y podemos editar todo el asunto. Es realmente agradable. De nuevo, no necesitas ser desarrollador Web, no
necesitas ser diseñador, no
necesitas ninguna de esas habilidades digitales, solo
necesitas ser un emprendedor que sepa vender cosas, que sepa hacer un sitio web que puede vender cosas a la gente y luego conducir tráfico a su sitio web. Voy a salir de esto. Este es nuestro sitio web. Se ve bastante bonito. Podemos ver lo de las “wpforms”. No funciona porque opté por no usar WPForms en su lugar, vamos a usar algo llamado Ninja Forms. Creo que es lo que vamos a terminar usando. A menos que eso no se adapte a nuestras necesidades, entonces tal vez usaremos otra cosa. Pero sí, sólo vamos a terminar reemplazando eso. Todo esto se ve bien. Tenemos un blog, tenemos una tienda, tenemos dos de todo aquí. Esto es totalmente innecesario y es porque en realidad hice doble clic en ese enlace, y eso fue mi culpa. Si solo haces clic en el enlace una vez para importar todo, entonces solo importará todo una vez, así que ahí son buenas noticias. Detrás de las bambalinas, lo que voy a hacer es que sólo voy a ir a retocar eso. Yo sólo voy a ir a borrar la segunda página del blog y la segunda página de la tienda y cosas así. Eso es todo lo que realmente hay para conseguir nuestra configuración temática. Eso es realmente genial. Eso hizo mucho por nosotros. Ahora tenemos que ir a conseguir nuestra configuración de plugin y lo vamos a hacer en el siguiente video.
9. Configuración de WooCommerce: Hola, si aún estás aquí, entonces impresionante porque nos estamos metiendo en la necesidad codiciosa de básicamente configurar tu sitio web de e-commerce en este video. Esta es realmente la base central de todo lo que estamos tratando de aprender en este curso. Para que como pueden ver, tenemos esta gran cosa de felicitaciones. Voy a cerrar esto ahora porque ya hicimos clic en o probamos uno de nuestros sitios de inicio listos para usar. Ya hicimos eso, así que voy a cerrar esto. Eso está cerrado. Dice que he activado el plug-in Orbit Fox. Básicamente, sólo tienes que ir al tablero, eso es sólo una notificación. Eso es genial. Yo voy a cerrar esa. Ese en realidad me trajo lejos. Eso no es para nada lo que quería que hiciera. Eso fue un poco inesperado. Voy a cancelar la regeneración de miniaturas porque eso no tiene por qué estar funcionando. Se harán miniaturas en el volante, así que está totalmente bien. Lo último que necesitamos, este es el importante,
es “Bienvenido a WooCommerce”. Ya casi estás listo para empezar a vender. Este es el grande. Aquí es donde su empresa se convierte en una empresa. Ya no es solo un sitio web. Se trata de una máquina para hacer dinero. No queremos omitir la configuración. Queremos ejecutar el asistente de configuración. Esto sólo nos va a guiar a través de unas cuantas cosas diferentes aquí. ¿ Dónde se basa tu tienda? Mi tienda en realidad tiene su sede en Canadá. Mi dirección va a ser cualquiera que sea mi dirección. Pongamos 123, calle Edmonton. Ciudad, Edmonton. Estado, Alberta. Código postal. Yo sólo voy a inventar algo. Ni siquiera sé si eso es un verdadero código postal y pero eso parece un código postal canadiense. Eso es lo que estoy metiendo. Voy a estar vendiendo no en $
canadienses porque quiero venderlo a Estados Unidos. Entonces voy a poner en USD. Ahí estamos. ¿A qué tipos de productos planeo vender? ¿ Planeo vender tanto productos físicos como digitales? ¿ Sólo productos físicos o simplemente productos digitales? Ahora eso depende totalmente de ti. Podrían ser ambos. Podría ser uno u otro. Para mí, va a ser ambas porque te voy a mostrar cómo
vender productos tanto físicos como digitales. Entonces va a ser un dos por uno aquí. Pero para ti, tal vez solo estés vendiendo camisetas o tal vez solo estés vendiendo un curso en línea o un conocimiento PDF o digital, algo así. Elige lo que más te convenga. Voy a vender tanto productos físicos como productos digitales, y mis servicios no estarán disponibles en persona. No quiero ayudar a WooCommerce a mejorar con el seguimiento de uso. Tienen suficiente y no creo que necesiten más datos para ser honestos, ya
son el mayor gigante del comercio electrónico en todo WordPress, así que no creo que realmente necesiten más datos, en mi opinión. ¿ Vamos a estar aceptando pagos a través de stripe y PayPal? De nuevo, esto depende de ti. Pero todo lo que voy a hacer es decir “Sí” a ambos. Y puedes una especie de lío con los ajustes que necesitas. Aquí la diferencia es que PayPal saldrá directamente de tu cuenta PayPal. Por lo que creará un poco de pago con el botón PayPal y luego le
pedirá a la gente que inicie sesión en PayPal y tome dinero directamente de su cuenta. Esa es una opción realmente buena. Mucha gente realmente confía en PayPal. Stripe es tarjetas de crédito. En realidad es ingresar una tarjeta de crédito en la pantalla, y eso es bastante importante para las personas que no tienen PayPal. Personalmente me gusta pagar con ambas opciones, pero siempre que tengo la preferencia, siempre elijo PayPal porque me gusta más PayPal. Además, PayPal almacenará la información de mi tarjeta de crédito así para que puedan pagar con una tarjeta de crédito y solo tengo que iniciar sesión usando mi nombre de usuario y contraseña. Pero de nuevo, tal vez quieras ambos. Entonces vamos a activar ambos. “ Cobrar pagos para clientes fuera de línea” No, no queremos hacer eso. No queremos cheques. No nos envíes dinero en efectivo, no envíes nada así. De nuevo, eso depende totalmente de ti, pero no me gusta esa opción. Está bien. Envío. Porque estamos vendiendo un producto físico, ¿hay tarifa plana? Sí, hay una tarifa plana. Voy a decir que hay una tarifa plana de 12.50 dólares y ubicaciones no cubiertas por sus zonas, ¿cuánto va a costar eso? Va a costar el doble. Va a costar 25 dólares. Voy a imprimir etiquetas de envío en casa, así que no voy a usar un tercero llamado ShipStation. No voy a estar usándolos. Voy a imprimir mis propias etiquetas desde casa. Si no sabes sobre imprimir etiquetas ni nada por el estilo, siempre
puedes usar ShipStation, pruébalas gratis durante 30 días. Porque le estoy vendiendo a EU, no
usan kilogramos, usan libras, y no usan centímetros, usan pulgadas. Entonces voy a adaptar mis mediciones a ese público en particular. Golpea “Continuar”. ¿ Quiero Impuestos Automatizados y Mailchimp y Facebook? Yo quiero los dos primeros. No quiero píxeles de Facebook aquí. Si sí lo quieres, siempre
puedes agregarlo un poco más tarde agregando un plugin personalizado. Yo sólo sé que éste tiende a agregar un poco de complejidad a nuestra configuración y realmente no queremos complejo en este momento. Nosotros queremos ponernos en marcha,
y luego una vez que queremos empezar tal vez a ejecutar algunas campañas de marketing en Facebook o Reddit o Twitter o Google, podemos empezar a agregar plugins como ese para especie de seguimiento de nuestro progreso. Por ahora. No necesitamos eso. Entonces “Continuar”. En realidad, probablemente tampoco necesitábamos la de Mailchimp, pero si tienes una lista de correo o si quieres construir una lista de correo, esa siempre es una buena idea construir una. Mailchimp es un gran lugar para empezar. Jetpack. Nos vamos a saltar este porque ese es un plug-in premium. De nuevo, estas cosas premium, no
quiero que tengas que pagar por nada, lo
que no tienes que pagar. Si quieres, absolutamente por todos los medios ve por ello. Pero de nuevo, este no es uno de esos cursos que he diseñado para que gastes cientos o miles de $ para conseguir un sitio web en funcionamiento. Te estoy mostrando que puedes hacer esto y tener un sitio web perfectamente fino, un gran sitio web en realidad, porque esto se ve realmente bonito para vender productos online sin todas estas opciones premium. Es muy, muy barato de hacer en estos días. Está bien. Estás listo para empezar a vender. Básicamente, ¿quiero inscribirme a sus e-mails? Sabes qué, honestamente, sí, WooCommerce es realmente, realmente bueno. Yo sí quiero estar en su lista, sobre todo si hay algún tipo de mosca de seguridad y necesito actualizar de inmediato. Entonces sí, voy a hacer eso. Asegúrate de que no soy un robot. Después hago clic en “Suscribirse” [inaudible]. Yo estoy suscrito. Ahora puedo crear un producto, importar productos, visitar el panel de control, revisar ajustes o ver y personalizar. Muchas opciones aquí para ser honesto. Entonces, solo sigamos adelante y creemos nuestro primer producto. Ahora es en este punto en el tiempo donde estamos a punto de crear nuestro primer producto y vamos a crear una camiseta para empezar. Es una camiseta física. No vamos a meternos en eso ahora mismo en este video, realidad
vamos a trasladar eso al siguiente video porque hay muchas opciones por las que necesitamos pasar. Por ahora, lo que me gustaría que hicieras es, me gustaría que te aseguraras de que tengas toda esta configuración de plugins. Si alguna vez entras en tu configuración de plugins aquí, simplemente desplázate hacia abajo y podemos ver que tenemos un montón de plugins aquí. Tan solo asegúrate de tener todos estos instalados y operativos. Nuevamente, todo esto viene con el tema que se puede descargar en tus archivos de proyecto. Así que no se olvide, siempre se puede descargar eso directamente. Una vez que estés bien para ir, dirígete al siguiente video y vamos a crear nuestro primer producto físico.
10. Personalizar tu sitio web: Hola y bienvenidos de nuevo. En nuestra última lección, configuramos nuestro sitio de comercio electrónico con todos los diferentes ajustes y precios de envío y Stripe y PayPal, elegimos los plugins que queríamos usar y todas esas cosas buenas. En este, vamos a personalizar un poco nuestro sitio. Entonces puedes ver aquí justo detrás de mí, tenemos este sitio web y se ve bastante bien, en realidad, como justo fuera de la caja, esta es una gran victoria para mucha gente, pero no es del todo personalizado a lo que quieres que sea. Entonces vamos a cambiar ese logotipo. A lo mejor cambiemos algo del color. Entonces si pasamos al blog,
sí, podemos ver que hay un gradiente ahí dentro. Así que vamos a hacer un poco de explorar aquí. Entonces en mi administrador de WP, que si no sabes cómo llegar, puedes ir a tu cuenta Flywheel y simplemente dar click en WP admin y te lo traerá ahí. Pongamos a la apariencia y lo que tenemos opciones de Hestia. Entonces veamos cuál es el primero aquí dentro. Plugins útiles, bibliotecas, gratis vs pro. Sí, ahí estamos. Queremos ir al personalizador, pero también podemos ir a la apariencia y luego simplemente personalizar. Ahora lo bonito del personalizador de WordPress es que puedes ver estos pequeños iconos aquí. Puedes hacer clic en cualquier lugar y cambiarlo. Entonces cambiemos este título. Cambiemos esto por las camisetas de Kay. Podrías cambiar eso por lo que quieras que sea. Hermosas, elegantemente roscadas, sencillas camisetas, algo así. Ver más y ese botón sólo va a ir a la tienda. Entonces voy a teclear en tienda de slash porque ese va a ser ese enlace ahí. ¿ Qué más tenemos aquí? Tenemos algunas cosas extra. Tenemos diferentes diseños, y esto es bastante genial. Para que puedas cambiar el diseño de izquierda a derecha, centro, cosas así. Voy a mantenerlo centrado porque quiero que sea agradable y en el medio, probablemente cambie esa imagen de fondo, pero en realidad no tengo uno disponible por el momento, no fuera de la mano. Pero siempre puedes ir a pixels.com y escoger allí una imagen libre de regalías. Lo que voy a hacer aquí es sólo volver atrás y volver otra vez. Vamos a la identidad del sitio. Ahora, la identidad del sitio es donde vive este logotipo. Entonces vamos a seleccionar un logotipo. Actualmente no tengo uno, así que vamos a subir un logo. Subiremos la versión ligera. Veamos cómo se ve esto. Ahora, acabo de crear un logotipo yendo a Google y escribiendo en generador de logotipos gratis. Creo que Shopify es el que terminé usando, fue completamente gratis. Querían mi dirección de correo electrónico, que era un poco molesto, pero es un logo gratuito y realmente lo usaría para inspirarme, y luego, si tienes el dinero o tienes las habilidades, o tienes un amigo que pueda hazlo por ti, tal vez conseguir un logotipo profesional hecho. Pero así como una cabeza arriba, por favor no gastes demasiado dinero en un logotipo porque los logotipos se reemplazan fácilmente. Voy a recortar esta imagen porque era demasiado grande y WordPress dijo que necesita ser de un tamaño diferente, así que está recortada. Ese es un diminuto logotipo. Entonces tal vez pueda conseguir que alguien realmente haga esto, o si tienes las habilidades para hacerlo, eso es genial. Si eres miembro de skillshare.com, en realidad
puedes ir y aprender a hacer logotipos. Ahí afuera hay toneladas de cursos. Muchas de ellas son realmente, realmente de alta calidad. Ya lo puedes aprender por tu cuenta. Mi tagline aquí va a ser simples camisetas. Puedo cambiar el favicon. El favicon es ese pequeño ícono que ves en tu pestaña ahí. se puede cambiar totalmente. En realidad tampoco tengo uno listo para esto, no apuntalado. Porque de nuevo, sólo estoy usando una empresa falsa aquí. Entonces en realidad no voy a entrar todo y crear una empresa completa. Pero si tienes uno, probablemente
podrías simplemente incluso simplemente tomar ese pequeño insecto ahí que,
esa pequeña forma y convertirlo en una imagen de 512 por 512 píxeles y luego simplemente subirlo. En realidad podemos ver ahí que es algo así como un problema. Entonces voy a cambiar ese logo y voy a añadir un logo oscuro. Logotipo oscuro. Se está subiendo muy lento. Voy a seleccionar este. Sí, prop por favor. Entonces tengo un problema aquí. No se ve bien en la oscuridad y no se ve bien en el blanco. ¿ Qué hacemos aquí? Bueno, voy a tener que dejarte esto ti porque no sé cuál va a ser tu logo, pero me voy a quedar con éste por ahora, y ojalá eso me convenga más. Pero quiero decir, de nuevo, esto demuestra realmente lo fácil que es cambiar un logotipo. Cambiemos eso y hagamos click en nuestro blog. Podemos ver que aquí tenemos una cuadra. Entonces vamos a ver si podemos encontrar algo de este gradiente. Puede ser en cualquier lugar color; color de
fondo, color de acento. Probablemente no lo sea. A lo mejor lo es, en realidad no lo sé. Tipografía, definitivamente no tipografía. Imagen de fondo, probablemente no en apariencia entonces o tal vez lo sea. Podría estar yendo demasiado rápido y simplemente saltándolo. Pero esto es lo que pasa con esta sección es que vas a querer pasar mucho tiempo en tu personalizador. El motivo por el que quieres, es porque quieres que se vea bien para tu público y quieres que se adapte a ti. Quieres que parezca que también usas un logotipo personalizado, usa colores personalizados. Se pueden cambiar colores de botones y colores de texto y caras de fuentes, tipos de letra, cosas así. Hazlo tú. Entonces en este momento esto se parece mucho a mí, y en realidad se parece mucho al tema predeterminado Hestia, que no está nada mal. Pero creo que hay una mejor manera, donde se puede personalizar. Entonces todavía tienes todas las golosinas y tienes un bonito gradiente aquí desde un rosa a otro rosa o azul a un verde, Algo así. Creo que realmente debes aprovechar esa oportunidad y personalizar los sitios para que sean lo que quieras que sea, así que muestra tus colores. Entonces sólo voy a volver a la apariencia aquí y después a los colores. Veamos qué pasa cuando cambio su color de acento. Entonces, ¿eso cambió ese color? A lo mejor lo hizo, a lo mejor no. No parece estar haciendo mucho aquí. Así que vamos sólo con el defecto. Imagen de fondo. Podríamos cambiar unas mejores imágenes de fondo. Entonces si quisiéramos fondo de imagen aquí atrás en lugar de un gradiente, podríamos hacer eso. Colores de botones. Podemos cambiar el relleno y esas cosas. Eso es fantástico. Ajustes generales y diferentes tipos de diseños. Eso es genial. ¿ A dónde queremos que se vaya esto? Ajustes de blog, tal vez, categorías. Pero todas las cosas aquí dentro. Desafortunadamente, no voy a poder cubrir todo esto sólo porque hay
tanto y hasta se puede decir que incluso me estoy abrumando un poco con todo esto. Pero de nuevo, solo pasa mucho tiempo aquí y solo llega a conocer esto de verdad. Lo bonito de esto también es con cualquier sitio web de WordPress, es cada sitio web de WordPress viene con este personalizador. Entonces si usas este tema u otro tema, o decides un día que quieres ser desarrollador y trabajar en sitios web de WordPress. Esta herramienta está fácilmente disponible para ti en cada tema. Entonces en realidad no voy a pasar más tiempo tratando personalizar esto porque no quiero perder tu tiempo en este video, pero definitivamente sé que el ajuste de gradiente está ahí dentro. No lo olvides, puedes cambiar tu logo, puedes cambiar básicamente todo de tu sitio web entero. Así que adelante y sube un nuevo logotipo, genera un nuevo tipo de logotipo en Google free logo generator. No lo pagues, solo haz uno gratis por ahora. A lo mejor consigue algo de inspiración de algunos de los gratuitos que se crean para ti. Porque podrías ver algo que te guste. Nunca se sabe. Sube ese logotipo. El mío ese solo está mal, voy a tener que arreglarlo. Entonces, tú ahora, una vez que estés bastante contento con tu sitio web, compártelo con nosotros, agarra esa URL. Entonces va a ser tuweb.flywheelsites.com y compartirlo abajo. No olvides darnos la contraseña. Ese Demo123. No olvides darnos esa contraseña de privacidad para que podamos ir a comprobarla. Así que compártelo abajo abajo. Entonces lo segundo es cuando termines y estés feliz, ve a ese siguiente video y te veré por ahí.
11. Agrega un producto físico: Hey, bienvenido de nuevo. En el último video, conseguimos un Woo Commerce Setup. Tenemos un montón de plug-ins configurados e instalados. En este video vamos a crear nuestro primer producto físico. De inmediato vemos que tenemos notificación PayPal Checkout,
tenemos una notificación Woo Commerce Strait. Contamos con una notificación de estación de buques. Honestamente, sólo voy a deshacerme de estos, porque estos son ajustes que podemos ajustar más adelante. Sigamos adelante y simplemente cerremos todos estos. Desechado. Lo que voy a hacer es ir a HTTPS. Asegúrate de que siempre estoy en el sitio HTTPS. Podemos ver que estoy en una nueva página de producto. Todo lo que hice fue ir a productos y luego nuevos. Agregar nuevo. Vamos a caminar por la creación de un producto ahora mismo. En primer lugar está el nombre de su producto. Eso es justo como sea tu nombre. A lo mejor es una camiseta blanca. Entonces la descripción de tu producto, ¿qué tan blanca es la camiseta? ¿ Qué tan grande es? ¿De qué producto está hecho? ¿ De qué material está hecho? Es realmente toda esa descripción. A lo mejor mantenerlo un poco corto. ¿Elige tu tipo de producto? ¿ Es este un producto sencillo, producto de
grupo, producto de afiliación externa, producto variable? Nos vamos a quedar con el producto sencillo por ahora. No vamos a meternos en el mundo de los afiliados, y variables y cosas así. Vamos a mantener esto agradable y sencillo por el momento. ¿ Es este un producto virtual? Podemos seleccionar si se trata de un producto virtual o no, aquí mismo. ¿ Es este un producto descargable? A lo mejor lo es, a lo mejor no lo es. No creo que puedas descargar unas playeras. Tu precio regular, tu precio de venta, tus productos, breve descripción. Cualquiera que sea tu breve descripción, ésta debería ser bastante corta yo pensaría. Imágenes de producto. Puedes seleccionar tu imagen de producto aquí. Imagen de alguien con una bonita camiseta, por ejemplo. Etiquetas de producto, puedes agregar diferentes etiquetas. ¿ Es una camiseta? ¿ Es un tipo diferente de camisa? A lo mejor expandiste las camisas pasadas, y ya no eres solo una compañía de playeras. A lo mejor también vendes jeans, y sudaderas, y tal vez trajes. ¿ Quién sabe? Aquí es donde pondrías esas etiquetas. Categorías. Contamos con una moda popular tendencia accesorios y sin categoría. A lo mejor vamos a crear una nueva categoría ahí dentro, porque realmente no queremos ninguna de ellas. La moda es demasiado amplia para las camisetas. A lo mejor solo queremos alguna categoría ahí llamada playeras o tal vez solo blanca para una playera blanca. Entonces aquí arriba tenemos publicar nuestro producto. Podemos publicar la página. Podemos guardar un borrador y siempre podemos previsualizarlo también, lo cual es bonito. Nos meteremos en todo esto muy pronto. Lo primero que tenemos que hacer aquí es añadir un nombre de producto. Adelante y llamemos a esta camiseta blanca. Preferiblemente deletreado derecho. Aquí está la descripción principal y se puede ver que acaba de generar un enlace para nosotros. Es flywheelsites.com o ktshirts.flywheel sites.com/products/white-t-shirt. Si quisieras cambiar eso podrías cambiar eso también. Aquí te presentamos la descripción principal para una camiseta blanca. No voy a llenar demasiado eso, porque honestamente, eso va a ser bastante aburrido, sólo verme llenar cosas así. Añadamos un precio. ¿Cuánto es este precio? Esta camisa va a ser, generalmente es 9.99, así que es una camisa de $10. El precio de venta va a ser de 6.99 porque pedí demasiados de ellos y honestamente, están ocupando un lugar en mi departamento y necesito deshacerme de ellos. Están ocupando espacio en mi sótano, y quiero hacer espacio para nuevo inventario que se esté vendiendo un poco mejor. Estado fiscal. Imponible, probablemente debería ser gravable. Tu clase de impuestos, tasas reducidas, tasa estándar. Vamos con la tarifa estándar. Si no estás seguro de cuáles son estos, siempre puedes pasar el rato sobre ese pequeño signo de interrogación. Entonces, por ejemplo, este dice, elige un impuesto de clase para este producto. Las clases fiscales se utilizan para aplicar diferentes tasas impositivas específicas a ciertos tipos de producto. Por ejemplo, si estuvieras vendiendo, ¿qué sería algo que podría ser impuesto un poco más alto? Productos químicos. Si estuvieras vendiendo limpiador, por ejemplo, podrías tener una tasa impositiva diferente, porque hay tarifas ambientales. Inventario. Vamos a darle un sesgo a esto. Démosle esta camiseta blanca y es un sesgo terrible. Vamos a llamarla camiseta blanca 001. Gestionar stock a nivel de producto. ¿ Cuánto tenemos? Tenemos un 100 de estos. Permitir pedidos pendientes? No. Umbral de existencias bajo. Cuándo va a decir Woo Commerce, “Oye Caleb, cuándo estás agotado o cuándo estás a
punto poder abastecerte o cuándo deberías ser considerado conseguir más acciones”. Voy a decir 50 por ciento. Esto no es un por ciento, esto es 50 de un 100, eso simplemente pasa a ser ese 50 por ciento. Envío. ¿Cuánto pesa una camisa? Va a ser, no sé, una libra. Nosotros sólo hacemos uno. Longitud. En realidad no tengo ni idea de la longitud de la camisa. Yo sólo voy a poner algunos números aquí. Si están totalmente equivocados y ya sabes,
mejor, sólo trata de ignorar estos terribles números. El ancho va a ser, no sé, 34. No lo sé. A clase de envío. No tenemos productos vinculados a clase de envío, no
necesitamos ningún upsell o celdas cruzadas. Atributos. Podemos agregar un atributo personalizado si quisiéramos. Podríamos simplemente agregar esto aquí. No vamos a entrar en esa orden de menú de notas de compra. Podríamos hacer todas las cosas aquí dentro. De nuevo, no vamos a meternos en las complejidades de todo esto, porque vamos a estar aquí mucho tiempo. Yo sí recomiendo encarecidamente consultar más sobre esto. Siéntete libre de Google. Siéntase libre de simplemente hacer clic alrededor, y ver qué sucede cuando agrega un campo determinado. A continuación, previsualice su página, que siempre puede hacer haciendo clic en la vista previa. Aquí podemos ver tenemos una camiseta blanca, 9.99, está a la venta por 6.99. Tengo un 100 en stock. Puedo añadirlo al carrito. Tengo una descripción. Esta es la descripción principal de la camiseta. Alguna información adicional. Es una libra, 34 por 34 por 34, y hay 0 opiniones. Eso es solo un adelanto y nada fantástico, solo un adelanto regular. Ahora, necesitamos una breve descripción. Esta es una breve descripción aquí, y sólo vamos a usar esto como ejemplo para mostrarte cómo se ve esto un poco más tarde. También necesitamos una imagen de producto. Ahora en realidad no tengo una imagen de alguien que lleva una camiseta. Lo que voy a hacer es abrir pixels.com. Esto es sólo un sitio web de imagen libre de regalías, y sólo voy a escribir camiseta. Vámonos con este tipo. Esa es una linda camisa. Descarga gratuita. Probablemente, no necesito ninguna imagen más grande que media. Yo sólo voy a descargar esta foto. Entonces puedo ir a mi imagen de producto. Fui un poco más rápido, me disculpo por eso. Bajo imagen del producto se puede hacer clic, establecer imagen del producto. Seleccione su archivo. Acabo de seleccionar la imagen que había descargado de pixels.com. Ahí está, y así podemos cambiar este título. Solo llamemos a esto, no sé, camiseta número 1. Establecer imagen del producto. Tenemos una imagen de producto. ¿Queremos una galería de productos? Podríamos agregar varias imágenes aquí, así que vamos a hacer clic en esa, y tal vez pinchemos, en realidad no
hay otra de una camiseta aquí. Vamos a poner una pequeña muestra de uno aquí. Pongámoslo ahí dentro. Supongo que no podemos meter este aquí, porque no me dejó. No, sí lo hizo. Ahí vamos. Tenemos a los tres ahí dentro. Hagamos una vista previa de nuestra página ahora. Ahora se va a quedar un poco mejor. Mira eso. Ahora, tenemos la imagen principal, y tenemos algo de esto aquí. Esta es en realidad solo pequeña, porque la imagen en sí no es más grande que ésta. Tenemos a estos dos aquí. En realidad me voy a deshacer de esos, porque no se ven bien. Entonces cuando termine, solo voy a dar clic en publicar. Es así como creamos nuestro primer producto físico. Ahora si volvemos a nuestra página web, y hacemos clic arriba en nuestro área de logotipos, y simplemente nos desplazamos hacia abajo hasta donde dice productos. Contamos con un producto de camiseta blanca sin categoría que está a la venta por $7. Vamos a crear aquí una nueva categoría. Crea una nueva categoría. Llamemos a esto camisetas. No necesita una categoría parental. Agrega una nueva categoría. Está seleccionado y actualicemos. Volvamos a nuestra página de inicio, actualicemos y esto ya no dirá uncategorized. Esto dirá ahora camisetas, perfectas. Ahora podemos hacer click en esto. Podemos hacer click en playeras. Podemos ver toda la categoría de producto de camisetas dice camisetas aquí. Se va a mostrar todas nuestras playeras para esa categoría. Las categorías están funcionando bien. Esto está funcionando bien para agregar al carrito es realmente fácil. Yo solo quiero agregar uno a mi carrito. Tengo una camiseta blanca en mi carrito. Yo puedo ir a mi carrito, y puedo checar. Ahora, por la razón que sea esto lo que diga es el envío al Reino Unido. Probablemente acabo de configurar eso mal. Probablemente se supone que sea Canadá o Estados Unidos el envío a AB. Eso probablemente se supone para Canadá. También puedes cambiar tu dirección y cosas ahí dentro. Puedes comprobarlo con PayPal o puedes proceder a la salida. Vamos a llenar esto. Creo que no lo hice bien. Espero que ese no sea el verdadero código postal de alguien por cierto. Entonces podemos ver que podemos pagar con PayPal. Básicamente, tu checkout es un checkout regular. Incluso tiene la tarifa regular de envío de tarifa plana, porque está fuera del país. Es así como creamos un producto físico. Agradable y fácil. Ahora si alguna vez
quisiéramos, podríamos ir a ver todos nuestros productos en nuestro admin. Podríamos eliminar estos otros si quisiéramos. También podemos duplicar uno. Si tienes exactamente lo mismo que quieres vender en rojo y tal vez lo único que quieres cambiar es la imagen. Se quiere mostrar a alguien que lleva una camiseta roja en lugar de una camiseta blanca. Podrías hacer eso y solo tienes que hacer clic en duplicar. Eso es lo más grande aquí. Nuevamente, solo quiero enfatizar realmente o enfatizar que aquí hay muchas opciones diferentes. Realmente sí recomiendo pasar por estos, y aprenderlos. Si vas a aprender a vender en línea. Es una buena idea familiarizarse con diferentes tipos de inventario, enviando diferentes productos vinculados. Si vas a reventar, vende cosas como esas, porque nunca se sabe cuando alguien está comprando una camisa blanca y oye, tal vez también quieren calcetines blancos con ella. Nunca se sabe. A lo mejor tienen un paquete de tres camisas blancas, pero tal vez también quieren un paquete de cinco camisas blancas como regalo. ¿Quién sabe? Simplemente no sabes lo que siempre quieren tus clientes. Es bueno darles opciones de venta ascendente y venta cruzada. Tu ejercicio para este video es crear un producto físico, y solo ponerlo en marcha. Siéntete libre de agarrar una imagen de pixels.com. Ahí hay imágenes libres de derechos de autor. Entonces, una vez que realmente tengas un producto real para vender, asegúrate de que estás usando tus propias imágenes en lugar de, usando las imágenes de otra persona. Esa es siempre una manera segura de solo asegurarte de que tu calidad se vea mucho mejor que lo que otras personas pueden proporcionar. Crear el producto físico. Una vez que hayas hecho eso, te veré en el siguiente video y crearemos un producto digital.
12. Agrega un producto digital: Hola y bienvenidos de nuevo en el último par de videos porque esa sección era bastante larga. Creamos un producto físico y en este video, vamos a crear un producto digital. Éste debería ser relativamente corto porque ya aprendimos los entresijos de crear un producto. Un producto digital es lo mismo que un producto físico, pero en realidad tiene menos detalles porque realmente todo lo que necesitas hacer es subir un archivo en particular realmente o enlazar incluso. Vamos a nuestros productos y se puede ver que justo detrás de mí y me voy a mudar del camino aquí. Estoy en mi tablero y voy a los productos y luego a todos los productos. Sigamos adelante en la parte superior y pinchemos, “Añadir nuevo”. Vamos a crear un nuevo producto y esto se va a llamar Mantenibilidad de T-Shirt. Cómo cuidar tus playeras. Algo así. Eso voy a poner en la breve descripción. El precio para este va a ser de 3.99 dólares y no estará a la venta. Este es un producto virtual. En realidad se puede ver que tengo algunas de las opciones intercambian dentro y fuera de aquí. Se trata de un producto virtual, ya
no necesita envío, es un producto descargable y simplemente necesitamos agregar un archivo. Añadamos un archivo aquí. Escogamos ese archivo. Necesitamos subir un nuevo archivo. Acabo de entrar en mis Descargas y tengo este archivo llamado sample.pdf. Este archivo sample.pdf en realidad no tiene nada que ver con las camisas. Acabo de encontrar un archivo sample.pdf en internet. Pero para su producto, asegúrese de tener un PDF adecuado o un archivo adecuado. Porque la gente va a
pagarlo eventualmente y si pagan 4 dólares por algo que es inexacto, eso podría perjudicar a tu empresa y no quieres eso en absoluto. Muy bien, así que eso es subirlo e insertar archivo. Se va a llamar nombre del archivo, Cuidando tus playeras. Límite de descarga. A lo mejor estás dirigiendo una campaña de Facebook y dijiste: “En realidad sólo quiero que 100 personas obtengan esto a 4 dólares”. Hay un 100 descargas, esto es como tu stock digital, tu inventario digital, descarga caducidad. A lo mejor vas a decir que la gente necesita descargarlos antes del próximo fin de semana. A lo mejor se trata de una promoción Cinco de Mayo o de Navidad, o tal vez una promoción de cumpleaños. Quién sabe de qué se trata. Podría ser realmente cualquier cosa y se puede agregar una fecha de caducidad de descarga. No voy a hacer eso en este ejemplo sin embargo. Una cosa más que voy a hacer es, voy a añadir una imagen de un libro. Añadamos éste. Esta es una bonita imagen. Bajemos una foto de tamaño mediano. Voy a establecer esta imagen de producto ahora. Esto me va a pedir básicamente que suba una nueva foto. Selecciono mi foto y va a tomar un segundo porque va a crear un montón de miniaturas para nosotros. Vamos a llamar a ese libro, establecer imagen de producto. Vamos a previsualizar esto. Mantenibilidad de la camisa, agradable. Entonces tiene una foto de un libro aquí la descripción, “Cómo cuidar tus camisas”. Son $4 o $3.99. Puedes añadir esto a tu carrito también. Aparentemente puedes agregar tantos como quieras. Probablemente haya un escenario ahí dentro el cual voy a dejar en tus manos para averiguar cómo desactivar, porque es un producto digital y probablemente no deberías tener demasiados en sus. Límite de descarga, tal vez sea solo uno. Digamos que estamos contentos con esto. No. Pongamos esto en la categoría de camisetas. También pongamos esto en la categoría de digital. Demos clic en “Publicar”. Probablemente cierre un par de estas pestañas aquí y hagamos clic en ese enlace. Aquí podemos ver que tenemos todo se ve bien. Productos relacionados porque está en la misma categoría y ya está a la venta, está manejando eso para nosotros. Vuelve a nuestra página de inicio, lo
vamos a ver aquí y mira eso, mantenibilidad de
camiseta y una camiseta blanca. Ahora tenemos dos productos y ahí hemos tenido un producto físico y un producto digital. Si tu sitio web, si tu tienda de comercio electrónico va a tener un producto digital, definitivamente ve y agrega uno ahora. Podría incluso ser sólo una muestra. No olvides que todo esto es cambiante. En este momento Google no va a indexar tu sitio web, no lo va a guardar. Google ni siquiera puede realmente acceder a su sitio web debido a esa contraseña inicial que le ponemos. Aquí estás seguro para experimentar al contenido de tu corazón. Tu ejercicio para este video es, si tienes algún producto digital que quieras vender, asegúrate de configurar un producto ahora. A este punto probablemente tengas un producto físico o digital. Te recomiendo encarecidamente que solo compartas tu progreso abajo, si quieres retroalimentación sobre una determinada imagen para usar o tal vez cierta redacción o derechos de autor. No lo olvides, estamos creando una comunidad de comercio electrónico. Siempre puedes revisar abajo para ver la inspiración de otras personas, las cosas por las que te están preguntando, puedes poner tus propias preguntas ahí dentro. Este es un espacio seguro. Nadie se va a avergonzar por hacer alguna pregunta en absoluto, y te ayudaré tanto como sea posible. Siéntete siempre libre de compartir tu progreso abajo. Una vez que tengas un producto físico o digital listo para ir en tu página web, dirígete a ese siguiente video y abordaremos nuestro siguiente paso.
13. Apertura tu línea de comunicación: Hola y bienvenidos de nuevo. En este video vamos a estar agregando un formulario de contacto, ahora, cuando configuramos WooCommerce, no WooCommerce supongo. Cuando montamos este tema, decía: “Oye, ¿quieres formularios WP?”. Dijimos: “No, no queremos eso”. Eso es porque eso es un plugin premium y no quiero que pagues por algo tan sencillo como la gente tratando de contactarte. Eso no tiene sentido para mí. Lo que tiene sentido para mí es un plugin gratuito que hace todo lo que
necesitas que se encargará de todas tus necesidades de formulario de contacto. El motivo por el que vamos a agregar un formulario de contacto es porque, y en realidad se puede ver aquí arriba es donde voy a querer poner eso, un formulario de contacto es una gran manera para que la gente se ponga en contacto contigo, ya sea por apoyo porque acaban de comprar un producto tuyo, o tal vez sea porque están considerando comprarte un producto, o tal vez sea un profesor comprando 30 camisetas para sus hijos o Guías o algo así, quién sabe cuál es la situación. Pero quieren ponerse en contacto contigo para obtener alguna información adicional de todos modos, y si no tienes esa línea abierta, gente no puede comprarte. Entonces sigamos adelante y abramos nuestra línea de comunicación. Bajo plugins, podemos ver que aquí tenemos todas estas notificaciones, vamos a añadir en nuevo plugin, y queremos buscar aquí en Ninja Forms. Es este primero de aquí que dice Ninja Forms, sólo lo
haré un poco más grande aquí. Instala ahora, solo un momento. Ahora, hacemos clic en Activar, y vamos a ver una nueva opción justo aquí. Formas Ninja, ahí está. ¿ Me gustaría hacer mejor Ninja Forms? Sí, por favor. Ocasionalmente algunos correos electrónicos, no yo no quiero eso. Tal vez quieras eso, yo no. Ahora, por defecto, Ninja Forms viene con un formulario de contacto, o un formulario de contacto conmigo, y si hacemos clic en esto, realidad
es súper fácil editar esto,
podemos dar click en cualquier parte, clic en ese pequeño icono de engranaje, y podemos cambiarlo todo. Ahora, de nuevo hay muchas configuraciones aquí, y este plugin hará básicamente todo lo que necesites, cualquier cosa que se te ocurra, lo hará. Ahora bien, en realidad no quiero ir a personalizar esto, aunque quizá quieras hacerlo. Entonces si quieres por favor siéntete libre de pasar un poco de tiempo aquí, no
hay presión para hacer una forma hermosa ni nada, solo
necesita ser una forma funcional. La gente quiere ponerse en contacto contigo, no
quieren que te cautiven cuando te contactan. Voy a salir de esta página porque ya está construida, y se puede ver bajo la columna de código corto, que nos da ninja_form id=1. Sólo voy a seleccionar eso y copiarlo. Ahora, quiero crear una nueva página, así que las páginas van a, agregar Nuevo, y voy a llamar a esta página, contactar. Ahora bien, ¿por qué eso no aparece para mí? Hagamos una vista previa rápida aquí. Conact, deletreé eso mal. Por alguna razón, este color no está apareciendo de la manera en que se supone, y eso es muy interesante. Entonces lo que voy a hacer es guardar esto y sólo voy a volver. Esto podría ser un error con cualquiera de, WordPress o el tema en sí. Ir a Todas las Páginas, ¿dónde está el contacto? Acabamos de hacerlo, hagamos una búsqueda aquí, contacto. Ni siquiera está ahí dentro. ¿ A dónde fuiste? Es nuestro último borrador, ¿dónde estás? Ahí estás, se llama conact otra vez porque lo deletreé gracioso. Entonces tenemos un título que podemos poner aquí, ¿incluso importa realmente demasiado que queremos ahí dentro. En realidad sólo queremos este pequeño ícono aquí, y queremos que esto diga Forma Ninja. En realidad podemos incluso simplemente seleccionarlo, lo cual es realmente bonito y se prepoblará así como así. La otra forma de hacerlo es si quisieras agregar otra sección, podrías agregar un código corto, y ese código corto se suma aquí y simplemente pega ese código corto ahí, te dará exactamente la misma salida de cualquier manera. Voy a quitar este bloque, ¿
y qué queremos aquí? Agrega un título, contacto, no
sé por qué eso no está apareciendo. Sí, lo puedes ver ahí contacto, pero esa es una fuente muy difícil de ver. Agrega rumbo, ahí vamos a ver contacto. Entonces vamos a agarrar esto y mover a este tipo todo el camino hacia arriba, ahí vamos. Eso no funcionó en absoluto, vamos a hacer clic en ese botón. Ahí vamos, eso lo reorganiza. Ahora, vamos a dar click en vista previa, y tenemos que contactar aquí, título de
contacto, ese es nuestro título real aquí dentro. Entonces echemos un vistazo a este título de contacto, y cuando haga clic en Vista previa, cambiará ese título para mí, así como así. Por lo que puedes poner cualquier título ahí si quisieras. Añadamos otro campo, puedes agregar un párrafo. Por favor contáctanos sobre cualquier cosa que te guste, estamos abiertos 24/7, porque estamos en internet, vista previa. Enfriar. Entonces tenemos una página de contacto, título de contacto, tenemos un pequeño párrafo y nuestro formulario, y lo bonito de Ninja Forms es que viene con un montón de validación instantánea. Si selecciono el campo de nombre y luego me voy, es como, “Oh, este es un campo obligatorio”. ¿ Qué pasa con el correo electrónico? Ah, este es un campo requerido y sigue y sigue y sigue. Yo solo voy a poner prueba aquí, mi correo electrónico va a ser ecomm.kalob@gmail.com, y hola mundo, como mi mensaje de prueba. Por lo que acabo de hacer eso más grande, ahora voy a pegarle a “Submit”. Procesamiento, cool, Tenemos un formulario de contacto ahí dentro, y vamos a Ninja Forms, y luego podemos ver nuestros envíos. Ahora, al principio esto va a ser un poco alarmante, parece que no hay nada ahí dentro, pero eso es realmente inexacto. Solo necesitamos seleccionar un formulario, así que seleccionemos contactarme, y podemos ver aquí dentro tenemos un nombre y un correo electrónico y un mensaje. Lo siguiente que vas a querer hacer es, vas a querer iniciar sesión en tu e-mail, cual tengo aquí, y en realidad podemos ver que, oh no, no tengo un e-mail ahí dentro. Comprueba siempre tu spam. Por cualquier razón, WordPress es notoriamente malo para enviar correos electrónicos que van directamente al spam, así que solo selecciona ambos y dice: “No, estos no son spam. Estos son en realidad de mi sitio web, deja de marcarlos como spam”. Envío Confirmación, por lo que esta es confirmación aquí y obtenemos un nuevo mensaje aquí. Lo bonito es todo lo que tienes que hacer, es dar click responder y responderá a la dirección correcta para ti. Por lo que se encarga de todos los detalles técnicos despejados detrás de las bambalinas para ti. No tienes que preocuparte por una sola cosa. De nuevo, asegúrate de comprobar siempre esa carpeta de spam, tiempo se pone mejor con tu sitio web, y realmente esto solo te afecta, porque la gente está tratando de contactarte, no
estás intentando contactarte con ellos. Para que no tengas que preocuparte por que tus correos electrónicos entren en spam en este punto, solo
tienes que preocuparte por que intenten contactarte y golpeen tu spam. Eso es todo lo que hay para crear una Forma Ninja. Ahora, si quisieras agregar uno nuevo, podrías agregar un nuevo Formulario Ninja, y te dará un montón de opciones diferentes aquí,
contáctanos, crea un post, recolecta comentarios, un formulario en blanco, puedes personalizarlo, importar, exportar ajustes, tiene todos los ajustes aquí también. Así que no lo olvides, siempre puedes ir y echar un vistazo a todos estos. Ahora, hay una última cosa que tenemos que hacer, en nuestra página web no tenemos forma de llegar a esta página de contactos en absoluto, así que entremos a la apariencia, y vayamos a Menús, ahí estás. Queremos seleccionar el valor predeterminado superior, vamos a seleccionar el menú principal, menú
primario, click seleccionar. Deshaznos de algunos de estos porque estos son realmente molestos, sal de aquí, ya no
queremos verlos. Entonces selecciona menú principal, menú principal, pulsa “Seleccionar” si aún no lo has hecho, y bajemos aquí y encontremos nuestra página, ¿dónde está nuestra página? Búsqueda de contacto, sin resultados, ¿qué pasó aquí? Volvamos a nuestras páginas, necesitamos editar algo en nuestro contacto de página, es porque no está publicado, tonto Caleb. Eso fue culpa mía. Entonces sigamos adelante y publicemos nuestra página. Sí, estamos listos para publicar. Ahora, vuelve aquí, pulsa “Refrescar”. Pido disculpas por eso, me salté totalmente ese paso, ese es un paso importante también. Pulsa “Contactar”, así que solo selecciona esa casita de verificación, agrega a Menú. Se puede reorganizar esto, así que quiero que éste sea el primero. Guardar menú, y luego vamos a refrescar nuestra página. Verás aquí arriba dice contacto. Enfriar. Eso nos lleva a nuestra página de contacto. Ahora, hay un ajuste más que quiero cambiar porque este ID de página es asqueroso. WordPress viene con esto por defecto, y me disgusta absolutamente eso hasta el final grado. Es malo para los motores de búsqueda, es malo para la gente, nadie va a recordar ese número. Entonces lo que vamos a hacer es entrar en tu configuración, enlaces continuos, y vamos a cambiar eso a nombre de la publicación, desplázate hacia abajo, pulsa “Guardar cambios”, actualiza tu página y esto irá automáticamente al contacto. Ahí vamos, esto tiene mucho más sentido. Hicimos mucho en este video. Lo principal que me gustaría que hicieras es asegurarte tienes algún plugin de formulario de contacto, ya sea Ninja Forms o Formulario de Contacto 7 o WPForms. Me gusta Ninja Forms porque te da todo, te
da lo mejor de todos los mundos de forma gratuita, pero si prefieres usar WPForms, ve por ello, si prefieres usar Contact Form 7, también
necesitas Flamingo para guardar todo de tus envíos de formularios, o simplemente puedes usar formularios Ninja como lo hice yo y solo tener todo listo y funcionando casi instantáneamente. Una vez que tengas un plugin de formulario de contacto, eso será suficiente para pasar a la siguiente lección y te veré allí.
14. Ajustes de pago: En este video necesitamos hablar de algo muy importante, y esa es nuestra configuración de pago. En este punto en el tiempo, en realidad se puede ver justo detrás de mí aquí, que estoy en mi tablero de volante y solo quiero hacer clic en WP admin, y podemos deshacernos de ese si eso está apareciendo para ti otra vez y podemos deshacernos de ese y podemos deshazte de ese. Deshaznos de ese y cancelemos una regeneración de miniaturas. Eso es sólo deshacerse de las notificaciones que no tiene nada que ver con esta lección en particular. Lo que queremos hacer es entrar en WooCommerce y luego entrar en nuestro entorno. Estos ajustes son realmente importantes. Contamos con ajustes generales, ajustes de
producto, ajustes fiscales, envíos, pagos, cuentas y privacidad, integración de
correos electrónicos y avanzado. En esta lección en particular, sólo
estamos hablando de pagos. Se puede ver que aquí hay toneladas de diferentes pagos soportados. Los únicos dos que realmente necesitamos, PayPal Checkout y Stripe, que puedes ver ya están habilitados. Voy a tocar Administrar PayPal Checkout. ¿ Queremos que esto esté habilitado? Sí. ¿Queremos que el título sea PayPal share? Podemos cambiar la descripción aquí. Configuración de cuenta, entorno, live o sandbox. Cuando configuras una cuenta PayPal, vas a tener dos opciones que puedes tener live o sandbox. Sandbox está probando. Credenciales API, esto se encargará de todo por ti. Todo lo que necesitas hacer es hacer clic en este enlace y luego iniciar sesión con tu cuenta PayPal. Simplemente pon esas cosas ahí dentro y te ayudará. Si no quieres hacer eso, puedes pasar por la entrada manual de credenciales API, y WooCommerce te guiará por todo eso. Para PayPal, vas a querer seleccionar una imagen de PayPal, un encabezado diferente. Estos son como cuando haces el check out con PayPal en PayPal.com, todavía puede mostrar tu branding ahí. Estilo de página, página de destino. ¿ Quieres que sea la facturación (no cuenta PayPal) o el inicio de sesión (inicio de sesión de cuenta PayPal). Honestamente, muchos de estos incumplimientos probablemente estén perfectamente bien. No hay mucho que realmente queramos
cambiar aquí pero si quisieras, absolutamente podrías. Ahora no voy a pasar por cada ajuste aquí sólo porque hay tantos pero lo
que definitivamente recomendaría es que si te interesara todo el asunto de PayPal,
solo empieza a buscar en Google, y sé que eso no suena como una gran cosa que hacer, pero hay tanto apoyo y hay tantas respuestas y
tantas preguntas sobre WooCommerce y PayPal y Stripe ya porque estamos usando un plug-in que es un mundo plugin de renombre, es probablemente el plugin de comercio electrónico número uno del mundo. Todo el mundo lo está usando y todos han tenido preguntas y todos han tenido alguna respuesta hasta cierto punto. Hay mucho apoyo ahí fuera que lo que puedo proporcionar en un solo video,
pero solo siéntete libre de ir y hacer eso. Ahora si te pierdes de verdad después de hacer un poco de Google, definitivamente siéntete libre de preguntar en la sección de abajo, y estaré encantado de ayudar lo mejor que pueda. Ahí de nuevo, hay muchas configuraciones diferentes aquí, y eso es solo PayPal. El otro que tenemos aquí dentro fue Stripe. Si voy a administrar Stripe, ¿queremos habilitar? Sí. Título? Tarjeta de crédito. Lo que hace Stripe es, lugar de iniciar sesión en Stripe.com, que es lo que hace
PayPal, PayPal te hace iniciar sesión. Stripes sí en realidad, puedes agregar tarjetas de crédito directamente a tu sitio web, lo cual es una característica realmente, realmente genial. En realidad necesitábamos SSL habilitado para poder usar esto, lo contrario stripe te bloqueará y dirá: “Tu sitio web no es seguro en absoluto”. Puedes cambiar tu descripción. Puede activar y desactivar el modo de prueba. Ahora aquí hay una grande, es cuando tienes el modo de prueba activado, tienes diferentes claves API que puedes obtener de Stripe directamente. Cuando deshabilites el modo de prueba, tendrás una clave publicable en vivo. Estas son claves API, y de nuevo, puedes obtenerlas directamente desde tu cuenta de Stripe. Stripe y PayPal o ambos gratis y solo te quitarán dinero por transacción, que está en algún lugar alrededor de 2.9 por ciento más 30 centavos cada uno depende de tu país sin embargo, pero está en algún lugar por ahí. De nuevo, aquí hay muchas opciones diferentes, no tantas como PayPal, pero hay bastantes. Si alguna vez te atascas con configurar tu gancho web, no olvides, siempre
puedes dejar un comentario abajo o simplemente puedes buscarlo en Google para una respuesta más rápida, probablemente mucho más rápida de alguien que ya ha experimentado el mismo problema por la que podrías estar pasando. Entonces tienes todos estos otros ajustes de WordPress o estos ajustes de WooCommerce más bien. Asegúrate de tomarte el tiempo para pasar por estos porque estos son los ajustes que son esenciales para dirigir tu negocio de comercio electrónico y sin estos ajustes, puedes o no obtener los resultados que estás esperando. Pasa algún tiempo aquí, pasa por toda tu configuración, configura tu impuesto, tu envío, tus productos, tu general, todas esas cosas buenas. Una vez que hayas terminado con eso, y mientras tanto, es posible que necesites crear una cuenta de Stripe y una cuenta de PayPal. Pero una vez que hayas terminado con toda esa cabeza puesta sobre ese próximo video y lanzaremos este sitio web. Vamos a poner esto en marcha para que realidad
puedas empezar a vender y empezar a ganar algo de dinero. Gracias por acompañarme en este video y te encontraré en el siguiente.
15. Lanzar tu sitio: Ya es hora. Hemos hecho mucho trabajo en una página web. Esperemos que realmente hayas personalizado tu sitio web y estés contento con él. En este punto, si estás contento con ello, sigamos adelante y lanzemos la página web. Ahora, lanzar un sitio web en flywheel.com o en realidad creo que es getflywheel.com o [inaudible] o realmente cualquier sitio web alojado en WordPress es realmente, realmente, realmente simple. Entonces como pueden ver aquí, solo
tengo mi tablero cargado. Entonces estoy en app.get flywheel.com y voy a dar click en mi página web. Para lanzar mi sitio web, aunque bajemos al modo privacidad, puedes ver aquí que dice, necesito completar la facturación para desactivar el modo de privacidad, así que no puedo apagar eso. Realmente todo lo que tenemos que hacer es completar nuestra facturación. Ahora es en este punto que en realidad vamos a estar lanzando nuestro sitio web. Entonces si estás contento con ello, entonces completa tu facturación ahora. Si aún no estás contento con él y crees que hay un poco más de trabajo que hacer entonces por todos los medios, sigue trabajando en tu página web y no lo pagues hasta que absolutamente tengas que hacerlo. El motivo por el que digo eso es porque en cuanto completes tu facturación, te cobrará de inmediato. Entonces voy a estar pagando mi propia página web. Pero si eres una agencia o te gustaría ser una agencia, puedes hacer un sitio web a nombre de alguien y dar su información de facturación. Entonces estaré pagando por mi cuenta aquí. El plan que quiero elegir es el plan Starter. Por lo que siempre empieza con el plan más pequeño posible. No sabes si vas a tener 100 mil visitas al mes. No sabes si vas a necesitar 20 gigs de ancho de banda. Todavía no conoces ninguna de estas cosas. Esas son variables desconocidas. Por lo que siempre empieza en la más baja y siempre puedes actualizar más tarde. Por lo que seleccioné el plan Starter. Si eres optimista sobre adónde vas con esto, puedes pagar anualmente, ahorrarás un par de dólares ahí, o puedes pagar mensualmente. Entonces si nos quieres dar como un juicio de seis meses y no estás todo seguro si esto realmente va a funcionar de la forma en que crees que va a funcionar. Eso está bien tener algún escepticismo o críticas saludables ahí. Se puede pagar mensualmente por $25 al mes. Ahora, voy a ser honesto, no
sé si eso es en dólares canadienses o dólares estadounidenses porque la semana pasada esto decía 17, pero también estaba en una conexión americana mientras que esta semana estoy en suelo canadiense y dice 25 dólares. Por lo que este precio en realidad puede ser diferente para ti dependiendo del país, simplemente no me dice en qué moneda está. Por lo que puedes seleccionar mensualmente. Si tienes un descuento, puedes aplicarlo. Es posible que quieras ir y hacer un poco rápido Google para ver si hay alguna promoción en marcha. Siempre es buena idea buscar una promoción. Si puedes ahorrar 10 por ciento, puedes ahorrar 10 por ciento. Si puedes decir 50 por ciento, eso es genial. Eso significa que estás recibiendo seis meses o años
de servicio por seis meses o tres meses o la mitad del tiempo realmente. Por lo que siempre busca un código de descuento. Entonces te va a llevar a tu tipo de método de pago. Ahora nos va a pedir uno de dos tipos de pagos. Podemos cualquiera, y mucho como nuestro sitio web, pagar con tarjeta de crédito o pagar con raya. Cualquiera de los dos está totalmente bien. Entonces si quieres pagar con una tarjeta de crédito, simplemente selecciona tarjeta de crédito y pon la información de
tu tarjeta de crédito y estarás bien para ir. De lo contrario, si quieres pagar con PayPal, simplemente
puedes pagar con PayPal y luego se conectará a tu PayPal y deducirá automáticamente dinero de tu cuenta. Entonces voy a dejar que elijas el camino que quieras tomar aquí. Simplemente voy a asumir que pones un número de tarjeta de crédito. Entonces una vez que todos hayan hecho ese desplazamiento hacia abajo hasta la parte inferior de la página, la página de pago aquí, simplemente desplácese hacia abajo hasta la parte inferior, haga clic en “Pagar ahora” y ya estará listo para partir. Entonces en realidad no voy a pagar ahora porque no he terminado de retocar mi página web. Probablemente voy a pasar otro día o dos en él arreglando algunos de los productos, arreglando el logotipo, arreglando un montón de derechos de autor y cosas ahí. Una vez que haya hecho eso, podré bien, completar mi facturación, pero también puedo desactivar el modo de privacidad. Ahora, el modo de privacidad otra vez es ese pop-up un poco molesto, así que tal vez se muestre aquí. Sí, esta cosa, este es el modo de privacidad. No se puede dar eso a la gente que no conoces en Internet porque nadie lo va a saber. No vas a saber quién va a estar accediendo a tu página web. Por lo que necesitamos deshacernos de esto. Por lo que una vez que hayas completado tu facturación, desactiva el modo de privacidad, y podrás darle a la gente tu enlace. Entonces el enlace que estoy usando es ktshirts.flywheelsites.com. Yo puedo darle a la gente ese enlace y lejos vamos. Ahora, no olvides cuando inicies, necesitas cambiar tu clave API de franja. Por lo que quieres usar tus llaves en vivo. Quieres cambiar tu modo PayPal a modo vivo fuera del modo sandbox, esos son muy, muy importantes. De lo contrario, la gente te va a estar enviando dinero que en realidad
no existe y en realidad no te van a pagar. Ahora hay una última cosa a tener en cuenta aquí es que tu sitio web seguirá siendo un subdominio de flywheelsites.com. Entonces va a ser en este caso, ktshirts.flywheelsites.com. Ahora tengo como 30 dominios diferentes y podrías tener un montón de dominios diferentes también. Pero si no lo haces, siempre
puedes ir a los dominios de Google si eso está disponible en tu país, y yo te sugeriría mucho usar ese, o puedes ir a Godaddy.com y comprar allí un nombre de dominio. Entonces básicamente puedes apuntar eso, ese dominio por aquí, haz clic en “Añadir un dominio”, hazlo tu principal. Va a tardar unos minutos en actualizarse dependiendo de tu DNS. Entonces, una vez hecho eso, puedes usar tu propio nombre de dominio. Entonces, por ejemplo, podría usar kalebtaulien.com, kaleb.io, codingforeverybody.com, y wagtail.com. Esos son sólo cuatro de los dominios que tengo y podría registrar eso ahí dentro. Ahora no vamos a pasar por ese detalle técnico porque eso se sale un poco de alcance para este curso. No obstante, si eso es algo que quieres y lo recomiendo
encarecidamente, simplemente súbete a Google y escribe volante. De hecho, lo haré ahora mismo: volante de apoyo dns. Ni siquiera lo deletreé bien, pero a Google no le importa. Cómo configurar tu DNS en GoDaddy. Aquí hay una buena, porque yo había mencionado a GoDaddy. Por lo que esto te guiará a través de todo el asunto, todo lo que necesitas hacer aquí dentro. Entonces eso es realmente, realmente importante. Si no quieres usar GoDaddy, y esta es mi preferencia personal pero si puedes evitar usar GoDaddy, no uses GoDaddy. Son un poco caros y no te dan mucho estos días. En tanto que si utilizas domains.google.com, creo, ¿qué es? Dominios de Google. No, que tengan su propio dominio de primer nivel, es domains.google. Puedes obtener tu propio dominio por aquí probablemente $7 al mes. Puedes conseguir a.com, algo así. protección D-dos, todo tipo de cosas buenas, tiene todo lo que GoDaddy ofrece. Es más barato, es mejor, se engancha en tu Google Suite te da una dirección de correo electrónico gratuita así que puedes usar para que no tengas que pagar por la dirección de correo electrónico. Recomendaría encarecidamente usar dominios de Google. Entonces de nuevo, eso no es algo de lo que vamos a hablar en este video en particular porque eso está fuera de alcance para lo que cubre este curso. Pero si quisieras, hay mucho apoyo por ahí. Ahora si estás usando WP admin, eso también es totalmente genial, porque también tienen artículos útiles para usar Go Daddy o cloudflare o Google domains. Tienen todo tipo de artículos de apoyo ahí. Debido a que vas a estar pagando por el apoyo en este sitio web, siempre
puedes hacer clic en “Obtener ayuda” y abrir un boleto totalmente nuevo y ellos te ayudarán muy rápidamente. El apoyo al volante siempre ha sido realmente genial para mí. soporte para WordPress o WP Engine más bien ha sido realmente genial para mí también. Creo que vas a estar en buenas manos con cualquiera de los dos servicios. Entonces eso es todo lo que realmente hay para lanzar un sitio web en Flywheel. El proceso es casi idéntico en wpengine.com. Entonces para tu ejercicio, lo que me gustaría que hicieras es una vez que hayas lanzado tu página web, comparte tu enlace abajo abajo, compártelo con la comunidad. Yo lo quiero ver. Si deseas retroalimentación, puedes pedir retroalimentación. Te daré felizmente cualquier tipo de retroalimentación, ideas de mejora, ya sea diseño o copyright o productos o precios, cualquier cosa así, te puedo ayudar por ahí. Solo tienes que compartirlo en la sección abajo. Por lo que una vez que hayas lanzado tu página web y hayas compartido tu enlace abajo, te
encontraré en el siguiente video donde
hablamos de todas las diferentes cosas que hemos aprendido en este curso.
16. Resumen: Hola. Bienvenido al video resumen. Si estás aquí, significa que probablemente has lanzado un sitio web, así que quiero decir una enorme felicitación por lanzar tu sitio web. No olvides compartir tu enlace
abajo con el resto de la comunidad para que podamos ayudarte,
darte retroalimentación, darte ideas, inspirarte. También puedes consultar los sitios web de otras personas para obtener inspiración también. Pero en este video, yo sólo rápidamente quería
repasar algunas de las cosas que ya hemos aprendido. Lo primero que hicimos fue crear un sitio web de WordPress y luego activamos SSL de inmediato y forzamos SSL. Eso significa que tenemos HTTPS en nuestra página web y ese pequeño candado verde que aparece en tu barra de URL. Entonces es como https://tu website.com. Nos obligó eso así que ese es nuestro sitio de comercio electrónico siempre es agradable y seguro. Después instalamos un tema personalizado llamado hestia, cual se puede descargar de los archivos del proyecto en cualquier momento dado. Trabajamos con WooCommerce y conseguimos configuración de
WooCommerce y todos los diferentes ajustes que viene con. Hemos creado un producto físico y un producto digital. Habilitamos PayPal y habilitamos Stripe y miramos su configuración. Personalizamos nuestro sitio web dándole un logotipo personalizado y tal vez cambiando algunos de los colores y lo que no. Verás mi producto final realmente abajo, así que voy a empezar eso, en realidad
puedes ver mi sitio web que hice. Lanzamos nuestra página web y ahora estamos en la última fase, estamos listos para vender. Lo primero que debes hacer es empezar a acumular algún público. Necesitas compartir tu enlace con personas en internet, y el mejor lugar para hacer eso para empezar es abajo, puedes compartir tu enlace con nuestra comunidad ahora mismo. Si te sientes un poco nervioso, eso en realidad está bien, estaba súper nervioso la primera vez que tuve lanzamiento en mi primer sitio web fuera de mis primeros 500 sitios web probablemente, estaba súper nervioso. Pero está bien sentirse nervioso, eso significa que estás haciendo algo que está fuera de tu zona de confort y vas a lograr algo grande. Ahora hay un montón de pequeños detalles que
no repasé en el resumen que están entre los cursos, muchas cosas probablemente aprendiste por tu cuenta. Si aprendiste algo grande por tu cuenta, de nuevo, comparte eso abajo con todos los demás. Ahora tengo dos cosas que quiero mencionar, primero que nada, soy Kalob Taulien, soy tu instructor para este curso, y de verdad aprecio que te tomes el tiempo para ver este curso. Nuevamente, si tienes alguna pregunta, necesitas algún apoyo, deja una pregunta abajo en cualquiera de los videos relevantes donde necesitas alguna ayuda, y yo estaré ahí para ti. El segundo es, tengo un grupo de Facebook llamado Aprendiendo a Codificar. En realidad ha crecido mucho más allá de la codificación, es sólo el nombre de marca de la misma ahora. Ahí hay alrededor de 20 mil personas, muchas de ellas tienen
una experiencia muy similar a ésta ya. Puedes ir a facebook.com y simplemente buscar, aprender a codificar, y solicitar unirte a ese grupo, es un grupo absolutamente gratuito. En realidad respondo las preguntas ahí dentro mucho más rápido que en cualquier plataforma solo porque siempre lo tengo encima, con mi teléfono siempre estando en mí todo el tiempo me dan notificaciones push cada vez que alguien hace una pregunta en ese grupo. Puedo llegar a esas preguntas mucho más rápido si quieres
unirte a aprender a codificar en Facebook. Si no quieres, eso es totalmente cool y puedes quedarte con solo dejar preguntas abajo abajo, no
tengo problemas con ninguna manera, solo quería hacerte saber que hay una línea de soporte secundario que va a través de Facebook. Muchas gracias por tomar este curso e ir en este viaje conmigo, verdad
aprecio que te tomes el tiempo. Espero que hayas aprendido algo realmente fantástico, algo realmente genial que puedas quitarte que mejore tu vida. Trabajo muy duro para hacer contenido significativo para la gente. Si te gusta este curso, realmente agradecería que tan solo pudieras darle una revisión rápida. Simplemente dale un poco de pulgares ahí arriba, cuéntale a la gente lo que te gustó de este curso, y por qué otras personas quizá deberían tomar este curso. Muchísimas gracias. Enhorabuena por lanzar un sitio web. Supongo que te veré esperemos en otro curso por el camino. Buena suerte.
Kalob Taulien, Web Development Teacher
