Personaliza tu 'Página de Pago' de WooCommerce (Checkout Page)

Подписаться 13 тыс.

Просмотров 25 тыс.

50% 1

En este tutorial te muestro como modificar la Página de Pago que viene con Woocommerce, también conocida como 'Checkout Page'.
Se puede hacer una para que sea global (que salga en todas las ventas), o cuando se tienen pocos productos se puede crear una 'Página de Pago' diferente para cada producto.
La idea con esta modificación es de reducir la cantidad de 'Abandono de Carritos' para maximizar la ventas en nuestros sitios.
Tabla de Contenido:
00:00 - Introducción
07:42 - Instalar Plugin 'CartFlows'
10:16 - Idea de cuando usar diferentes paginas de pago
22:45 - Establecer pagina como global
💥Plugins Usados:
CartFlows: www.miprimerclic.com/cartflows
Astra: miprimerclic.com/astra
Elementor: miprimerclic.com/elementor
WooCommerce: miprimerclic.com/woo
🥳Links para aprender a Crear sitio Web básico
Local: • Como Instalar WordPres...
Que es WP: • Que es Wordpress
Plugins: • Que son Plugins y Como...
Tema: • Como instalar un tema ...
Editar Co: • Agregar y Editar el Co...
Pag. HomePage: • Crear página Home Page...
Pag. Contacto: • Crear Pagina de Contac...
Comprar Dominio: • Comprar el mejor Domin...
Local a Hosting: • Migrar WordPress de Se...

Опубликовано:

30 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 108

@danielferrerhernandez8953 2 года назад

Gracias el único que explica lo básico! Bravo

@Cecilior 3 года назад

Maginfico vídeo. Gran ayuda.

@JonathanCQ 3 года назад

muchas gracias, fue de gran ayuda el tutorial

@rodrigoeduardo8078 4 года назад

gracias!1 excelente tuto!!

@AlejandrayFredyHerrera 3 года назад

Que buenos tutoriales tienes amigo muy agradecido por todo.

@MiPrimerClic 3 года назад

Mil gracias Aleja y Fredy, Saludos....👋

@claudiaserviciosonline6629 3 года назад

Me encantan tus videos, muchas gracias

@Motolab-ry8dt 4 года назад

Excelente video Luis 💪

@agus-2092 4 года назад

Exelente justo lo que necesitaba, muy bien explicado, ojala saque como modificar la pagina de la tienda!

@MiPrimerClic 4 года назад

De echo, WooCommerce está refrescando bastante la forma de desplegar sus recursos, 'Estaba bastante anticuado lo que tenían', pero es entendible que al ser los primeros en desarrollar este tipo de tecnología, por lo tanto hace ya casi 12 años cuando lo crearon eso se miraba muy bien. Estaré llevando a cabo tutoriales con todos los 'Blocks' nuevo que WooCommerce viene creando.👍

@rafaelangelsalazar9849 3 года назад

Uy mi hermano discúlpeme la expresión pero casi no hago este paso no lo conseguía con nadie estoy muy muy agradecido no solo con este tutorial con todos los que e visto con usted GRACIAS

@MsHandp 3 года назад

Muy bueno

@addleads8747 3 года назад

este checkout nuego sustituye al default de woocomerce? tengo instalado el pixel a mi pagina de producto y no quisiera perder las metricas, que puedo hacer

@gabrieloleaburgos4822 3 года назад

Cómo se puede incluir el checkbox de aceptación de la política de privacidad en el formulario checkout de woocommerce blocks?

@joseg.z.4653 3 года назад

hola es posible crear una pagina de gracias para un cliente que ya paga con exito y una pagina de pago rechazado cuando no pudo completar el pago ? derivar a dos paginas distintas ? y si es asi como seria (Y)

@pierre8535 2 года назад

Hola muy buen video , tengo un problema , resulta que descargue la plantilla de página de pago y sale la de agradecimiento, pero resulta que al editar no me aparece la columna de al lado derecho donde se pueda seleccionar alguna opción

@edwardgomezlopez5042 3 года назад

gracias por la explicación. podrías ayudarme por favor resolviendo la siguiente duda. ¿Cómo cambio PAYPAL o PAYU latam? gracias por tu ayuda

