Webflow Ecommerce ya está en beta: disponible para todos

Como escribimos en nuestra publicación de anuncio, las opciones para crear experiencias de comercio electrónico personalizadas apenas han avanzado en los últimos años. Por un lado, las plantillas restrictivas y los editores visuales demasiado simplificados limitan la libertad creativa de quienes construyen tiendas. Y por otro, la barrera técnica de la programación reduce el campo de juego para quienes pueden crear una experiencia verdaderamente personalizada.

Hoy, todo eso cambia: Webflow Ecommerce está en beta abierta para todos, así que puedes crear experiencias de comercio electrónico personalizadas de forma visual.

Qué incluye la versión beta de hoy

Primero, vale la pena explicar qué significa "en beta". En otras palabras, ¿por qué hoy no es un lanzamiento completo?

Primero: Webflow Ecommerce está 100% listo para tiendas reales en producción que vendan productos físicos.

Pero, estamos terminando las variantes de producto —para que puedas vender artículos con diferentes tallas y colores, por ejemplo— antes de proceder con el lanzamiento completo a principios del próximo año.

Por supuesto, las variantes son solo la primera de nuestra larga lista de mejoras planificadas. Hablaremos más de eso más adelante.

Por ahora, echemos un vistazo a lo que ya puedes hacer con la beta de hoy.

Crea y personaliza productos

Al igual que tienes control total sobre la estructura de contenido en Webflow CMS, tienes total libertad para definir cómo se estructuran los esquemas de tus productos en Webflow Ecommerce.

Esto significa que puedes ampliar los campos predeterminados para cada tipo de producto (piensa en nombre, descripción, imagen principal, precio) y añadir cualquier dato que quieras usar en tus diseños.

Algunas ideas de lo que esto permite:

• Imágenes personalizadas: Decide exactamente cómo y dónde quieres destacar la fotografía en tu tienda, creando tantos campos de imagen como necesites para tu diseño.
• Campos de color: Dale a cada producto un color de acento personalizado y luego úsalo en tus diseños (piensa en colores de botones, contornos, tonos de fondo y mucho, mucho más).
• Microcopy: Añade campos de texto personalizados para esos pequeños fragmentos de texto que aportan mayor claridad a tus listados de productos.

Y estos son solo puntos de partida; estamos seguros de que todos ustedes encontrarán formas alucinantes de aprovechar esta flexibilidad.

Diseña y personaliza tu tienda de forma visual

Webflow Ecommerce presenta una forma totalmente visual de crear tiendas online, incluyendo áreas clave como tus páginas de productos, páginas de categorías, carritos de compra y páginas de pago.

Diseña páginas de producto personalizadas

Tanto si estás creando tu sitio desde cero como si empiezas con una plantilla, el diseño y la disposición de tus páginas de producto dependen totalmente de ti.

Diseña galerías y páginas de categorías personalizadas

Todos conocemos la vista de cuadrícula de productos estándar (aquí están todos los productos de la categoría "camisas", aquí nuestros artículos de "otoño", etc.). Y aunque esta cuadrícula fácil de navegar puede ser la mejor opción para la experiencia de navegación de tu tienda, también puede ser limitante. Afortunadamente, con Webflow, el diseño de estos listados y páginas de categorías depende totalmente de ti.

Además, puedes mostrar tus listados de productos en cualquier sección de tu sitio que desees, igual que con los elementos de Colección.

Personaliza tu carrito de compra

Cambiar el diseño de tu carrito de compra en las plataformas de comercio electrónico existentes puede ser toda una odisea. Pero ahora ya no tiene por qué serlo. Con Webflow, puedes elegir entre varias posiciones predeterminadas para el carrito y efectos de animación, y luego personalizarlos para que tengan el aspecto y la sensación que tú quieras.

Diseña una página de pago personalizada

En la mayoría de las plataformas de comercio electrónico, la página de pago es quizás la más famosa por ser costosa, difícil y tediosa de personalizar. Pero con Webflow, personalizar tu página de pago funciona igual que todo lo demás en Webflow: tienes control total de diseño en un lienzo completamente visual.

Compara esta facilidad de personalización con Shopify, que requiere que primero pagues miles de dólares al mes por una cuenta de Shopify Plus, y luego programes el diseño tú mismo en su lenguaje de plantillas Liquid (o contrates a un desarrollador, lo cual cuesta una fortuna adicional).

Y mejor ni hablemos de lo divertido que puede ser personalizar una plantilla de WordPress...

Crea un sitio web completo

Dejando a un lado los flujos de diseño específicos para comercio electrónico, una de las mayores ventajas de crear tu tienda en Webflow es la libertad y flexibilidad que tienes para construir un sitio web completo y totalmente personalizado en este mismo dominio.

Decenas de miles de personas ya están usando Webflow para potenciar sitios de marketing personalizados, blogs y mucho más; y añadir este tipo de páginas (e integrar listados de productos dentro de ellas) es más fácil que nunca. Algunas de las oportunidades más interesantes aquí incluyen:

