..:: DesarrolloWeb1106 realizamos Páginas Web desde Venezuela, Diseño y Desarrollo de Paginas Web ::..
Relevantes
Relevantes

Nuevas tendencias en el desarrollo de apps que debes conocer

Vamos a ver cuáles están siendo y van a ser tendencias en el mundo de las aplicaciones móviles en cuanto a desarrollo.

1. Realidad Aumentada y Realidad Virtual

Ambas están revolucionando la industria a pasos agigantados, estimándose que en 2023 sean 2,5 millones de personas las que utilicen productos basados en estas tecnologías.

Desde 2018 ya estaban muchos dispositivos adaptados y preparados. Pero, ¿en qué van a influir en el mundo de las apps la realidad aumentada y la realidad virtual? Pues bien, en el mundo del retail por ejemplo, va a ayudar a la modificación del color de las prendas o incluso mediante probadores virtuales.

2. 5G

Gracias al 5G se va a producir un aumento de velocidad en nuestros dispositivos móviles, lo cual tendrá repercusión en su uso y desarrollo.

Esto dará lugar a una mayor utilización de apps basadas en realidad aumentada como comentábamos anteriormente o juegos en 3D por ejemplo. Es mil veces más veloz que la 4G. esperemos a probarla.

3. Tecnología Beacon

La tecnología beacon se basa en transmisores inalámbricos capaces de enviar señales a través del bluetooth, la cual está siendo implementada en sectores como la hostelería o salud.

Un negocio puede enviar información a sus clientes que se encuentren cerca y la tengan instalada.

4. Inteligencia Artificial

La Inteligencia Artificial junto con el Aprendizaje Automático ya han supuesto un gran cambio en el mundo de las apps, el cual va a seguir continuando en este 2021.

Gracias a la Inteligencia Artificial podemos contar con los chatbots que supuso un gran cambio a la hora de relacionarse las empresas con sus clientes con un contacto más personalizado y cercano. Por lo que este año se va a mejorar aún más la experiencia con el cliente mediante asistentes digitales y bots de terapeutas. Ahora si quieres e lograr ventas, se tu mismo quien atiende tus clientes con widgets que de manera facil te pondrán en linea directa.

5. Internet de las Cosas

Los dispositivos móviles están siendo el centro de atención del Internet de las Cosas. Ya no sólo será aplicable en nuestro hogar mediante el control de nuestros frigoríficos o robots de cocina, sino que va a tener una mayor aplicación por ejemplo en nuestros trabajos.

Para el desarrollo de apps va a suponer una mayor aceleración en las operaciones, una reducción de costes y una mayor ciberseguridad.

6. Voice User Interfaces

Ya son un 50% las búsquedas que se realizan por voz mediante nuestros dispositivos móviles, por lo que se espera en este año un continuo crecimiento. Por ello, debemos de adaptar nuestras apps e incluir esta funcionalidad, haciendo que la interfaz visual y de voz no sean independientes.

Nuevas tendencias apps en diseño

Una vez conocidas cuáles son las tendencias en cuanto a desarrollo, vamos a ver aquellas referentes a su diseño.

1. Modo Oscuro

El término medio de horas que pasamos frente a nuestros dispositivos móviles se centra entre 3 y 5 horas diarias y va en ascenso. Por ello, el diseño tiene que estar adaptado a este hábito y ofrecer el modo oscuro, donde el texto claro se funde en un fondo oscuro. Aparte de ser beneficioso para nuestros ojos, nos permite un mayor ahorro de batería.

En este 2021 va a destacar el uso de neones y gradientes brillantes que resalten de aquellos fondos oscuros.

2. Elementos transparentes, el desenfoque

Los degradados, fondos transparentes o las superposiciones están siendo otra de las tendencias apps. Antes se ofrecía un fondo más nítido que a simple vista parece más limpio, pero aparte de ello, se ha comprobado que afecta de manera negativa a la usabilidad.

La sensación que se pretende conseguir es que podamos ver detrás de una imagen y creamos que incluso podemos llegar a tocar lo que hay detrás.

3. Colores futuristas

Los diseñadores se están basando en todos los colores del arco iris, pero más en unos que otros, como por ejemplo azul o rosa. Pero y esto, ¿a qué se debe?.

Se trata de los colores del futuro, aquellos que no surgen de la naturaleza, sino que tienen que ser diseñados. Son colores vivos y vibrantes, los cuales resaltan sobre espacios oscuros, dando una sensación brillante.

4. Uso de nuevas tipografías

En años anteriores, la fuente por excelencia era Sans Serif, pero esto está cambiando en este año, donde se está optando por un uso conjunto de tipografías. Esto crea una jerarquía visual, logrando separar los titulares del texto en cuestión.

5. Ilustraciones al frente y al centro

Ya no se van a basar las aplicaciones en simples gráficos, sino en grandes ilustraciones. Lo que se busca con ello es lograr captar la atención del usuario y mantenerlo el mayor tiempo posible para que obtengan toda la información necesaria.

Ya que conocemos cuáles son todas las tendencias para este 2021 en el mundo de las apps, ¿quieres tener tu aplicación nativa compatible con Android e IOS sin necesidad de programar?