@AcademiaDII 4 года назад

Hola buenas tengo un gran problema lider, es que mi formato de pago por Paypal me gustaria que me apareciera asi como la tinees Pago con payapl y con tarjeta de credito (Asi como lo se crea en Paypal) como podria integrarlo de esta manera en mi sitio web, depende del tema instalado ??

@MiPrimerClic 3 года назад

Hola AcademiaDll, En mi caso estoy usando PayPla y Stripe, Stripe es el que muestra la opción de pago con tarjeta, aunque PayPal también lo acepta pero NO muestra el formato como lo ves en el video. Dicho lo anterior, el formato de ambos NO lo he modificado, viene directo de los plugins (Stripe -- Paypal) convinado con el tema.

@teamgamervzla 2 года назад

Saludos deseo usar método de pago alternativos como bancos de mi país, me gustaría dejar una lista desplegable de opciones de pago

@juliantabares2867 2 года назад

Hola Luis, gracias por tu contenido; me perdí en el minuto 13:47 , no se a donde ir a editar ese color del botón, imagino que a la fecha hay actualizaciones, lo he estado intentando en la ventana de cartflow directamente en el flujo y no se me cambia el color del botón

@qbias86 4 года назад

Muchas gracias, tus videos me están ayudando mucho; podrías ayudarnos a efectuar una sección de registro de usuarios?

@MiPrimerClic 4 года назад

Gracias por la sugerencia Gerson, estaré realizando un ejemplo con un formulario, WPforms es un plugin gratuito que lo puede llevar a cabo.

@qbias86 4 года назад

@@MiPrimerClic Excelente, muchas gracias! estaré pendiente.

@technicalsupport21 2 года назад

Como agregar maps de google reemplazando al campo codigo postal?

@technicalsupport21 2 года назад

Como se hace para enlazar los campos ciudad y localidad ?

@don_dothics8080 3 года назад

Buenas!! A mí no me aparece "finalizar compra" en Woocommerce

@balmoredejesus 3 года назад

Hermano a mi no me sale la opCion de pay pal en la VISTA PREVIA Donde puedo agregarla?

@danielferrerhernandez8953 2 года назад

Como hacer que las páginas de cartflows se vean en mi sitio?, no lo consigo,

@leopalac 2 года назад

Hola Gracias por el video, tengo un problema, estoy utilizando Wp Rocket y Cloudflare. Cuando dices que tengo que incluir el link permanente de la pagina de checkout al pluging wp rocket, donde se hace eso? o enque parte la incluyo, agradeceria tu ayuda si es posible. Gracias

@gustavopena9542 2 года назад

Hola, yo igual tengo el mismo problema, quisiera saber si usted ya encontró como solucionarlo? Gracias de antemano

@emmanuelcarrera4700 3 года назад

Hola, tengo seleccionado metodo de pago manual y por paypal estandard (paypal que viene cargado por defecto en woocommerce) pero la pagina del check out no tiene el boton de comprar. Ya exclui la pagina del cache en el plugging SG optimizer, lo probe y dice que no esta siendo siendo cacheada sin embargo el boton de comprar no aparece para ninguna de las opciones. Alguna idea. Gracias

@MiPrimerClic 3 года назад

Hola Emmanuel, Revisar en WooCommerce-->Settings-->General-->Selling locations y Sell to specific countries Probablemente esa sección necesita datos. Saludos....👋

@valentinaortiz9462 3 года назад

Hola, una pregunta... ¿Cómo puedo activar el header y el footer? Seguí los pasos del video, para lo que es la pagina de finalizar compra pero no vi que desaparece la cabecera y el pie de pagina

@bryanandrescardonam5366 3 года назад

Lo solucionaste? requiero lo mismo.

@GURRY77 4 года назад

Como siempre Luis Excelente, muchas gracias lo sigo hace varias semanas y ya casi termino de ver todos sus vídeos, genial las explicaciones, pausadas, dirigidas a personas como yo que lo que quieren es aprender, pregunta es que me esta generando un problema, esta nueva que estoy creando aparece sobremontada a la que tengo actualmente sabes depronto que es?

