¿Cómo solicitar presupuesto para un sitio web institucional o e-commerce?

Índice del artículo

1. ¿Es una migración o un proyecto desde cero?
2. Dominio, Hosting y cuentas de mail
3. Identidad y Contenidos
4. Tamaño del proyecto (ecommerce, portfolio o blog)
5. Funcionalidad e Integraciones

¿Cómo solicitar cotización de un sitio web institucional o ecommerce?

Cuando se toma la decisión de agregar un canal virtual a nuestras opciones de comunicación con usuarios y clientes es de gran utilidad contar con una hoja de ruta que nos servirá para clarificar internamente a qué apuntamos y transmitirlo en detalle a desarrolladores WordPress o agencias dedicadas a implementar ecommerce, blogs y sitios institucionales.

En nuestra experiencia estos son los puntos más importantes a la hora de solicitar un presupuesto para desarrollo web.

1. ¿Es un proyecto desde cero, una migración o una nueva funcionalidad?

Lo primero que deberá ser aclarado es el tipo de proyecto al que apuntamos. Un proyecto desde cero tendrá un grado de complejidad diferente que una migración de una página en un formato o tecnología anterior o un agregado de una funcionalidad.

Solicitar cotización para un proyecto web de cero permitirá mucha más flexibilidad a la hora de elegir el formato y herramientas a utilizar. Mientras que una migración si bien por un lado permitirá acelerar el proyecto por contar con una estructura y contenidos de la página, tendrá la contrapartida de cierta rigidez a la hora de integrar o mantener las funcionalidad deseadas.

El agregado de una o varias nuevas funcionalidades en muchos casos requerirá un permiso temporal al desarrollador o agencia. Esto para comprobar la estructura interna de la web a la que se le desea realizar modificaciones, la factibilidad y las herramientas necesarias para llevarlo a cabo.

2. Dominio, Hosting y cuentas de mails

Dominio: es nuestro nombre en el espacio virtual, el principio de todo. Es importante clarificar si ya se cuenta con el mismo o si se debe incluir en el presupuesto.

En caso de solicitar que se incluya, será útil aclarar qué tipo de dominio precisaremos (.com o .com.ar). Los valores y moneda de pago difieren sustancialmente, así como algunas variantes para permitir a la Agencia o desarrollador chequear la disponibilidad del dominio. Cuánto más popular sea la palabra o frase que deseamos para nuestro dominio más difícil será que esté disponible, y si lo está, su costo será considerable. El dominio es un costo que debe ser pagado en forma anual. Se puede chequear la disponibilidad de dominios locales en nic.ar y dominios .com en Namecheap o Godaddy.

Hosting:

será el espacio donde alojaremos nuestra web o aplicación. En este punto es importante clarificar si ya se cuenta con un servicio de hosting y cuál sería este. Eso indicará al desarrollador o agencia cómo debe realizar la implementación, y que plan es el más adecuado para el tipo de web que se desea. En caso de no contar con un hosting muchas agencias, como es nuestro caso en Cónclave, cuentan con alianzas con servicios de hosting que permite abaratar costos y tener concentrado un pack de servicios con un solo oferente. Para cualquiera de los dos casos, es importante tener en cuenta que no será lo mismo solicitar un hosting para un blog o una landing page que para un ecommerce o marketplace. Estos últimos incluirán múltiples funcionalidades como el carrito de compras, cotizadores online, registro de usuarios, conversor de monedas etc.. 

Mails:

este caso se podría incluir dentro de lo considerado para el hosting, ya que los servicios de hosting suelen incluir dentro de sus plantes cuentas de mails. Nuevamente será importante aclarar si ya contamos con un servicio de mailing o no, cuántas cuentas precisamos dar de alta. También irá atado al dominio ya que las direcciones de mails contendrán el dominio luego del @ .

presupuesto para un sitio web o e-commerce

3. Identidad, Referencias y Contenidos