Contáctanos y con gusto agendamos una reunión para coordinar tu nueva app y seas tendencia. Posiciona tu empresa , marca y/o producto.

Pago con transferencia bancaria en WooCommerce

La transferencia es la forma de pago que menos complicación técnica presenta en tu ecommerce. Aprende como configurarla correctamente en WooCommerce.

La transferencia es la forma de pago que menos complicación técnica presenta en tu ecommerce. Aprende como configurarla correctamente en WooCommerce.

Si la semana pasada veíamos con detalle cuales eran los ajustes de finalizar compra de WooCommerce, hoy descubrirás la primera de sus pasarelas de pago por defecto, la transferencia bancaria.

Aunque es un método de pago a caballo entre el mundo offline y el online, todavía se sigue utilizando en muchos proyectos de ecommerce. Sobre todo en aquellos que están enfocados al B2B. Dependiendo de la naturaleza de tu proyecto, puedes decidir si es interesante para ti facilitar esta forma de pago a tus clientes.

Para configurar la transferencia bancaria como forma de pago en tu ecommerce, debes dirigirte a los Ajustes de WooCommerce. Y dentro de la pestaña Finalizar compra haz click sobre el link Transferencia bancaria.

Panel de opciones de transferencia bancaria de WooCommerce.

Una vez aquí, los ajustes que presenta en su configuración son los siguientes:

  • Activar/Desactivar: este check habilita o deshabilita la transferencia bancaria como forma de pago en tu tienda online. Es como el botón de On/Off.
  • Título: en este campo de texto puedes definir como quieres nombrar esta forma de pago. WooCommerce te permite personalizarlo y definir así la pasarela con la denominación que prefieras. Transferencia, Transferencia bancaria o lo que más te guste.
  • El campo título establece el nombre de la pasarela de pago.
    • Descripción: el campo descripción te permite aclarar a tus usuarios en qué consiste esta forma de pago. Este campo de descripción aparece en el selector de forma de pago de tu página de checkout.
      La descripción aparece en el selector de forma de pago de tu página de checkout.
      • Instrucciones: a diferencia del campo anterior, las instrucciones te permiten aclarar a tus usuarios como tienen que proceder para realizar la transferencia una vez que han realizado el pago. Por lo tanto, las indicaciones que incluyas en este campo sólo se mostrarán en la página de resumen de pedido y en el correo de confirmación de pedido que se envía al usuario.

    • Las instrucciones se muestran en la página de resumen de pedido y en el correo de confirmación de pedido que se envía al usuario.
      • Detalles de la cuenta: en el siguiente cuadro puedes configurar tantas cuentas bancarias como desees. Para ello, sólo tienes que rellenar los siguientes datos por cada una de ellas:

      • Completa los campos con los datos de tu cuenta o cuentas bancarias.
        • Nombre de la cuenta: campo de puedes utilizar para ayudarte a identificar las distintas cuentas que configures. Es un campo interno, por lo que úsalo como consideres para saber con qué cuenta estás trabajando en cada momento.
        • Número de cuenta: campo para indicar el número de cuenta. Como WooCommerce es un plugin de ecommerce que se puede utilizar en cualquier país, el campo número de cuenta está pensado para ser utilizado junto al código de clasificación en el mercado estadounidense. Por lo tanto, si estás en España, puedes dejarlo en blanco.
        • Nombre del banco: indica el nombre comercial de la entidad en la que está registrada dicha cuenta. Por ejemplo: Banco Santander, BBVA, etc.
        • Código de clasificación: este campo mal traducido al español es el routing number. Es un código de nueve dígitos que se basa en la ubicación del banco de EE.UU. donde se abrió la cuenta. Por lo tanto, si operas en España o Europa, es un campo que no necesitas rellenar, puedes dejarlo en blanco.
        • IBAN: El Código Internacional de Cuenta Bancaria (IBAN) es un medio internacionalmente acordado para identificar cuentas bancarias y utilizado especialmente para realizar transferencias entre bancos de la Unión Europea. En España el IBAN tiene 24 dígitos y está formado por los 2 dígitos del país (ES), 2 dígitos de control y los 20 dígitos del número completo de la cuenta bancaria.

        Formulación del código bancario IBAN.
        • BIC/SWIFT: El código SWIFT (Society for Worldwide Interbank Financial Telecommunication) o también denominado código BIC (Bank Identifier Code) es una serie alfanumérica de 8 u 11 dígitos que sirve para identificar al banco receptor cuando se realiza una transferencia internacional. Puedes rellenarlo o dejarlo en blanco dependiendo si tu ecommerce debe aceptar transferencias bancarias internacionales.

         

        Una vez completados todos los campos, cuando un usuario seleccione Transferencia bancaria en tu página de checkout, verá lo siguiente:

        Vista de cómo aparece la transferencia bancaria en las opciones de pago de la página de checkout.

        Una vez haya confirmado el pedido, se mostrará la siguiente información en su página de resumen de pedido:

    • El usuario recibe las instrucciones para realizar la transferencia bancaria en la página de resumen de pedido…

      Al igual que en el correo de confirmación de pedido, donde se mostrará los detalles para realizar la transferencia que hayas indicado en los ajustes anteriores.

    • En el email de confirmación de pedido se muestran al usuario los detalles para realizar la transferencia.
  • Resumiendo…

    Como ves, habilitar la transferencia bancaria como forma de pago en tu ecommerce es relativamente sencillo. Tan sólo debes saber a qué nos estamos refiriendo en cada campo y buscar en los detalles de tu cuenta el IBAN o el BIC/SWIFT.

    Por lo que ahora, ya no tienes excusa. Tanto si vas a aceptar transferencias nacionales, europeas o internacionales, ahora ya sabes como configurar correctamente tus cuentas bancarias en WooCommerce. Si tienes alguna duda con algún campo, no dudes en pregúntarme. Y si necesitas ayuda con tu tienda online, o necesitas poner a punto tu instalación de WooCommerce, recuerda que tienes disponible mi servicio de mantenimiento WooCommerce con el que podrás despreocuparte de actualizaciones y problemas técnicos.

    La próxima semana continuaremos con otra forma de pago que puedes habilitar en tu tienda online… el pago por cheque. Mientras tanto puedes ir chequeando todo lo que hemos visto hoy en tu ecommerce. ¡Adeeelaaaante! (Ups, esto último ha sonado a eslogan de entidad bancaria! ?

Cómo almacenar lo enviado por el plugin Contact Form 7

¿Qué es el plugin Contact Form 7?

Contact Form 7 es un plugin gratuito desarrollado por Rock Lobster que nos permitirá crear todos los formularios que queramos en nuestro proyecto sin límite alguno. Fácil de instalar y de gestionar, Contact Form 7, es el plugin que necesitas si debes llevar a cabo tareas como las comentadas anteriormente. Además, no tiene coste alguno y sus beneficios son muchos.

Es muy habitual si hacemos desarrollos a medida utilizando WordPress como base, que el cliente nos solicite formularios en donde se recoja información relevante. Por defecto, WordPress no cuenta con funciones para crear formularios, pero podemos ayudarnos, como no, de un plugin para ello. En la red hay muchos plugins para crear formularios en WordPress, pero personalmente el que más me gusta es este Contact Form 7.

Almacenar lo enviado por el plugin Contact Form 7

Lo primero que tienes que hacer es instalar y activar el plugin Save Contact Form 7 teniendo ya el Contact Form 7 instalado. Para ello ve a la sección Plugins del backoffice de tu WordPress y selecciona la opción de Añadir Nuevo. En la página de Añadir Nuevo Plugin, busca el plugin que queremos instalar haciendo uso del campo de búsqueda que se sitúa en la parte superior derecha de la página.

 

Teclea el nombre del plugin (que como te hemos indicado es “Save Contact Form 7”) y presiona ENTER para iniciar la búsqueda. Si has seguido los pasos al pie de la letra, este plugin te debería aparecer como uno de los primeros resultado de la búsqueda. Instálalo y actívalo para poder utilizarlo.

Una vez instalado, solo tienes que ir a la nueva sección que se ha creado automáticamente al instalar este último plugin llamada Save CF7 mediante el menú lateral izquierdo disponible en el backoffice.

Cuando entres en la página del plugin en el backoffice verás un campo desplegable para elegir de qué formulario quieres ver las respuestas. Antes que nada decirte que si un formulario no ha recibido respuesta alguna, no aparecerá en el desplegable. Y por supuesto, este plugin no tiene caracter retroactivo, es decir, comenzará a almacenar información enviada por los formularios una vez se haya instalado, y no antes. Es decir, no mostrará respuestas de usuarios anteriores a la activación del plugin.

Una vez seleccionado el formulario del cual queremos ver las respuestas, estas se nos mostrarán en un listado ordenado por columnas. Puedes mostrar tantos registros como quieras, exportarlos a CSV y PDF e incluso imprimirlos. Además, cuenta con un buscador con el cuál podremos encontrar las respuestas que andemos buscando.

Por último decir que, si queremos mostrar la fecha de envío de la respuesta podemos hacerlo entrando en la sección de Ajustes del plugin en Save CF7 > Settings. Ahí podrás ver una opción que realiza esto que te acabo de comentar, así que marca el checkbox si quieres que se muestre la fecha en el listado.

Y eso sería todo, a partir de ahora podremos consultar la información de los formularios implementados con Contact Form 7 de nuestro WordPress simplemente entrando en el backoffice.

Y hasta aquí nuestro artículo sobre cómo almacenar lo enviado por el plugin Contact Form 7 en WordPress. Espero que te haya gustado y, si te ha resultado útil, no dudes en compartirlo en redes sociales.

No olvides dejarnos tu comentario y compartir el enlace para que otros usuarios de este mundo de wordpress puedan también pasar un buen dia sin complicaciones.

Recuerda seguirnos por  instagram:

 

DesarrolloWeb1106

 

Paginas Web Venezuela – Diseño y Desarrollo de Paginas Web