@MiPrimerClic 4 года назад

(2) Sugerencias: 1- Revisar que NO existan dos 'ShortCodes' en la misma sección. 2- Cambiar el tema, solo para probar hay que activar cualquier otro tema (Twenty twenty o cualquier otro) en ocasiones hay algún conflicto.

@GURRY77 4 года назад

@@MiPrimerClic muchas gracias por la guía, validando es la opción 1 tenia un css adicional que le había agregado en una ocasión y el cual no había quitado, ahora si me funciona, muchas gracias como siempre por su ayuda.

@AndyMProductions 4 года назад

Luis muchas gracias, hay pocos videos en español para resolver los problemas de la página de checkout con elementor y esta es una excelente solución. Me puedes ayudar, he puesto en lugar del botón de carrito en mis productos un link directo a la página de compra para que el cliente pueda comprar sin tantos pasos. como lo logro para que no me diga tu carrito está vacío? Gracias Maestro.

@MiPrimerClic 4 года назад

Hola Andrés, tengo un video en cola que saldrá la próxima semana, estoy editando, el título será: 'Omitir que tu cliente pase por el carrito (Directo a la página de pago), creo que allí saldrá la solución a lo que buscas lograr... saludos.👋

@AndyMProductions 4 года назад

@@MiPrimerClic Listo, suscrito y a la espera. Gracias, desde Costa Rica

@dquirosramirez 3 года назад

Hola, en mi página de checkout no sale el botón de pago directo con tarjetas de Paypal (sin ingresar a la cuenta de Paypal) Si me sale en los productos pero no en el Checkout. Noté en el video que en su sitio sucede lo mismo! De que manera puedo hacer para que este botón esté también en el Checkout ? Saludos y cualquier ayuda o sugerencia voy a estar muy agredecido!

@MiPrimerClic 3 года назад

Hola David, Creo (No estoy 100% seguro) que esto se debe a falta de compatibilidad de parte de WooCommerce Blocks, ellos vienen agregando funciones y compatibilidades a todo, a veces es cuestión de esperar un tiempo. Saludos....👋

@josaxcorpxd2041 2 года назад

Para cambiar el nombre de encabezado de los campos ejemplo en vez de Detalles de Facturación quiero cambiarlo por Descripción. cómo puedo hacerlo?

@MiPrimerClic 2 года назад

Yo usaría Loco Translate, principalmente es para traducir frases o palabras, pero también lo puedes usar para poner lo que tu desees. Hay un video en el canal, busca Loco Translate y allí doy ejemplos de como hacerlo. Saludos.....👋

@alejovizual 3 года назад

Hola amigo, puedo hacer que algunos productos requieran registro de cuenta y otros productos no?

@MiPrimerClic 3 года назад

Si se puede Deiby, pero ya envuelve plugins de terceros que son de Paga. Una manera de hacerlo es protegiendo diferentes categorías para que solo puedan comprar por el 'Role' del Usuario. Otra manera es con un plugin de 'Membresías', NO es que el usuario tenga que tener una membresía, más bien así se les conoce a los plugins que sirven para proteger contenido, esto incluye productos, clases, cursos, pdf, imágenes, etc....El que yo utilizo es www.miprimerclic.com//wishlistmember Saludos....👋

@cesarguvas 3 года назад

excelente información, feclicitaciones. Y que pasaria si quisiera dejar la cabecera en el check out, ya que veo que desaparece

@MiPrimerClic 3 года назад

Hola Cesar, En el ejemplo hago que desaparezca porque es menos distracción, las estadísticas indican que con menos distracción hay más probabilidades que el cliente complete la compra. Dicho lo anterior, no pasa nada si dejas la cabecera, funciona como una página normal. Saludos....👋

@chunano 4 года назад

Hola Luis, muy buen video, podrás explicar como personalizar la página de carrito (si se puede) para cambiar los colores de las pestañas y botones y darle un toque más personalizado al mismo, Gracias.

@MiPrimerClic 4 года назад

