¿Cómo editar la página de pago de WooCommerce sin Elementor?

¿No le gusta su página de pago predeterminada de WooCommerce porque se ve aburrida y el proceso de pago también es largo? Bueno, este podría ser el momento adecuado para editar tu página. De esta manera, sus clientes pueden realizar sus pedidos rápidamente, lo que también podría ayudar a generar más conversiones.

Pero, ¿cómo se personaliza exactamente la página de pago de WooCommerce? Resulta que hay 3 formas efectivas, incluida la edición manual, el uso de complementos y el generador de páginas Elementor. Sin embargo, el mejor método depende de con cuál te resulte fácil trabajar.

Ahora, sin más preámbulos, primero averigüemos por qué es posible que desee personalizar su página de pago. Después de eso, podemos ver cómo editar su página de pago de WooCommerce usando una combinación de Elementor y Shopready .

Por qué es posible que desee editar su página de pago de WooCommerce

Su página de pago de WooCommerce puede marcar una gran diferencia en el proceso de compra del pedido. Debido a esto, hay muchas razones por las que podría querer editarlo. Éstos incluyen:

Mejore la experiencia del usuario

El proceso de pago en cualquier WooCommerce predeterminado es bastante largo. Por lo tanto, puede optar por editar la página y acortar el proceso de pago. De esta manera, sus clientes tendrán una mejor experiencia de compra.

Hacer el pago seguro

Si sus clientes sienten que su información personal y de facturación no está segura, es probable que se vayan sin realizar una compra. Por lo tanto, debería considerar editar la plantilla de su página de pago para incluir una pasarela de pago segura.

Permitir compras rápidas y fáciles

Otra razón por la que podría querer personalizar la página de pago de WooCommerce es para ayudar a sus clientes a realizar sus pedidos rápidamente. Por ejemplo, podría incluir la opción de autocompletar detalles.

Mejorar la marca

¿Sientes que tu marca no se destaca entre la multitud? Es posible que desee editar su página de pago de WooCommerce para darle una apariencia profesional. Una forma de hacerlo sería cambiar su diseño e incluso la plantilla de la página.

¿Cómo editar la página de pago de WooCommerce WO Elementor?

Existen muchos métodos para editar su página de pago de WooCommerce. Puede elegir hacerlo manualmente, usando una combinación de elementor y Shopready , o usando complementos. La decisión es tuya. Entonces, analicemos cómo funciona cada método.

Método 1: edición manual

Este método implica el uso de un código para editar la plantilla de la página de pago . Como resultado, le brinda más control sobre la personalización en comparación con otros métodos de edición. A continuación hay pasos simples sobre cómo hacerlo.

Paso 1: elija filtros para personalizar los campos de pago

Para editar sus campos de pago, utilizará el archivo functions.php en su sitio web de comercio electrónico . Esto debería ser fácil porque WooCommerce le proporciona una lista de filtros que le permiten personalizar los campos de pago. Por ejemplo, está el:

• WooCommerce_shipping_fields
• WooCommerce_después_del_formulario_de_pago
• WooCommerce_billing_fields
• WooCommerce_checkout_after_terms_and_conditions

Paso 2: Edite el texto del marcador de posición

A continuación, comience por personalizar el texto del marcador de posición en order_comments_fields. Puede hacer esto simplemente agregando el siguiente fragmento de código a su archivo functions.php.

Paso 3: Eliminar campos

Si desea eliminar un campo, simplemente agregue el código a continuación a su archivo functions.php.

Paso 4: Agrega los campos necesarios

Para agregar campos a su página de pago de WooCommerce, simplemente inserte el código a continuación en su archivo function.php.

Después de insertar el código, notará que aparecerá un campo adicional. Sin embargo, no hay nada de qué preocuparse. Simplemente copie el siguiente código para la validación de datos.

Paso final: guarde sus datos

Por último, ingrese el siguiente código para asegurarse de que se guarden todos los detalles ingresados ​​por sus clientes en la página de pago.

Método 2: usar el generador de páginas de Elementor

La edición manual de su página de pago requiere que tenga experiencia en codificación. Afortunadamente, si no eres un experto en tecnología, puedes usar elementor, uno de los mejores creadores de páginas de WordPress. Los siguientes son pasos sobre cómo hacer la edición usando elementor.

Paso 1: busque la página de pago

Primero, vaya a su tablero de WordPress y busque la lista de Páginas. En la lista de páginas, puede encontrar la página de pago predeterminada. Simplemente haga clic en el botón Editar para iniciar el editor de WordPress. A continuación, elija la opción Editar con Elementor para habilitar Elementor y luego inicie el editor de Elementor.

Paso 2: agregue el widget de pago de Elementor

A continuación, abra la página de pago predeterminada en elementor y elimine el widget de pago o código abreviado existente de WooCommerce. Luego, agregue el widget de pago en el Editor de Elementor. Debería poder ver una vista previa en vivo de su página de pago.

Paso 3: edite el contenido en la página de pago

