Según nuestra experiencia, una de las principales razones por las que los clientes abandonan sus carritos en los sitios de comercio electrónico es que les sorprenden los gastos de envío. Es importante que tus clientes sepan cuánto van a pagar por adelantado.
Es fácil permitir a sus visitantes calcular el coste del envío en su sitio web. Con una calculadora de gastos de envío, los clientes pueden estimar con precisión el coste total de un producto que tendrán que pagar con la entrega.
Disponer de una calculadora de gastos de envío ayuda a mantener la transparencia de su empresa y genera confianza entre los clientes potenciales.
A lo largo de los años, hemos observado que los sitios web que son transparentes sobre sus gastos de envío e incluyen calculadoras de envío suelen tener más éxito que las tiendas que sólo revelan el coste en la página de pago.
En este artículo, le mostraremos cómo añadir fácilmente una calculadora de envíos a su sitio WordPress.
¿Qué es una calculadora de envíos y por qué utilizarla?
Una calculadora de envíos ayuda a estimar automáticamente el coste total del envío. Muestra los gastos de envío y otras cuotas relevantes a los clientes, para que no tengan que calcular manualmente las tasas / tarifas de envío y los gastos.
En el cálculo de los gastos de envío entran en juego distintos factores. Algunos de ellos son el precio del producto, el destino, el origen de un envío, el peso, las dimensiones, el tipo de servicio de envío y otras variables durante el cálculo.
Calcular manualmente los gastos de envío puede llevar mucho tiempo si hay varios pedidos en su tienda online. Además, el cálculo manual también daría lugar a errores, lo que puede afectar a la satisfacción del cliente.
Usar un plugin de calculadora de envíos para tu sitio WordPress o WooCommerce te guardará mucho tiempo y automatizará el proceso.
Los clientes pueden seleccionar simplemente su ubicación y ver lo que costará realmente el producto después de la entrega. Esto ayuda a fortalecer la relación con sus clientes y genera confianza.
Dicho esto, vamos a ver cómo puedes añadir fácilmente una calculadora de envíos a tu sitio WordPress. También mostraremos una forma de añadirla a tu tienda WooCommerce.
Puede enlazar los siguientes enlaces para saltar a la sección que prefiera:
Añadir una calculadora de envíos a WooCommerce
La mejor manera de añadir una calculadora de envíos en WooCommerce es utilizando el plugin Product page shipping calculator for WooCommerce. Es un plugin gratuito que permite a los clientes calcular el coste de envío antes de añadir un producto al carrito.
En primer lugar, tendrá que descargar e instalar la calculadora de envío de la página del producto para el plugin WooCommerce. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.
Nota: Si aún no tienes una tienda establecida, puedes seguir nuestra guía donde desglosamos lo que necesitarás para establecer y lanzar una tienda WooCommerce.
Una vez activado, puede ir a WooCommerce ” Calculadora de envíos para configurar el plugin.
El plugin funciona desde el primer momento, y puede utilizar los ajustes por defecto para empezar. Sin embargo, hay opciones para editarlos y personalizar su calculadora de envío.
Es importante tener en cuenta que el plugin utilizará la información de los ajustes de la zona de envío en WooCommerce a la hora de calcular las cuotas de envío.
Establecer zonas de envío en WooCommerce
Si no ha establecido las zonas de envío, entonces tendrá que ir a WooCommerce ” Ajustes desde su escritorio de WordPress y cambiar a la pestaña ‘Envío’.
En la sección Zonas de envío, simplemente haga clic en el botón “Añadir zona de envío”.
A continuación, introduzca el nombre de la zona y seleccione las regiones en el menú desplegable. Puedes añadir varios países o ciudades en una misma zona.
A continuación, puede hacer clic en el botón “Añadir método de envío”.
Se abrirá una ventana emergente.
WooCommerce ofrece 3 métodos de envío para elegir. Puedes seleccionar una ‘Tarifa plana’ y luego introducir una cantidad que se cobrará por el envío. O puedes elegir las opciones de ‘Envío gratuito‘ y ‘Recogida local’.
Cuando haya terminado, simplemente haga clic en el botón “Añadir método de envío”.
Puede añadir varios métodos de envío para la zona y establecer las condiciones en las que se aplican.
A continuación, deberá hacer clic en la opción “Editar” situada debajo de sus métodos de envío.
A continuación, se abrirá una pequeña ventana en la que podrá cambiar el título del método, seleccionar si desea que el método de envío esté sujeto a impuestos e introducir un coste.
Para los costes, puede introducir una tasa / tarifa plana que se cobrará cuando un cliente añada un producto al carrito. También existe la opción de multiplicar los gastos de envío por la cantidad.
Cuando hayas terminado, haz clic en el botón “Guardar cambios”.
Ahora puede volver a la sección de zonas de envío para ver sus zonas, regiones y métodos de envío.
Editar ajustes de la calculadora de envíos
Después de establecer las zonas de envío, puede volver a WooCommerce ” Calculadora de envíos para cambiar los ajustes de la calculadora de envíos de la página del producto para el plugin de WooCommerce.
En la pestaña Configuración básica, puede editar la posición de la calculadora en la página del producto y la posición de los resultados de la calculadora.
Si te desplazas hacia abajo, verás más ajustes. El plugin te permite editar los mensajes utilizados en el plugin, auto-cargar el método de envío, y más.
Cuando haya terminado, sólo tiene que hacer clic en el botón “Guardar cambios” situado en el lateral o en la parte inferior de la página.
A continuación, puede pasar a la pestaña “Quitar / eliminar campos”. Aquí verá opciones para quitar / eliminar cualquier campo de la calculadora de envíos.
Por ejemplo, el plugin mostrará por defecto los campos de país, estado, ciudad y código postal. Puede desactivar cualquiera de los campos que no coincidan con sus zonas de envío.
A continuación, diríjase a la pestaña “Diseño”. El plugin te da múltiples opciones para editar la apariencia de la calculadora de envío.
Por ejemplo, puede cambiar los colores del fondo y del texto para mostrar los métodos de envío, o puede elegir los colores de los botones que aparecen en la calculadora.
No olvides hacer clic en el botón “Guardar cambios” para establecer los ajustes.
A continuación, puedes visitar tu tienda WooCommerce para ver la calculadora de envíos en acción.
En la siguiente captura de pantalla, los clientes primero tendrán que seleccionar un lugar de entrega y hacer clic en el botón “Actualizar dirección”.
Una vez hecho esto, el plugin calculará automáticamente los gastos de envío que hayas establecido en la sección de zona de envío y los añadirá al coste total.
De este modo, los clientes sabrán los gastos de envío que tendrán que pagar además del coste del producto.
Cómo añadir una calculadora de envíos sencilla a un sitio WordPress
Si no tienes una tienda WooCommerce y quieres añadir una calculadora de envíos genérica a tu sitio WordPress, entonces puedes usar WPForms.
Es el mejor plugin de calculadoras para WordPress que te permite crear todo tipo de formularios con unos pocos clics. Por ejemplo, puedes añadir un formulario de contacto, calculadoras, encuestas y formularios de registro utilizando el plugin.
En primer lugar, tendrá que instalar y activar el plugin WPForms. Para más detalles, consulte nuestro tutorial sobre cómo instalar un plugin de WordPress.
Nota: WPForms tiene una versión gratuita. Sin embargo, necesitará el plan pro para desbloquear el complemento Cálculos.
Tras la activación, visite la página WPForms ” Configuración desde el escritorio de WordPress para introducir su clave de licencia. Puede encontrar esta información en su cuenta en el sitio web de WPForms.
Después de eso, diríjase a la página WPForms ” Addons y localice el ‘Calculations Addon’.
A continuación, haga clic en el botón “Instalar complemento” para activarlo en su sitio.
A continuación, vaya a la página WPForms ” Añadir nuevo desde la barra lateral de administración de WordPress.
Aquí puede empezar escribiendo un nombre para el formulario de calculadora que va a crear.
A continuación, localice la plantilla “Formulario de cálculo de gastos de envío”. A continuación, haga clic en ‘Usar plantilla’.
Una vez hecho esto, el constructor de arrastrar y soltar se lanzará en su pantalla. Aquí verás una vista previa del formulario a la derecha y los campos del formulario a la izquierda.
Ahora, puedes hacer clic en los diferentes campos para editar su configuración a tu gusto. Para saber más, consulta nuestra guía para principiantes sobre cómo añadir una calculadora personalizada en WordPress.
A continuación, desplácese hasta el campo “Gastos de envío estimados” y abra su configuración en la columna de la izquierda. A continuación, cambie a la pestaña “Avanzado” para comprobar la fórmula de cálculo utilizada en el formulario.
También puede modificar los gastos de envío desde aquí. Sin embargo, tendrá que utilizar el enlace ‘Cheatsheet’ de la parte superior para entender y aplicar las reglas aritméticas.
Cuando hayas terminado, haz clic en el botón “Guardar” de la parte superior para almacenar la configuración.
A continuación, visite la página en la que desea añadir su formulario simple de calculadora de gastos de envío. Aquí, haga clic en el botón ‘Añadir Bloque’ en la esquina superior izquierda y añada el bloque WPForms.
A continuación, elige el formulario que acabas de crear en el menú desplegable. Por último, haz clic en el botón “Actualizar” o “Publicar” para guardar la configuración.
Ahora puede visitar su sitio web para ver el formulario en acción.
Añadir una calculadora avanzada de envíos a un sitio WordPress
Si desea añadir una calculadora de envíos más compleja a su sitio de WordPress, le recomendamos Formidable Forms.
Es un popular plugin de formularios de contacto para WordPress que permite crear formularios avanzados y complejos como calculadoras, directorios y aplicaciones web.
Para este tutorial, utilizaremos el plan Formularios Pro de Formidable, que incluye campos de precios y más opciones de personalización.
En primer lugar, tendrás que instalar y activar los plugins Formidable Forms Lite y Formidable Forms Pro. El plugin Lite es de uso gratuito, y el plugin Premium le añade funciones más avanzadas.
Para más detalles, consulte nuestra guía sobre cómo instalar un plugin de WordPress.
Una vez activado, tendrás que ir a Formidable ” Ajustes globales desde el escritorio de WordPress. Desde aquí, puedes enlazar el enlace “Haz clic para introducir una clave de licencia manualmente”.
A continuación, tendrás que introducir la clave de licencia y hacer clic en el botón “Guardar licencia”.
Encontrará la clave de licencia en su área de cuenta de Formularios Formulables.
Después, debe ir a Formidable ” Formularios para añadir un nuevo formulario.
Basta con hacer clic en el botón “+ Añadir nuevo” de la parte superior.
A continuación, Formidable Forms mostrará diferentes plantillas para elegir. Puedes elegir entre múltiples categorías, como operaciones comerciales, calculadora, formularios conversacionales y más.
Formularios Formidable no ofrece una plantilla pre-construida para una calculadora de envío. Sin embargo, puede crear una utilizando una plantilla de formulario en blanco.
Seleccione la plantilla “Formulario en blanco”.
En la pantalla siguiente, deberá introducir un nombre para su formulario.
También hay una opción para insertar la plantilla en una aplicación. Sin embargo, para este tutorial, dejaremos esto en la configuración por defecto.
Tras introducir el nombre del formulario, haga clic en el botón “Crear”.
A continuación, verás el editor de arrastrar y soltar.
Basta con arrastrar cualquier campo de formulario del menú de la izquierda y soltarlo en la plantilla.
Por ejemplo, puede añadir a la plantilla campos de formulario como nombre, correo electrónico, número de teléfono, etc.
Para crear una calculadora de envíos, desplácese a la sección Campos de precios de la izquierda y añada un campo de formulario “Producto”.
A continuación, puede seleccionar el campo del formulario del producto y personalizarlo aún más.
Por ejemplo, cambiamos la etiqueta del campo y el tipo de producto. Formularios Formidable también te permite mostrar productos como casillas de verificación, desplegables, botones de radio, productos individuales o definidos por el usuario.
Además, puede añadir sus productos y sus precios en el menú Opciones de productos de la izquierda.
Ahora que ha añadido sus productos, el siguiente paso es añadir sus regiones y gastos de envío. Para ello, puede volver a añadir un campo de formulario Producto en la sección Campos de precios del menú de la izquierda.
A continuación, deberá editar la etiqueta y el tipo de producto, e introducir cada región por separado y los gastos de envío.
En la captura de pantalla anterior, cambiamos la etiqueta a Regiones de envío y cambiamos los Tipos de producto a Casillas de verificación. A partir de aquí, añadimos diferentes zonas de envío y su coste en la sección Opciones de producto.
Una vez hecho esto, necesitará mostrar un total para su calculadora de envíos. Para ello, simplemente añada el campo de formulario Total en la sección Campos de precios de la plantilla.
A continuación, puede seleccionar el campo de formulario Total y editar su etiqueta, añadir una descripción, etc.
Formidable Forms también le permite añadir lógica condicional a los campos del formulario y mostrarlos en función de las respuestas del usuario.
Después, puedes cambiar a la pestaña “Estilo” de la parte superior.
Formidable Forms ofrece estilos pre-construidos para su formulario. Simplemente seleccione uno o cree un nuevo estilo. Para este tutorial, usaremos el Estilo Formidable por defecto.
A continuación, también puede cambiar los ajustes de los formularios en Formularios.
Sólo tienes que ir a la pestaña “Ajustes” de la parte superior. Aquí encontrarás ajustes generales para cambiar el título del formulario, añadir una descripción y mucho más.
También hay opciones para acciones y avisos, permisos de formulario y programación del formulario de la calculadora de envíos.
Una vez establecidos los ajustes, guarda los cambios. Ya puedes incrustar la calculadora en cualquier parte de tu sitio.
Para empezar, puedes hacer clic en el botón “Incrustar” del maquetador de formularios en la parte superior. Esto te dará múltiples opciones, como añadir el formulario a una página existente, crear una nueva página o insertarlo manualmente.
Para este tutorial, elegiremos la opción “Crear nueva página”.
A continuación, introduzca un nombre para la nueva página y haga clic en el botón “Crear página”.
A partir de aquí, verá una vista previa del formulario de la calculadora de envíos en el editor de contenido de WordPress.
Adelante, publique su página y visite su sitio para ver la calculadora de envíos en acción.
Esperamos que este artículo te haya ayudado a aprender cómo añadir una calculadora de envíos a tu sitio WordPress. Puede que también quieras ver nuestra guía sobre cómo mostrar recomendaciones de productos en WordPress y los mejores plugins de WooCommerce.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Ralph
This is interesting guide!
My wife has home design blog and plan to sell self made furniture. We thought we would just write shipping cost as a plain text, but this is way better.
WPBeginner Support
Glad we could share how to add this
Administrador