• Blog: Integra un blog personalizado en tu sitio para potenciar el marketing de contenidos y añade fácilmente productos relacionados en tus publicaciones como mejor te parezca.
• Páginas de "próximamente": ¿Te preparas para un nuevo lanzamiento? Crea una página de vista previa llamativa y muestra tus próximos productos. Añade un formulario y, ¡listo!: ya tienes una lista de espera de clientes.
• Páginas de destino para campañas: ¿Quieres crear páginas de producto personalizadas para una campaña publicitaria? Crea una Colección, vincula un producto, personaliza el diseño y observa cómo llegan las conversiones.

El punto clave aquí es que, al igual que puedes mostrar contenido del CMS en todo tu sitio, la misma libertad y flexibilidad de diseño se aplica al diseñar con tus productos, para que la experiencia de compra se integre a la perfección con el resto de tu sitio.

Gestiona tu tienda y procesa pedidos

Dirigir una tienda de comercio electrónico es un proceso laborioso, y la gestión de pedidos abre todo un nuevo mundo de desafíos para los sitios de Webflow. Aquí te explicamos cómo funcionará ese aspecto del comercio electrónico en Webflow.

Procesa pagos a través de Stripe

Uno de los mayores retos para preparar Webflow Ecommerce ha sido habilitar el procesamiento de pagos en los sitios de Webflow.

Para agilizar este proceso y aprovechar sus increíbles funciones de procesamiento de pagos, hemos construido nuestra infraestructura de pagos sobre Stripe. Esto significa que tendrás que crear y conectar tu cuenta de Stripe a Webflow para cobrar pagos, procesar reembolsos y recibir tus ingresos.

Construir sobre Stripe te ofrece un sistema de procesamiento de pagos seguro, popular y de confianza (Stripe también impulsa a Shopify), además de un montón de funciones geniales:

• Capacidad para aceptar pagos en más de 130 divisas
• Análisis e informes detallados de pagos
• Gestión de disputas y soporte para reembolsos
• Cumplimiento PCI inmediato con Stripe Elements
• Prevención y análisis de fraudes con el aprendizaje automático de Stripe Radar
• Mucho, mucho más

Una nota para quienes viven fuera de los países admitidos por Stripe

Para ser justos, depender de Stripe tiene sus inconvenientes a corto plazo: principalmente, que debes vivir en uno de sus 26 países admitidos para usar Webflow Ecommerce.

En este sentido, cabe destacar que planeamos añadir PayPal y otras opciones de pago para ampliar nuestro alcance a quienes están fuera de los países de Stripe; Stripe fue solo un punto de partida. Además, a medida que Stripe siga expandiendo su red global, todos esos nuevos países también podrán utilizar Webflow Ecommerce.

Define regiones y reglas de envío

Cobrar pagos está muy bien, pero no sirve de nada si no puedes enviar los pedidos. Aunque tenemos muchas funciones adicionales planeadas para esta parte de la plataforma, aquí te explicamos cómo funciona el envío en la versión beta.

Define tus regiones de envío

Una vez que hayas decidido a dónde vas a realizar envíos, puedes ir a la configuración y elegir los lugares para los que vas a gestionar pedidos. Tú, o tu cliente, también podéis personalizar estos ajustes desde el Editor.

Establece diferentes métodos de envío

Las tarifas de envío para las distintas regiones a las que envías productos pueden variar, así que en la configuración de tu ecommerce puedes crear métodos de envío para cada una de esas regiones y calcular la tarifa basándote en:

• Porcentaje del coste total del pedido
• Precio del artículo
• Cantidad de artículos
• Peso del artículo
  

O establece una tarifa por artículo o por pedido, ¡incluso gratuita!

Integraciones de envío

También puedes potenciar tu sitio de ecommerce con las integraciones de Zapier. Una que nos interesa especialmente explorar durante la beta es usar el activador de "nuevo pedido" de Webflow para crear una acción de "imprimir etiqueta" con una o más aplicaciones de Zapier. Zapier ya ha escrito una guía muy útil que explora cómo hacerlo. Nosotros trabajaremos en nuestro propio tutorial para Webflow Ecommerce, así que permanece atento.

Calcula los impuestos automáticamente

Para facilitarte la contabilidad, nos hemos integrado con TaxJar para calcular automáticamente el impuesto sobre las ventas y el IVA para los clientes que realicen pedidos desde Estados Unidos, Canadá, la Unión Europea y Australia.

Para los pedidos fuera de estos países, tendrás que calcular los impuestos manualmente, fuera de Webflow, pero tenemos previsto agilizar este proceso permitiéndote establecer manualmente tipos impositivos específicos por región en el futuro.

Gestiona pedidos, inventario y envíos

En cuanto entre un pedido, lo verás aparecer en el Editor (que es muy fácil de usar para los clientes), donde podrás consultar los detalles de quién lo pidió, cuál es su dirección y, lo más importante, marcar el estado del pedido para llevar tu propio control.