Si queremos algo sobrio, con caminos de usuario simples para que el usuario encuentre rápidamente lo que precisa, o bien si precisamos que el usuario quede impactado visualmente dando mayor prioridad a sliders con videos, transiciones y botones que generen deslizamientos en la página etc.. Las posibilidades son muchas, por ello es bueno acotar lo mejor posible la identidad del proyecto.

Identidad:

En este punto será importante aclarar cuál será la identidad que se está buscando. Para que el encargado de cotizar pueda incluir elementos u opciones estéticas dentro del presupuesto. Esto permitirá tomar una decisión mejor fundada a la hora de elegir una agencia para implementar un sitio web o ecommerce. 

Páginas de referencia:

A su vez, suma mucho añadir páginas de referencia, o secciones dentro de las mismas que permitan hacerse una idea más acabada de la identidad que se pretende.

Contenidos:

Por último pero no menos importante, es muy positivo haber realizado el ejercicio previo de un menú inicial. Esto permitirá listar la cantidad de páginas internas que requerirá el proyecto, así como las relaciones internas necesarias. Ejemplos de estas páginas internas son la sección de «Nosotros» o o «Sobre la empresa», «Contacto», «Preguntas Frecuentes» entre otras.

Si bien el detalle o secciones dentro de cada página interna ya entrará más en la órbita del desarrollador, así como las recomendaciones según su expertise, siempre es importante que se adjunten aclaraciones en caso de alguna sección sea de especial importancia. Para dar un ejemplo, no será lo mismo una sección de Contacto estándar con un texto inicial, un formulario web, un mapa y datos de contacto que una sección de contacto de una clínica donde haya que seleccionar un especialista y un horario disponible, donde ya se apunta más a una sección de reservas que de contacto.

4. Tamaño del proyecto (ecommerce, portfolio o blog)

A continuación es importante aclarar el tamaño del proyecto. Muchas agencias utilizan este ítem para medir el tiempo y recursos que deberán dedicarle. Es importante aclarar no solo la cantidad de productos o servicios (100, 1.000, 10.000) que se desean ofrecer sino también la complejidad de los mismos. No será lo mismo una web para estudio de arquitectura que quiera ofrecer una docena de servicios con un formulario para solicitar entrevista en cada uno de ellos que una vinoteca con muchas categorías y cientos de productos o una imprenta con 20 o 30 productos variables donde el usuario debe seleccionar tamaño, color, forma, grosor del papel entre otros atributos posibles con distintos valores resultantes según las variantes escogidas antes de agregar al carrito. Cada proyecto requiere un armado distinto del archivo de productos a subir, que llevara más o menos tiempo en función de la complejidad.

Para el caso de una web para portfolios o un blog si bien pueda tener una menor complejidad también aplican las consideraciones de cantidad de elementos y categorías necesarias.

En este punto también es importante considerar si se proveerán las imágenes de los elementos a cargar en la web con el formato preciso (600×600 píxeles por ejemplo para productos) o si esto también será encargado a la agencia o desarrollador.

5. Funcionalidad e Integraciones 

Este último punto está destinado a lo que se pretende que los usuarios así como el operador o administrador del sitio puedan realizar en nuestro sitio web. Es importante sumar un listado de funcionalidades e integraciones para que el presupuesto pueda contener lo más fielmente posible la cantidad de horas y recursos necesarios.

Ejemplos de funcionalidades son desde ya:

• Agregar al carrito
• Formularios Web
• Cotizador Online
• Conversor de monedas
• Multilenguaje
• Ofertas por cantidad
• Web Chat o Whatsapp Web
• Buscador de productos

Adicionalmente la definición de las integraciones requeridas son importantes ya que en este punto la agencia o desarrollador podrá definir el alcance total del proyecto, si puede o no cumplir con la totalidad de los requerimientos o precisa tercerizar alguno de ellos en alguna agencia especializada. Esto suele ser particularmente importante cuando se requiere que el sistema ecommerce se integre con el sistema de gestión interna y el mismo posiblemente haya sido generado hace mucho tiempo y a medida. Algunas integraciones pueden ser las que se muestran a a continuación:

