Facebook: Tienda Virtual

En este ocasión el creador de esta interesante tienda virtual nos envía una reseña sobre esta.

Tu tienda online en la mayor red social del mundo.
Este aplicación ha sido esencialmente creada para aprovechar todas las posibilidades de las nuevas páginas de Facebook (FB Pages), sin embargo también puede ser usada dentro de cualquier web como un componente separado. Posibilita al mismo tiempo tener una tienda online en una web comercial, y sobre los mismos archivos en el servidor, generar la tienda en Facebook. Con un sólo mantenimiento se actualizarán ambas tiendas.

Tiene una configuración basada en un sólo archivo externo XML, de modo que es muy fácil y muy rápido generar los contenidos y adaptar la tienda a las necesidades de cada cliente. Contiene una amplia documentación que guiará al usuario paso a paso en la creación y la implementación de la aplicación.

Algunas de sus ventajas:

• Carga imágenes, vídeos y swfs externos, en una galería multimedia media ilimitada.
• Extensa documentación con 3 guías sobre FB Pages.
• Todo el código del FLA (as2) está perfectamente comentado y documentado.
• Su diseño minimalista y corporativo encajará a la perfección con cualquier tipo de producto.
• Varios add-ons incluidos en el pack, así como varios archivos PSD por capas, con el diseño principal de las miniaturas e imágenes de la galería del ejemplo.

Más información y descarga AQUI

Paypal: un producto con distintos precios

Sugiero leer el tutorial sobre botones “comprar ahora” y “carrito de compras” para comprender sin problemas este tutorial.

A veces ocurre que tenemos un productos por ejemplo unas botellas de lubricante cuyo precio varía según el tamaño por lo que necesitamos un combo en el que elija el usuario y paypal altere el precio del producto, para eso agregamos el siguiente código:

Como vemos aquí el código se divide en dos partes:
- Primero creamos un campo hidden llamado on1 con el nombre del atributo (size) y un combo llamado os1 donde guardamos el valor del tamaño (6, 12 o 36 onzas)

- En la segunda parte debemos establecer un precio por cada una de las opciones por ejemplo si elijo 6oz(option_select0) el precio será 5.95(option_amount0)

Finalmente sugiero leer el post anterior en el que explico el uso de atributos en paypal

Paypal: Productos con atributos

Para entender bien este tutorial te sugiero revisar el anterior sobre botones simples. Cuando vendemos un producto es usual que debamos elegir algunos atributos como por ejemplo el color, la talla o incluso necesitemos que se deba ingresar algún pequeño texto, ahora vamos a ver como hacer esto y que paypal se encargue de recolectar los atributos.

Producto con distintas tallas

Vamos a agregar un combo box en el cual podamos elegir la talla aunque bien podríamos usarlo para cualquier otro atributo. A nuestro botón tendríamos que agregarle el siguiente código.

Si nos fijamos en el código hay un campo hidden llamado on0 con el valor “talla” este es el nombre del atributo, a continuación hay un combo llamado os0 este da el valor del atributo “talla”.

Si quisiéramos agregar más atributos estos se llamarían on1, on2, on3… y sus valores os1, os2, os3… podemos usar tanto un combo como un input text aunque personalmente prefiero cerrar al máximo las opciones para el usuario usando combos y a modo excepcional los campos de texto.

El código completo del botón luciría así:

Finalmente cabe mencionar que este sistema de atributos funciona tanto con botones buynow como con botones tipo shopping cart indistintamente

Paypal: Carrito de Compras

Primero vamos a ver un ejemplo muy básico de un carrito de compras usando paypal

Como podemos ver las 2 primeras lineas son prácticamente iguales a las de un botón tipo “buy now” lo distinto esta en la tercera línea, donde indicamos que se trata de un carrito de compras

El resto de valores son los clásicos nombre del producto(item_name), precio(amount) y la moneda(currency_code)

Adicionalmente podemos agregar una opción que nos de la dirección de la tienda y de esta forma tener en el carrito un botón “Seguir comprando”

También podemos agregar una opción que permita ver los productos del carrito:

Paypal: Boton BuyNow

Paypal sigue avanzando y ya es posible no sólo enviar dinero sino también recibirlo a travez de una cuenta en Perú asi que aprovecharé de escribir algunos artículos sobre paypal desde los más simples botones hasta algunas técnicas avanzadas usando IPN.

La forma más simple de un botón paypal es simplemente un formulario con algunos campos hidden que dan el nombre, precio, gastos de envio… y finalmente un input tipo imagen que es el botón en si, puedes usar cualquiera de los botones que tiene paypal o incluso crear el tuyo propio.

El primer parametro es el formulario, aqui hay una cuestión interesante y es que podemos usar paypal o su sandbox variando esa linea, en próximo artículo hablaré sobre como utilizar el Paypal Sandbox o centro de pruebas.

El siguiente parametro nos habla del tipo de botón que puede ser “buynow” o un carrito de compras

El parámetro business es el más importante ya que hace referencia a nuestra cuenta en paypal, por defecto este se mostrará como título a la hora de pagar pero es posible configurar o incluso colocar un logotipo, igualmente esto será motivo de otro post

El siguiente atributo es el nombre del producto, existen técnicas más avanzadas que permiten usar atributos adicionales como color, talla, etc. Eso también será motivo de otro post

Los siguientes 2 valores nos dan el precio y el tipo de moneda, yo sugiero usar dólares por un tema de standard internacional

Luego tenemos los gastos de shipping es decir el costo de envio, en carritos de compra es posible seleccionar un shipping por el primer producto y otro por el resto

Y finalmente tenemos la imagen que nos va a servir como botón para comprar

Finalmente nuestro código quedaría algo así: