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

XHTML: registro al estilo facebook

Esta de moda el Facebook y claro también lo está hacer formularios, íconos, efectos a ese estilo. En este tutorial te explican detalladamente como crear tu propio formulario de registro a ese estilo usando XHTML y CSS.

El resultado queda como esta imagen:

Pueden el tutorial AQUI y la demo AQUI

Tutorial DOM html javascript

¿Qué es DOM?

Si estas interesado en hacer páginas con ajax, generar elementos dinamicamente entonces requieres usar DOM (Document Object Model), lo que podemos traducir como “Modelo en Objetos para la representación de Documentos” si lo se hasta ahi no suena a nada. Traduciendolo nuestras páginas HTML tienen un conjunto de elementos, graficos, texto, formularios, etiquetas, DOM lo que busca es que estos elementos tengan una estructura estandard que permita manipularlos usando javascript (ajax).
Por ejemplo si tengo un formulario usando dom podria validarlo, o podrias hacer que al elegir una opcion de un combo aparezcan nuevos campos, etc, etc.

Ejemplo uso de DOM

Voy a hacer un pequeño script que automaticamente busque el primer campo del formulario y lo seleccione automaticamente al cargar la pagina:

Y ahora el script debemos llamarlo al cargar, la pagina, ojo este script funciona con cualquier formulario, basta enviarle a la funcion el nombre de formulario correcto

Nuestra funcion para detectar el primer campo sería

Envia correos con PHP

Enviar correos con PHP es sencillo, basta un solo comando “mail”, a continuación muestro un ejemplo incluyendo el formulario de contacto, el formulario esta sin hoja de estilos, en un nuevo post explicare como darle formato.

Y nuestro archivo mailer.php

Descarga todo el codigo aqui