Eso es mostrado directamente por WooCommerce, lamentablemente no se puede usando Elementor, tendría que ser con código o algún plugin especialmente para ello. Pero....WooCommerce viene renovando el aspecto del 'Carrito, Pagina de Pago y Página de Gracias', mucho mas fresco el diseño, estoy editando un video para mostrarles como implementar los nuevos diseños, saldrá en los próximos días o la otra semana.

@chunano 4 года назад

@@MiPrimerClic Gracias por la pronta respuesta. investigare como hacerlo.

@davidvarela2724 3 года назад

Como agrego metodos de pago diferentes a paypal y stripe ?

@MiPrimerClic 3 года назад

Hola David, Regularmente se agregan de la misma forma como agregaste Paypal o Stripe, es exactamente el mismo proceso, la variante es por parte de cada compañía y el plugin que ofrecen para integrarse con WooCommerce. Saludos...👋

@lorenachavezchavez5516 3 года назад

Hola buen día, que es más recomendable tener checkout multi step o en una sola vista? Saludos

@MiPrimerClic 3 года назад

Hola Lorena, En realidad NO existe un consejo general para todos, lo que hago es que cuando se piden muchos datos porque el producto, membresía, curso o servicio lo amerita! 'Tiendo a colocar varios pasos' para que NO sea abrumadora la experiencia para el usuario. Pero definitivamente entre más corto el formulario y menos pasos es mejor. Saludos....👋

@javieralejandromarquezosor8239 3 года назад

Hola buenas Luis, me sirvió mucho tu video, pero me gustaría saber si es que a este check out page puedo agregarle el header de mi página?. Muchas gracias de antemano, saludos.

@MiPrimerClic 3 года назад

Hola Javier, si puedes agregar el header, usualmente las páginas de Checkout o Finalizar comprar NO tienen header para evitar lo que se conoce como 'Cart Abandonment' o abandono de carrito. Menos distracciones = Mayor conversión de ventas.... Saludos....👋

@javieralejandromarquezosor8239 3 года назад

@@MiPrimerClic Muchas gracias!, tiene razón con eso de "cart abandonment", gracias por la respuesta :)!.

@master_iphonechile 3 года назад

HOLA LUIS SALUDOS DESDE CHILE, MI NOMBRE ES ANGELO HABLAMOS POR WHATSAPP HACE UN TIEMPO, BUEN VIDEO

@MiPrimerClic 3 года назад

Hola Angelo, claro que recuerdo, acababan de pasar los disturbios por allí, salieron de eso y luego se les vino lo de la pandemia, que año mas duro verdad... Deseo de corazón que estén bien por allí, entre lo que cabe!, familiares y amigos se les desea lo mejor.🙌👍👋

@marcovalle7315 Год назад

Hola, Luis, muchas gracias por tu excelente video. Una pregunta, ¿sabes cómo cambiar los headers? Es decir donde dice "detalles de facturación" Necesito ponerle otro nombre. ¡Gracias!

@MiPrimerClic Год назад

Hola Marco, Vengo retomando las preguntas y haciendo videos, ya copié esta sugerencia, estaré haciendo más videos. Saludos....👋

@Minimalrow 2 года назад

Hola buenas tardes!! saludos. primero que nada muchas gracias por tus tutoriales me han ayudado mucho, lo otro es que se me presento un problema, agregue el plugins de cartflow pero luego me arrepentí y lo elimine y ahora me da error la pagina de finalizar comprar, me podrías ayudar por favor gracias

@MiPrimerClic 2 года назад

Tienes que re-establecer la página de finalizar compra, una manera fácil y rápida es en la configuración de WooCommerce.....esta imagen te muestra donde está: www.dropbox.com/s/nvj09jehexs97d0/Crear%20p%C3%A1ginas%20por%20defecto%20de%20WooCommerce.png?dl=0 Saludos.....👋

@whafffb9475 4 года назад

Tomate un redbull crack, da sueño como hablas pero buen video 🏆

@MiPrimerClic 4 года назад

En la rueda de la abajo a la derecha se puede cambiar la velocidad de reproducción del video (Playback Speed), eso te permite consumir los materiales de cualquier video en menos tiempo, lo uso todo el tiempo, típicamente en 1.3x es para mi gusto una velocidad aceptable. 👍

@gabrielacurillan 2 года назад