En la pestaña Contenido ubicada en la barra lateral de Elementor, haga clic en Configuración general. Desde la configuración, puede decidir seleccionar un diseño de una o dos columnas para editar y personalizar el contenido .

Además, puede editar los detalles de facturación y envío, información adicional, su pedido, cupón y detalles de pago. Y si quieres añadir una caja de cupones , también es posible.

Paso 4: edite el estilo de su página de pago

Justo al lado de la pestaña Contenido, haga clic en la pestaña Estilo para personalizar aún más el estilo de su página de pago. Desea asegurarse de que el diseño de su página de pago personalizada coincida con el de su tienda.

En la pestaña Estilo, puede seleccionar diferentes opciones de diseño, incluidas Secciones, Tipografía, Formularios, Resumen de pedido y Botón de compra. Simplemente modifique y pruebe las diferentes opciones para encontrar un estilo que haga que su página de pago se destaque.

Paso 5: Guarda tus cambios

Una vez que haya terminado de personalizar el estilo de su plantilla de página de pago , guarde todos los cambios. A continuación, obtenga una vista previa de los cambios antes de que finalmente pueda publicar su página.

Método 3: Uso de complementos

Otra forma fácil y rápida de editar su página de pago de WooCommerce es usar un complemento. Ahora, hay un puñado de opciones de complementos para elegir. Sin embargo, en este artículo, nos centraremos en usar una combinación de Elementor y Shopready .

Paso 1: Instale el complemento Shopready para elementor

Antes de instalar este complemento, asegúrese de que su WordPress tenga un generador de páginas de Elementor. Esto se debe a que Shopready no puede trabajar solo. Luego, en su tablero de WordPress, haga clic en complementos y seleccione Agregar nuevo. A continuación, busque Shopready en el cuadro de búsqueda y haga clic en el botón Activar.

Paso 2: personaliza el contenido de tu página de pago de Shopready

En su tablero de WordPress, elija abrir Shopready. Se le dirigirá al panel de control de Shopready. Debajo del tablero, hay opciones de Widgets, Módulos y Plantillas para ayudarlo a personalizar su página. Puedes elegir cualquier opción para editar y personalizar el contenido .

Paso 3: habilite los widgets

Haga clic en la opción de widgets y seleccione la pestaña Habilitar todo. Luego, seleccione Guardar cambios. Pero si no desea habilitar todos los campos, simplemente elija sus opciones preferidas y guarde los cambios.

Paso 4: habilitar módulos

A continuación, elija la opción Módulos y haga clic en Habilitar todo. También puede seleccionar la opción Deshabilitar todo o habilitar solo algunos de forma selectiva. Una vez que haya terminado, haga clic en el botón Guardar cambios.

Paso 5: habilitar plantillas

En esta sección, encontrará opciones como Tienda, Página de pago, Carrito, página de detalles del producto y más. Haga clic en la pestaña Habilitar en sus opciones de plantilla preferidas y luego en Guardar.

Paso 6: habilite la API de moneda

Haga clic en la pestaña API e ingrese su clave API de moneda en el campo vacío proporcionado. Luego, seleccione la opción Guardar cambios para completar el proceso.

¿Por qué usar Shopready para editar la página de pago de WooCommerce?

ShopReady es simplemente un complemento para Elementor. Desarrollado por QuomodoSoft, este complemento ofrece muchos beneficios al usarlo para editar su página de pago personalizada de WooCommerce. Éstos incluyen:

Amplia gama de widgets

Este complemento le proporciona más de 100 widgets de página de compras que puede agregar fácilmente a su página de Elementor. En consecuencia, puede personalizar rápidamente la página de pago de WooCommerce según sus necesidades.

Plantillas prediseñadas

Si es un nuevo usuario de WooCommerce, debería considerar usar Shopready para editar sus páginas de pago. Esto se debe a que el complemento presenta plantillas prediseñadas para facilitar la personalización.

Características orientadas al cliente

Otra razón por la que debería usar este complemento para editar su página de WooCommerce es por sus características orientadas al cliente. Algunos de estos incluyen la página de agradecimiento, agregar una opción de cuadro de cupón y comparaciones de productos.

Compatible con dispositivos móviles

Este complemento le permite editar su página de pago y hacer que sea compatible con dispositivos móviles. Como resultado, sus clientes pueden tener una excelente experiencia de compra independientemente del dispositivo que utilicen.

Conclusión

En general, hay muchas razones por las que es posible que desee editar su página de pago de WooCommerce. Podría ser que desee mejorar la experiencia de usuario de su cliente, hacer que la página sea segura o mejorar su marca. Cualquiera que sea el caso, puede elegir editar usando complementos, elementor, o hacerlo manualmente.

Por supuesto, usar complementos o una combinación de elementor y Shopready es el método más fácil. Esto se debe a que Shopready ofrece una amplia gama de widgets para elegir. En consecuencia, puede editar su página de pago y hacerla tan personalizada como desee. Sin embargo, si tiene experiencia en codificación, siempre puede editar sus páginas manualmente.

Cómo agregar lista de deseos en WooCommerce sin complemento