• Pasarela de pago (Mercado Pago, Paypal)
• Pasarela de Envíos (OCA, Correo Argentino, Fedex)
• Sistema de envíos de mailing (Mailchimp, Doppler)
• Facturación (AFIP)
• Sistemas de gestión (Odoo)
• Otros sistemas internos

Conclusión sobre presupuesto para un sitio web o e-commerce

Este listado de ítems a tener en cuenta para pedir un presupuesto web vale tanto para un proyecto de cero, como para una adaptación o nueva funcionalidad que estemos buscando. El mayor detalle permitirá al encargado de generar un presupuesto web contar con datos precisos para listar las tareas, tiempo y recursos necesarios de la mejor manera. Esto da lugar a tener un presupuesto en línea con la expectativa y minimiza los errores de interpretación que podrían dar lugar un importe mayor o menor al necesario.

Tener claro internamente qué tipo de web necesitamos permite solicitar presupuesto para un sitio web a varios oferentes en poco tiempo y recibir una respuesta con mayor celeridad. Y dado que todos contarán con el mismo detalle será más simple comparar cada una de las ofertas. Una solicitud de presupuesto detallada genera también confianza, respeto y compromiso a futuro en el desarrollador web o agencia que tomará el trabajo a futuro.

Fuentes: https://conclave.ar

La entrada 5 claves a la hora de pedir un presupuesto para un sitio web o e-commerce se publicó primero en Cónclave.

Código html para insertar el seguimiento de envíos de oca en tu web

Índice del artículo

1. ¿Qué es una pasarela de envíos en WooCommerce?
2. Ejemplo de una pasarela de envíos: el plugin de OCA E-pack 
3. Cómo insertar una sección de seguimiento de pedidos de OCA en tu web ecommerce.

¿Qué es una pasarela de envíos en WooCommerce?

Una pasarela de envíos en WooCommerce se le llama a la implementación de una vía automatizada de envíos a través de un plugin que trabajará junto a WooCommerce para ofrecer opciones de envío a los usuarios.

Por default WooCommerce ofrece opciones de envío como «recogida local» o bien la posibilidad de envíos por monto fijo según países, provincias, o incluso se puede definir a nivel de código postal. Esto permite crear diferentes opciones de envíos.

Ahora bien, luego de las opciones estándar existen plugins más complejos que permiten calcular el valor del envío en base a atributos de producto como alto, largo, ancho y peso del objeto que estemos ofreciendo.

Esos atributos se linkean a la base de datos de la empresa oferente del servicio de envíos (por ejemplo OCA, Correo Argentino, Andreani, o Envio Pack que nuclea a varias de ellas) y devuelve el valor del envío para el artículo deseado.

Puede que luego de la compra el usuario desee conocer el estado de su envío. Y en general podremos ofrecer una mejor experiencia de usuario si el cliente puede revisar el estado de su pedido desde la misma web donde realizó la compra.  Por lo que sería razonable generar una sección dentro de la página de Mi cuenta en WooCommerce o WordPress o bien generar una página específica de seguimiento de envíos dentro de nuestra web, insertarla en el footer o en el header para que tenga un lugar destacado.

Ejemplo de una pasarela de envíos: el plugin de OCA E-pack

Una vez configuramos WooCommerce en nuestra web, el siguiente paso será añadirle una pasarela de pagos via plugins como los ofrecidos por mercado pago o decidir de prisma y por otro lado añadir una pasarela de envíos a través de un plugin de envíos.

Por ejemplo con el plugin de envíos de oca desarrollado por Wanderlust se puede calcular el costo del envío, mostrarlo en el carrito y el checkout, y si el usuario compra, nos permitirá generar la etiqueta de envío desde la sección de pedidos de WooCommerce sin necesidad de cargar el pedido en la web de oca, reduciendo tiempos y costos en nuestro proceso de venta y distribución.

El plugin de oca pueden descargarlo desde el repositorio de wordpress con una versión gratuita y el plugin premium desde la página de Wanderlust donde explica paso a paso como configurarlo y también se cuenta con un muy buen servicio de asistencia posventa.

Cómo insertar una sección de seguimiento de envíos en tu sitio web

Si bien estos plugins son buenas soluciones tecnológicas, nos permitirán ofrecer una buena experiencia de usuario antes y durante la transacción. 

Si lo que queremos es reforzar la experiencia de usuario posventa, tenemos que pensar en que datos precisará conocer el usuario luego de realizar la transacción, uno de ellos es el «estado del envío».

Para ello tendremos que generar una sección donde el usuario pueda revisar el estado de su pedido desde la misma web.

Para ello sería razonable generar una sección a tal efecto que podría estar estratégicamente posicionada en alguno de los siguientes lugares:

Lugares estratégicos:

1) Dentro de la página de Mi cuenta en WooCommerce o WordPress

2) o bien generar una página específica de seguimiento de envíos dentro de nuestra web,

3) O insertarla en el footer

4) O en el header para que tenga un lugar destacado.

Una vez seleccionemos el o los lugares donde deseamos aparezca el mismo tendremos que instalarlo. Para el caso de OCA, copiando y pegando el siguiente código HTML podrán hacer funcionar la opción de comprobación del estado del envío una vez el usuario ingrese el código de envío proporcionado por la empresa de servicios de entregas, OCA en este caso.

La secuencia de código html es la siguiente: 

Aquí pueden ver el código en acción:

Para realizar el seguimiento de su pedido ingrese el número de envío (todo seguido sin paréntesis) en el siguiente recuadro y presione el botón “BUSCAR”. (Ej.: YAA05655084 ó 4706600000000009539)

Insertando este código tendrán entonces una sección de búsqueda de pedidos dentro de su web. Mejorando así el servicio posventa y la lealtad de los clientes, ofreciendo un servicio que será una ventaja competitiva respecto de los competidores.

Fuente: www.conclave.io / www.oca.com.ar

La entrada Tuts: Cómo insertar el seguimiento de envíos de oca en tu web se publicó primero en Cónclave.

Índice del artículo

1. ¿Qué es un producto variable y qué son los atributos?
2. ¿Qué son los atributos de producto con valores excluyentes?
3. Ejemplo de atributos con valores excluyentes en productos variables de WooCommerce
4. ¿Qué ocurre con los valores excluyentes con productos variables con múltiples variantes en WooCommerce?
5. Solución para la correcta vista de productos variables con múltiples variantes y valores excluyentes
6. Para más información sobre configuración de productos en WooCommerce

¿Qué es un producto variable y qué son los atributos?

Como describíamos, el producto variable es un tipo de producto que podemos configurar con el plugin WooCommerce. Implica generar un producto con atributos y opciones dentro de estos atributos.

Este caso suele ser muy común en los e-commerce de ropa o las tiendas on line de imprentas o servicios gráficos, donde cada producto contiene una gran variedad de opciones. Por ejemplo en el caso de un sitio de venta on – line de calzado los productos podrían tener el atributo talle y tantos valores como medidas de esos productos tengamos en stock.

Es según la combinación de atributos correcta que lograremos representar la realidad de nuestro negocio y potenciar la elección de los clientes así como su experiencia de usuario.

Los atributos ordenan la información y clarifican el proceso de elección de un producto a medida con muchas opciones posibles. De esta manera en lugar de generar un producto por cada opción se resumen en una sola vista con filtros. Es una herramienta muy útil a la hora de generar una experiencia de usuario positiva, una experiencia de usuario que no confunda a las personas que navegan por nuestra tienda y deben elegir un producto con atributos variables.

¿Qué son los atributos de producto variable con valores excluyentes?

Una particularidad de los productos variables y sus atributos que suele potenciar aún más la experiencia de usuario se refiere a las condiciones excluyentes.

En WooCommerce cuando ingresamos variantes con valores excluyentes automáticamente los atributos exhiben y ocultan valores en función de las combinaciones de cada variante que hayamos configurado.

Ejemplo de atributos de productos variables con valores excluyentes en WooCommerce

Por ejemplo en el caso de una imprenta que ofrece tarjetas personales a sus clientes puede darse el escenario donde la imprenta ofrece las opciones de impresión de tarjetas con diseño provisto por el cliente, o un un servicio de diseño para los clientes que no tienen su propio diseño. Lógicamente la segunda opción demorará unos días más de entrega respecto de la primera.

Entonces para el producto creado «Tarjetas Personales» tendremos entre otros atributos (tamaño, papel, impresión) los siguientes:

1. DISEÑO (Cliente trae diseño)
   Con sus opciones a) Trae diseño b) No trae diseño
2. TIEMPO DE ENTREGA
   Con sus opciones a) 48 hs  b) 3 a 4 días hábiles

Para representar el escenario correctamente precisamos que estas opciones sean excluyentes entre sí, es decir:

Si el cliente selecciona

DISEÑO: a) Trae diseño

Siempre debe ir acompañado de

TIEMPO DE ENTREGA: a) 48 hs.

y

Si el cliente selecciona

DISEÑO: b) No trae diseño

Siempre debe ir acompañado de

TIEMPO DE ENTREGA: b) 3 a 4 días hábiles

Creando las variantes correctas, el cliente solo verá las combinaciones pretendidas, evitando confusiones y mala experiencia de usuario con productos variables. WooCommerce trae incoporada por default la funcionalidad que «oculta» aquellas variantes no creadas, como sería en este caso DISEÑO b) No trae diseño y TIEMPO DE ENTREGA a) 48 hs.

¿Qué ocurre con los productos variables con múltiples variantes de valores excluyentes en WooCommerce?

Sin embargo, una vez pasadas las 25 o 30 variantes en un producto variable suele ocurrir que la vista de producto comienza a mostrar combinaciones que no configuramos, lo que redunda en una confusión para el cliente y puede incidir negativamente en nuestras conversiones on line.

Por ejemplo sería el caso de unos botines de fútbol para los que tenemos color naranja solo en talle 50, pero al seleccionar color naranja y luego ir al atributo de talle nos continuara mostrando otros talles para los cuales no tenemos en naranja. En estos casos Woocommerce solo se limitara a mostrarnos un mensaje diciendo que «la combinación solicitada no corresponde a un producto en stock, selecciona otra combinación». Esto puede generar una gran confusión y abandono del proceso de compra por parte del cliente.

Solución para la correcta vista de productos variables con múltiples variantes y valores excluyentes

En general luego de cierta cantidad de variantes (25/30) los datos se cargarán a través de AJAX en lugar de manejarse en línea y esto genera la ausencia de valores excluyentes.  Es posible cambiar esta cantidad usando el filtro woocommerce_ajax_variation_threshold y puede usarse así:

add_filter( ‘woocommerce_ajax_variation_threshold’, ‘wc_ninja_ajax_threshold’ ); function wc_ninja_ajax_threshold() {     return 150; }

Para quienes no están familiarizados con la edición de código, se puede insertar esta línea de código vía el plugin «Code Snippets» que Elimina la necesidad de agregar fragmentos personalizados al archivo functions.php de tu tema. El mismo se puede encontrar acá: https://wordpress.org/plugins/code-snippets/

De esta manera podremos presentar productos variables con valores excluyentes correctamente para casos de múltiples variantes, así quedaría bien representado el caso de la imprenta:

Para más información sobre configuración de productos en WooCommerce

Para más información o una sesión de consultoría para implementación de tiendas on line con WordPress y WooCommerce pueden solicitar una sesión gratuita de consultoría e-commerce en www.conclave.io/contacto o directamente al Whatsapp en el siguiente link.

Fuente: https://wordpress.org/support/topic/variable-products-showing-all-possible-product-combos-even-nonexisting/#post-9557136

La entrada Tips: Productos Variables en WooCommerce se publicó primero en Cónclave.