¡Hola! entonces, sí se puede hacer más de una página checkout? ofrezco curso pero también asesorías personalizadas, y en las asesorías necesito que el checkout tenga algunas preguntas adicionales para conocer al cliente antes de la reunión. ¿Cómo puedo asignar un producto al checkout? y ¿con qué plugin se podría agregar un formulario o preguntas al checkout? ¡gracias!

@MiPrimerClic Год назад

Hola Grabriela, Creo que el plugin que necesitas es CartFlows, con el puedes hacer 'Order Bumps' que vendría siendo agregar algo más ya estando en el Checkout. Saludos......👋

@hernanramos3588 3 года назад

Hola , te encontre y me encantaron tus videos. Quiero cambiar mi pagina de pago pero no me sale la opcion para colocar como prueba. he buscado por varios lados y no lo encuentro. me podrias ayudar por favor.

@pierre8535 2 года назад

Hola Hernan, pudiste solucionar ese punto, a mi me pasa igual , si sabes como se hace para que aparezca me avisas , gracias .

@oskrglow 2 года назад

Gran tuto! Quizá me puedes ayudar un poco! te cuento yo lo que quiero por de momento es simplemente cambiar el título, es decir el texto que dice DETALLES DE FACTURACIÓN! quiero que diga otra cosa, pero no lo logro!!! Ya probé con Loco Translate, ya probé editando el .PO ya traté con editores y nada, pareciera lo mas simple del mundo y no logro hacerlo :(

@MiPrimerClic 2 года назад

Posiblemente esa 'Cadena' de traducción está viniendo del 'Tema', hay que probar en todos los plugins o temas disponibles. Si no lo logras, email: luis@miprimerclic.com Saludos....👋

@solbaysegovia9688 3 года назад

Lo que no entiendo es si de nuevo tenemos que añadir todos los productos ?, o se pueden sincronizar directamente con mi anterior tienda ?

@MiPrimerClic 3 года назад

Siguen siendo los mismos Productos, NO hay necesidad de crear nuevos. Saludos...👋

@yoandyrossrodriguez8964 4 года назад

hola, excelente vídeo, una pregunta aunque no tiene que ver con este vídeo, si tengo un servicio donde el cliente tiene que poner información(dirección, nombre etc) sobre el remitente y destinatario, como puedo hacer para crear múltiples destinatarios y a la ves quede guardada la información para que la próxima ves si usa el mismo remitente o destinatario este no tenga que ingresar la información, a menos que sea uno nuevo?

@MiPrimerClic 4 года назад

Hola Yoandy, 1 cliente = multiples destinatarios. Busca acerca de ACF (Advance Custom Fields) posiblemente esto te resuelva tu problema. Crear campos extras para que el cliente ingrese más direcciones en su perfil.

@yoandyrossrodriguez8964 4 года назад

Gracias por la ayuda, voy a revisarlo 👍

@pikafenix 3 года назад

esta muy bueno el video viejo, pero como que te escuchas un poco bajo en el audio... saludos

@MiPrimerClic 3 года назад

Hola Fernando, Gracias por notificarme, en los video más recientes ya vengo usando otro micrófono, también le bajé al 4% el nivel de la música de fondo. Saludos...👋

@cristianortiz9629 2 года назад

Por favor explica cómo puedes hacer 2 check-out diferentes para 2 productos diferentes

@MiPrimerClic 2 года назад

Hola Cristian, Para hacer 2 check-outs es más fácil hacerlo con 'Funnels' o embudos, yo utilizo CartFlows: www.miprimerclic.com/cartflows Ese plugin te permite crear diferentes páginas de carrito y de gracias por tu comprar, tienen una versión gratis y otra de pago. Saludos.....👋

@MsHandp 3 года назад

Hola Luis, viendo nuevamente tu vídeo para ver si encuentro solución a poder visualizar el checkbuttom para terminos y condiciones. He intentado cambiar de tema, usar código CSS personalizado para que me lo muestre, pero sigo sin dar con la solución. Ya los tengo activos en Woocommerce. Solo que me aparecen como dos hiperlinks pero sin casilla de verificacion. Sabrías como solucionarlo?

@MiPrimerClic 3 года назад

No eh probado eso Harold, ya probaste en una instalación nueva? mejor si es local?, solamente para eliminar la posibilidad de algún conflicto entre plugins. Hazlo en una instalación básica (WordPress y WooCommerce solamente).

@MsHandp 3 года назад

@@MiPrimerClic gracias Luis. Con una depuración local pude encontrar el error en un plugin tal como sugeriste. Sigo atento a tus videos. Siempre buen contenido. Éxitos!

@MiPrimerClic 3 года назад

@@MsHandp Excelente noticia, de echo voy a tomar prestada su frase 'Depuración Local' me gusta esa frase como la utilizó, la usaré para referirme a lo mismo, mil gracias.

@amtechnology2781 3 года назад

Hola, Cuando no completo algún campo además de ponerse en rojo arriba aparece un texto, sabes cómo quitarlo y que solo se ponga de color rojo cuando falta completar algún campo?

@MiPrimerClic 3 года назад

Hola A&M, En uno de los videos recientes explico una forma de hacerlo, puede ir directo al tema en el siguiente link: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Hry10PO58lE.html Saludos.....👋

@amtechnology2781 3 года назад

@@MiPrimerClic revisé el video pero no lo encuentro. De todas formas gracias

@pierre8535 2 года назад

Esa opción de ajuste de flujo no me aparece , espero me puedas ayudar , gracias .

@MiPrimerClic 2 года назад

Hola Jorge, tengo que hacer un video nuevo de los pasos, las cosas han venido cambiando bastante desde que hice este video. Estoy tomando nota de los videos a crear para Abril. Saludos....👋

@pierre8535 2 года назад

@@MiPrimerClic muchas gracias por responder y estare atento a ello , te agradecería pasaras el enlace y poder verlo , gracias.

@CrilonCrolon 3 года назад

No me aparecen en dos columnas :(

@MiPrimerClic 3 года назад

Intenta usando WooCommerce Blocks (Plugin).

@andreaduran7087 3 года назад

Hola, gracias por todo, me quedó increíble, pero se me desapareció la página de carrito :( pls help

@MiPrimerClic 3 года назад

Hola Andrea, En ocasiones cae en la papelera de basura, también puedes ir a Woocommerce->Estado->Estado del Sistema, navegar abajo hasta donde dice 'Páginas de Woocommerce' y ver si está definida: ver foto: www.dropbox.com/s/1cuzt322xcr6n0w/Paginas%20de%20Woocommerce.png?dl=0 Saludos....👋

@grupotecman9842 3 года назад

Buen tutorial, pero tengo problemas, me aparecen estos errores al intentar pagar: Error: expires_at" tiene un tipo inválido. Transaction Error: Could not complete the payment

@MiPrimerClic 3 года назад

Hola Grupo Tecman, Esos errores tienen que ver con la plataforma de pago que estás utilizando, intenta desactivar todas y solo dejar una que sea 'Cash on delivery' o pago contra entrega, si esa funciona entonces empezar a configurar las otras desde cero para detectar donde está el problema. También es buena idea correr el sitio en un ambiente local y probar si corren los pagos en cash. Saludos....👋

@grupotecman9842 3 года назад

@@MiPrimerClic Tenias mucha razón el problema estaba con mi forma de pago en efectivo, actualice la información y funciona al 100, gracias por compartir tu conocimiento y el soporte otorgado.

@susanaran 3 года назад

Muchísimas gracias por este maravilloso vídeo. ¿Serías tan amable de apoyarme coon algo? Yo estoy haciendo una web para reservar citas para un servicio y estoy trabajando con el plugin woocommerce booking and appointments. Entonces al finalizar la reserva va directamente a la página de check out pero me aparece arriba la opción de continuar reservando y la quiero quitar porque no tiene sentido. ¿Cómo podría hacer eso? Mil gracias por tu ayuda

@MiPrimerClic 3 года назад

Hola Susana, No estoy familiarizado con WooCommerce booking and appointments, pero si gusta me puede enviar un email a luis at miprimerclic.com para ver que puedo hacer. Saludos.....👋

@susanaran 3 года назад

@@MiPrimerClic Ya te contacté al privado. Mil gracias