Crear tienda-online-con-paypal

5,865 views

Published on

Guia para creear una tienda online con paypal

Published in: Self Improvement, Business, Travel
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,865
On SlideShare
0
From Embeds
0
Number of Embeds
101
Actions
Shares
0
Downloads
110
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Crear tienda-online-con-paypal

  1. 1. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es Crear una tienda en línea con Paypal www.complethost.es Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98
  2. 2. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es CONTENIDOS • Introducción • Examen de la plantilla de sitio Web de comercio electrónico • Personalización de la página inicial • Configuración de la Add to Cart botones • Crear una cuenta de PayPal Premier • Obtener el Add to Cart botón HTML. • Visualización de la Add to HTML del botón de carro de la compra • Agregar el Add to Cart Button en la plantilla • Ver el carro de la compra • Todos juntos, una experiencia de compras en línea • Resumen INTRODUCCION Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98
  3. 3. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es Como la popularidad de Internet ha expandido durante los años, muchas empresas han hecho su inventario disponible para su compra en línea. Estos tipos de sitios Web casarse con el comercio y la Internet y, por tanto, se conocen como sitios Web de comercio electrónico. Existe una plétora de sitios Web de comercio electrónico, venta de una amplia gama de productos en línea. Amazon.com, uno de los más conocidos sitios de comercio electrónico, vende una amplia gama de productos, desde libros a los juegos de vídeo y DVD a las herramientas de jardín y utensilios de cocina. Sitios Web de comercio electrónico con éxito ha sido construida para las empresas elegir vender estrictamente en línea y aquellas empresas que han sufrido décadas de historia, venta de productos en ladrillo tradicional y tiendas de mortero. Por ejemplo, Amazon.com es una de muchas empresas que venden productos exclusivamente en Internet. No hay ningún almacén de Amazon.com donde podrá pasear en y examine el inventario. Wal-Mart, ladrillo más grande del mundo y la minorista de mortero con más de 7.500 tiendas en todo el mundo, también tiene un comercio electrónico site www.WalMart.com which atrae a más de 300 millones de visitantes al año. Un sitio Web de comercio electrónico debe proporcionar la siguiente funcionalidad: • Mostrar los artículos en venta junto con sus precios • Proporcionar un medio para que un usuario agregar uno o más elementos a su "carro de compras." • Aceptar la información de pago de un cliente. (Esto normalmente implica al cliente proporcionando su información de tarjeta de crédito.) En este capítulo, crear su propio sitio Web de comercio electrónico que implementa estas funciones. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98 "Como la popularidad de Internet ha expandido durante los años, muchas empresas han empezado haciendo su inventario disponible para su compra en línea. Estos tipos de sitios Web de casarse con el comercio y la Internet y, por tanto, se conocen como sitios Web de comercio electrónico.
  4. 4. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es Aceptar pagos con tarjeta de crédito y el mantenimiento de un carro de la compra son tareas nada triviales. Afortunadamente, PayPal ofrece una cuenta Premier con servicios mercantes que proporciona un medio para el procesamiento de pagos con tarjeta de crédito y para apoyar a una interfaz de carro de compras. No hay iniciales costes asociados con el uso de la cuenta de PayPal Premier — el único costo es un pequeño porcentaje de las ventas totales. La sección "Creación de un primer ministro cuenta PayPal" analiza estas tarifas y cómo empezar a crear una cuenta PayPal Premier. Examen de la plantilla de sitio Web de comercio electrónico Todos los sitios Web de comercio electrónico proporcionan un conjunto básico de funcionalidad. Ya que la finalidad de un sitio Web de comercio electrónico es proporcionar un medio para que los visitantes al adquirir productos en línea, el sitio de comercio electrónico debe enumerar los productos en venta, permiten a los usuarios agregar uno o más productos a su carro de la compra y finalmente proporcionan un medio para que los usuarios adquirir los productos. La plantilla de sitio de comercio electrónico es uno de una compañía ficticia, eFlags Direct. eFlags Direct vende banderas y accesorios de bandera, tales como el mástil de bandera, cuerdas, clips y así sucesivamente. La plantilla de Direct eFlags rompe sus productos a la venta en dos categorías: indicadores y accesorios de la bandera. Al visitar estas categorías, los usuarios pueden agregar accesorios de bandera a su carro de compras. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98 NOTA: Los tres requisitos para un sitio de comercio electrónico: lista de los artículos en venta, proporcionando un carro de la compra y aceptación de pago — son el mínimo necesario. Muchos sitios Web de comercio electrónico ofrece una funcionalidad adicional, tales como la búsqueda de los productos en venta, ordenar los productos por precio o por nombre y permitiendo a los usuarios a dejar comentarios acerca de diversos productos. El sitio de comercio electrónico que creamos en este capítulo no incluir cualquiera de estas características más avanzadas. Sin embargo, el sitio es totalmente funcional, que permite a los visitantes a comprar productos en línea.
  5. 5. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es Además de enumerar los productos en venta, compradores deben ser capaces de añadir productos a su carro de la compra. La creación de un carrito de compras no es una tarea trivial; requiere habilidades que son mucho más allá del alcance de este libro de programación avanzada. Afortunadamente, PayPal ofrece un carro de compras que se puede conectar a la plantilla de sitio Web de comercio electrónico insertando unas líneas de HTML. La última pieza vital de un sitio Web de comercio electrónico está aceptando el pago, lo que implica que muestra a los usuarios su saldo. La cantidad que deben por lo general es la suma de los productos comprados, cualquier impuesto sobre las ventas que hay que añadir, además de los gastos de envío. Después de revisar su carro de la compra y el saldo vencido, los usuarios se solicitará que introduzca su información de tarjeta de crédito y completar la transacción. Creación de una página web para proporcionar un proyecto de ley, para aceptar la información de pago y a facturar correctamente, es una tarea compleja. La buena noticia es que PayPal también proporciona un medio de pago que se puede conectar a nuestro sitio Web de comercio electrónico. La plantilla de sitio Web de comercio electrónico se muestra en la figura 4.1. Observe que ha compuesto de dos páginas: una lista de las banderas para venta y una lista de los accesorios de bandera para la venta. Cada artículo en venta incluye una imagen, una descripción y un botón Agregar a cesta. Al hacer clic en el botón Agregar a carrito, se agrega el elemento al carro de compras de PayPal del usuario. Un usuario puede extraer haciendo clic en el hipervínculo Ver carro. Trabajar con el comercio electrónico plantilla de sitio Web requiere un poco más personalización de requerido con plantillas anteriores. En primer lugar, debe crear una cuenta Premier libre a través de PayPal.com. A continuación, basándose en la información, usted tiene que adaptar la añadir a la cesta de botón y ver carro hipervínculo. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98
  6. 6. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es Personalización de la página inicial Página de inicio de la plantilla de sitio Web de comercio electrónico se inicia por la lista de nombre de la empresa, a la dirección y a la información de contacto en la parte superior de la página. Debajo de eso, hay una serie de hipervínculos navegación enumerar las categorías de productos, junto con un botón Ver carro. Para cambiar el nombre de una de las categorías de producto, haga clic en el texto de categoría de producto y, utilizando el teclado, alterar el texto del vínculo. Para cambiar la dirección URL que señala el hipervínculo, haga clic en el enlace y elija la opción de menú de propiedades de vínculo. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98 NOTA: En el siguiente capítulo, "Productos de ventas con una tienda de eBay," verá cómo utilizar tiendas eBay para mostrar sus productos a la venta, así como para procesar el pago de los clientes. Tiendas eBay obtener comenzó vendiendo en línea más fácil de hacer, pero limitan la flexibilidad que tienes en la personalización de la apariencia del frente de la tienda en línea. Antes de decidir cuál es el método a utilizar: creación de un almacén-frente personalizado en línea o mediante las tiendas eBay: animo a leer este capítulo y el siguiente y, a continuación, hacer una decisión educada basada en las necesidades de su negocio.
  7. 7. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es Esto, como ha visto en los capítulos anteriores, muestra el cuadro de diálogo Propiedades de vínculo, desde el que puede cambiar ubicación del vínculo. El botón Ver carro vínculos al sitio Web de PayPal.com y, al hacer clic, se muestran los elementos en el carrito de la compra del usuario y proporciona un proceso de retirada. Necesitará configurar este botón Ver carro basado en su propia cuenta de PayPal.com. La siguiente sección examina los pasos necesarios para crear una cuenta Premier con servicios de mercantes y configurar el botón Ver carro. Por debajo de la navegación hipervínculos son dos celdas de la tabla. A la izquierda muestra los indicadores para la venta. El uno a la derecha muestra reciente noticias de sitio. La plantilla contiene descripciones y fotografías de banderas. Necesitará cambiar la descripción y fotografías para que coincida con los productos que vendes. Para editar la imagen, pulse el botón derecho sobre la imagen y elija la opción de menú de propiedades de imagen. Esto muestra el cuadro de diálogo de propiedades de imagen desde el que puede especificar el archivo de imagen para utilizar, junto con sus dimensiones y otras propiedades estéticas. Al final de cada descripción del producto, hay un botón Agregar a cesta. Este botón se vincula en PayPal.com para integrar un carro de la compra con el sitio de comercio electrónico. Que este trabajo de botón correctamente, debe crear primero una cuenta Premier de PayPal.com. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98 CONSEJO: Para crear un nuevo vínculo de navegación, establecer el foco en el punto donde desea que el nuevo vínculo a colocarse. A continuación, vaya al menú Insertar y elija la opción de menú de vínculo. Esto muestra el cuadro de diálogo Propiedades de vínculo, pidiéndole el vínculo de texto y ubicación.
  8. 8. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es Configuración de la Add to Cart botones El botón Agregar a carrito permite a los visitantes añadir un indicador específico o accesorio de bandera a su carro de la compra. Tenga en cuenta que hay un botón Agregar a cesta junto a cada elemento para la venta. Los usuarios pueden agregar varios elementos a su carro de la compra haciendo clic en el botón Agregar a cesta para cada elemento que deseen comprar. Después de llenar su carro de la compra, los compradores pueden pagar sus artículos adquiridos. Su tarea consiste en crear un adecuadamente configurado botón Agregar a cesta para cada elemento que vendes. Antes de que examinamos los pasos para crear el agregar para botones del carro de la compra, debe registrarse en una cuenta PayPal Premier. No hay costos ni honorarios asociados con la creación de una cuenta PayPal Premier, siéntase libre seguir a lo largo en la creación de su propia cuenta de PayPal Crear una cuenta de PayPal Premier PayPal: en la Web en www.paypal.com fundada en 1998 para permitir a individuos y empresas enviar y recibir pagos en línea fácil, confiable y segura. Cualquier persona puede crear una cuenta de PayPal gratuita y, a continuación, transferir el dinero a la cuenta mediante el envío de un cheque, PayPal por tener el dinero elaborado por el Banco o a través de una transacción de tarjeta de crédito. Después de que el dinero está en su cuenta, puede enviar el dinero a otro miembro de PayPal mediante el suministro de simplemente la dirección de correo electrónico de esa persona y la cantidad que desea enviar. Puede, en cualquier momento, retirar todas o parte de los fondos en tu cuenta de PayPal, ya sea a través de un depósito directo en su cuenta bancaria o a través de un cheque. Desde su creación, PayPal ha seguido ofrecer más funciones para facilitar su principal objetivo de permitir que los pagos en línea. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98 NOTA: En 2002, PayPal fue adquirido por eBay. No es de extrañar que eBay alienta firmemente con PayPal como medio de pago para subastas en eBay.
  9. 9. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es Una tal característica es la cuenta de PayPal Premier, que está diseñado para permitir a individuos y pequeñas empresas aceptar pagos en línea. La cuenta Premier ofrece un carro de la compra y un proceso de pago, ambos de los cuales residen en el sitio Web de PayPal. La cuenta Premier funciona como sigue: 1. usuarios visiten tu sitio y encontrar un producto que están interesados en la compra. 2. Haga clic en el botón Agregar a cesta junto al nombre del producto deseado, que les llevara al sitio Web de PayPal, añade el elemento a la cesta y muestra el carro de compras. En ese momento, puede retirar por pagar para el elemento, o puede volver a su sitio Web para seguir comprando. 3. Cuando hayan terminado a los clientes de compras, retomar el carro de la compra en el sitio Web de PayPal e introduzca su información de pago. Después de proporcionar correctamente su información de pago, se envían a su sitio Web. Si un cliente realiza una compra desde su sitio Web de, digamos, $10, lo que ocurre es lo siguiente: PayPal cobra la tarjeta de crédito del usuario por $10. Después de que las sumas de dinero han sido despejadas, PayPal tiene un pequeño porcentaje de la venta: 2,9% más una tarifa de transacción de ciento 30. El resto del equilibrio, a continuación, se le atribuye en tu cuenta PayPal. También, después de que un pago ha sido procesado, le enviará un correo electrónico informándole de la compra, por lo que puede enviar mercancías del comprador a ella. Figura 4.2 proporciona una ilustración del proceso de un visitante realizar una compra desde su sitio Web. Lo que es importante tener en cuenta es que las compras del carro de la compra y procesamiento de pagos se realizan completamente en el sitio Web de PayPal. Esto tiene varias ventajas, las grandes que pueden vender productos en el sitio sin necesidad de procesar transacciones con tarjetas de crédito o preocuparse por la complejidad en el establecimiento de un carro de la compra en línea y el procesamiento de pagos. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98
  10. 10. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98
  11. 11. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es PayPal ofrece cuentas para particulares y empresas. Cuentas de negocios tienen acceso a las funciones de cuenta Premier por defecto. Las cuentas a la medida para individuos se dividen en dos clases:. • Cuentas personales • Cuentas Premierr o de Empresa no impone a ningún tipo de tasa en recibir o enviar dinero, pero no ofrecen la capacidad de recibir pagos de tarjeta de crédito. Con una cuenta personal, sólo pueden recibir el pago del saldo de otro usuario de PayPal. Actualización a un primer ministro cuenta concede acceso a las herramientas de comerciantes, pero ¡ cuidado — todos los pagos — no sólo pagos con tarjeta de crédito, están sujetas a una cuota desde la cima. Si tienes una cuenta PayPal, es el primer paso determinar qué tipo de cuenta que tienes. Para ello, inicie sesión en PayPal. En la pantalla de introducción de cuentas, verá qué tipo de cuenta que posee. Como muestra la figura 4.3, tengo una cuenta Premier. Si no tienes una cuenta Premier, necesita actualizar su cuenta. En la pantalla de introducción de cuentas, usted debe encontrar un vínculo titulado actualización cuenta. Haga clic aquí para comenzar el proceso de actualización. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98
  12. 12. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es Si no tienes una cuenta PayPal en todos, necesita crear una nueva cuenta de primer ministro. Este proceso es gratuito y sólo lleva unos minutos de su tiempo. Haga clic en inicio dirigiéndose a page—www.paypal.com —de PayPal en uno de los enlaces de suscribirse se muestra en la figura 4.4. Primero se le preguntará si desea crear una cuenta personal, la cuenta Premier o la cuenta de la empresa y para qué país y en qué idioma (véase la figura 4.5). Crear una cuenta Premier. A continuación, se le pedirá información como su nombre, dirección, número de teléfono, dirección de correo electrónico etc. (véase la figura 4.6). El último paso consiste en enviar un correo electrónico de confirmación a la dirección de correo electrónico que proporcionó. Siga las instrucciones en el correo electrónico recibirá para completar el proceso de registro. ¡ Enhorabuena! En este momento que haya creado una cuenta PayPal Premier que tiene acceso a las Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98
  13. 13. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es funciones de mercantes. Eres un paso más cerca a la construcción de su sitio Web de comercio electrónico. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98
  14. 14. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es Obtener el Add to Cart botón HTML. Para permitir que los visitantes agregar un elemento a su carro de compras, necesita agregar un agregar al carro de la compra botón junto a cada producto en venta en el sitio Web. El botón, al hacer clic, dirige a los usuarios al sitio Web de PayPal, agregar el elemento a la su carro de la compra. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98 NOTA: En la plantilla, ya existe un botón Agregar a cesta. Para personalizar la plantilla para su sitio, necesitará eliminar este botón y agregar en el botón personalizado.
  15. 15. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es "PayPal le ofrece un asistente que le guiará en el proceso para generar el botón Agregar a la cesta". En los capítulos anteriores se ha visto cómo los hipervínculos se pueden utilizar para transferir a un usuario de una página web a otra. Además de hipervínculos, existen técnicas más activamente para la transferencia de un usuario de una página a otra. Un tal técnica consiste en el uso de formas. Es una discusión detallada de las formas más allá del alcance de este libro — se menciona únicamente porque se trata de la técnica que se Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98
  16. 16. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es utiliza para transferir el usuario desde nuestro sitio Web al sitio Web de PayPal, al agregar un elemento a la cesta y cuando los retirar. No se preocupe, no tienes que ser un equipo de experto para crear el agregar para botones del carro de la compra. PayPal ofrece a un asistente que le guiará en el proceso de generar el botón Agregar a cesta. Al final del asistente, se le dará un fragmento de HTML, que puede pegarse directamente en la página web donde desea que el botón Agregar a cesta que aparezca. El primer paso para generar el botón Agregar a cesta que HTML es ir al sitio Web de PayPal y a conectarse. A continuación, haga clic en la ficha de servicios de la marina mercante en la parte superior de cualquier página web de PayPal. Esto le llevará a la página de inicio de servicios de la marina mercante, se muestra en la figura 4.7. Desde la página de inicio de Merchant Services, haga clic en Agregar a cesta botón de hipervínculo. Esto comienza un proceso de dos páginas donde se pide varias preguntas sobre el producto que se vende, como su título, precio, número de producto y otra información. Vamos a crear el botón HTML para la bandera de Estados Unidos de América. La primera página del Asistente de dos páginas comienza con la que le pide que proporcione el nombre del elemento, el número de artículo, el precio y la moneda. Figura 4.8 muestra una captura de pantalla de la primera página del asistente después de valores apropiados hayan sido incluidos en estos campos en la bandera de Estados Unidos. (Tenga en cuenta que elegí arbitrariamente a 311 como el número de artículo para la bandera de Estados Unidos). Después de introducir el nombre del producto, ID, precio y así sucesivamente, desplácese hasta la parte inferior de esta página primera. Se le pedirá que seleccione el botón Agregar a cesta y elegir sus preferencias de envío y el impuesto de ventas. PayPal ofrece dos botones (que se muestra en la figura 4.9), pero si Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98 CONSEJO: El campo ID de elemento es opcional, pero es útil si está vendiendo un gran número de elementos. Cuando un usuario realiza una compra desde su sitio, recibirá un correo electrónico con una lista de qué productos que compró. Esto incluye el nombre del producto, junto con el ID de elemento (si existe). Por lo tanto, si realizar un seguimiento de sus productos por algunos ID, introduzca este ID en el campo de número de artículo.
  17. 17. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es tienes un botón a medida, puede proporcionar la dirección URL de la imagen del botón. Voy a utilizar 96 x 21 agregar de PayPal a la imagen del carro de la compra. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98
  18. 18. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98
  19. 19. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es Para proporcionar un coste fijo de envío, introduzca la cantidad en el cuadro de texto. Si tienes más complejos cálculos de costos de gastos de envío, debe configurar estas opciones desde el perfil de su cuenta de PayPal. PayPal permite para gastos de costo de envío altamente personalizado. Por ejemplo, puede definir los gastos de envío diferentes que basado en la dirección de envío del comprador y el método de envío seleccionado. Las tarifas de envío pueden basarse en el costo del artículo comprado, su peso o la cantidad de artículos adquiridos; pueden fijar importes o basados en porcentajes de estas mediciones. Del mismo modo, puede especificar un monto de impuesto de ventas o configurar más reglas personalizadas en tu perfil. 4.9 La figura muestra al asistente cuando se introduce un coste fijo de envío de $5.00 y un impuesto de ventas de $3,75. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98
  20. 20. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es Cuando el cliente se retira, sus totales de proyecto de ley la suma de los precios de artículos comprada, más los gastos de envío, si se especifica, además de cualquier impuesto de ventas, si especifica. Hay dos botones en la parte inferior de la agregar a la pantalla del Asistente de Cart: crear botón ahora y agregar más opciones. El botón de agregar más opciones le lleva a otra página con adicional agregar a cesta de opciones de configuración. Estas opciones adicionales no están cubiertas aquí, como sólo son necesarias en los más avanzados de escenarios de carro de compras. Para completar el agregar al carro de la compra de asistente, haga clic en el botón Crear botón ahora. Esto le llevará a una página que muestra HTML del botón. Visualización de la Add to HTML del botón de carro de la compra Después de que ha hecho clic en el botón Crear botón ahora, se toman a una página que contiene el código HTML para el botón Agregar a cesta. 4.10 Figura muestra una captura de pantalla de esta página. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98 CONSEJO : Le animo a especificar información de impuestos y los gastos de envío en tu perfil. No sólo esto permite una personalización más sobre cómo se calculan los gastos de envío y los impuestos de ventas, pero también es recordada esta información. Si introduce información plana de impuestos y los gastos de envío en el agregar al carro de la compra de asistente, debe escribirlo cada vez que cree un nuevo botón Agregar a cesta.
  21. 21. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es Existen realmente dos fragmentos de HTML de esta página. El primero de ellos es en el cuadro de texto etiqueta agregar código de botón de carro de la compra. Este HTML es lo que se coloca junto al producto bandera de Estados Unidos. Al hacerlo, muestra un agregar al botón de carro de la compra. El segundo fragmento de HTML es en el cuadro de texto etiqueta Ver carro de botón de código. El código HTML en este segundo cuadro de texto el usuario vuelve a su carro de la compra. Específicamente, muestra un botón titulado Ver carro. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98
  22. 22. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es En la sección de "Ver en el carrito de compras", verá cómo agregar este botón Ver carro. Agregar el Add to Cart Button en la plantilla Para personalizar botón Agregar la plantilla a cesta con su propia información de comerciante de PayPal.com, necesitará eliminar primero el existente botón Agregar a cesta. Tenga en cuenta que alrededor del botón es un borde discontinuo verde. Para quitar el botón Agregar a carrito, con el botón derecho en esta frontera y elija la opción de menú Eliminar. Después de que ha eliminado el botón Agregar a cesta en la plantilla, estará listo para agregar su personalizado Agregar al carro de la compra botón. Para ello, necesitará copiar y pegar el código HTML de agregar del Asistente de PayPal.com al cuadro de texto de código del botón de carro de la compra hasta la ubicación correspondiente en la página web. En primer lugar, vaya a la página web de PayPal y copie el código HTML en el primer cuadro de texto en el Portapapeles de su equipo. (Esto se logra por primera seleccionando el texto en el cuadro de texto y, a continuación, vaya al menú Editar y elija Copiar). Ahora, volver a la ventana de composición. Para insertar el código HTML copiado desde la página web de PayPal, vaya al menú Insertar y elija la opción de menú HTML. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98 CONSEJO: En la parte inferior de esta página, encontrará un botón denominado crear otro botón. Al pulsar este botón vuelve a la primera página del asistente con los valores anteriores pre-entered en los diversos cuadros de texto. Debido a que usted necesita crear un botón Agregar a cesta para cada producto en venta, clic en el botón crear otro volver rápidamente al añadir al carro de la compra de asistente. NOTA: Después de eliminar el botón Agregar a cesta, debe desaparecer el borde discontinuo verde. Si todavía ve la frontera verde, guiones, pero sin el botón, inténtelo de nuevo, asegúrese de que el botón derecho sobre el borde discontinuo.
  23. 23. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es Aparecerá el cuadro de diálogo Insertar HTML (que se muestra en la figura 4.11). Pegue el código HTML desde el Portapapeles de su equipo en este cuadro de diálogo presionando las teclas de V y de control (Ctrl) en el teclado al mismo tiempo. Después de que ha pegado en el código HTML de la página web de PayPal, haga clic en el botón de inserción para pegar este contenido HTML en la página web. ¡ Enhorabuena! Ha agregado su primer agregar al carro de la compra botón! Repita este proceso para cada uno de los otros productos para la venta. Necesitará volver a la página Web de PayPal y repita el agregar al Asistente de Cart, entrando en título de un producto diferente, precio y otra información pertinente. Hacer esto para todos la bandera y accesorios de bandera para la venta. Ver el carro de la compra El paso final para crear el sitio de comercio electrónico es agregar un botón Ver carro a la barra de navegación en la parte superior de cada página web en la plantilla de sitio. Recordar que, al generar el formato HTML para un individual botón Agregar a cesta en el Asistente de PayPal.com, hubo dos cuadros de texto de HTML: el primero de ellos figura el formato HTML para agregar a Botón de carro, mientras que el segundo cuadro de texto contiene el formato HTML para el botón de carrito de compras de la vista. (Consulte figura 4.10 para una captura de pantalla). Necesita pegar el código HTML del segundo cuadro de texto donde desee que aparezca el Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98
  24. 24. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es botón Ver carro de compras. "El paso final para crear el sitio de comercio electrónico es agregar un botón Ver carro a la barra de navegación en la parte superior de cada página web en la plantilla de sitio". Como con el botón Agregar a carrito, para lograr esto, primero deberá eliminar el botón Ver carro de cada página de la plantilla. Después de esto, necesitará pegar en el HTML desde el asistente mediante la opción de HTML del menú Insertar. Después de agregar el botón Ver carro personalizado, los usuarios pueden ver contenido del su carro de la compra en cualquier momento haciendo clic en el botón Ver carro. Ver el carro de compras contiene elementos que los visitantes junto con un botón que le permita retirar. Todos juntos, una experiencia de compras en línea En este punto, ha creado las piezas esenciales de un sitio de comercio electrónico: usted ha enumerado los productos a la venta; cada producto tiene una agregar al botón de Cart junto a él, que agrega que el carro de compras; los clientes pueden proporcionar la información de su tarjeta de crédito y las mercancías en su carro de compra. Su tarea ha sido infinitamente más fáciles gracias a las herramientas de cuenta de servicios mercantiles proporcionadas por PayPal. Ahora está listo para ir a vivir con su sitio! Como se explica en los tres capítulos anteriores, esto implica que cada página de publicación. Tómese un momento para abrir dos páginas de web la plantilla y publicarlos haciendo clic en el icono de publicar en la barra de herramientas o ir al menú Archivo y seleccionando el elemento de menú de publicar. Ahora que ha publicado el sitio, dediquemos un momento para mirar la experiencia del comprador — de los productos, para agregar elementos al carro, a pagar por una orden de navegación. Figura 4.12 muestra las banderas de la vista de página de web de venta. Tenga en cuenta que cada indicador para la venta tiene un botón Agregar a cesta. Si un visitante hace clic, digamos, la bandera austriaca agregar al carro de la compra botón, abrirá una nueva ventana de navegador que muestra al usuario su carro de la compra (véase Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98
  25. 25. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es la figura 4.13). Como muestra la figura 4.13, el carro de compras contiene los elementos actuales que el usuario ha añadido a su carro de la compra. Desde esta página, el usuario puede actualizar la cantidad de artículos en su carro de la compra o quitar elementos. Haciendo clic en el botón Continuar Shopping, el usuario regresa a las marcas de la vista de página de la web de venta, donde ella puede añadir banderas adicionales a su carro de la compra. Figura 4.14 muestra el carro de compras después de que el usuario vuelve a las marcas de la vista de página de web de venta y hace clic en el botón Agregar a cesta para la bandera de Estados Unidos. El usuario ha completado su compra haciendo clic en el botón de extracción en el carro de compras. Al hacerlo, toma el comprador a una página que explica los detalles de pago y le ofrece la oportunidad de pagar a través de una cuenta PayPal (si tiene uno), o a través de una tarjeta de crédito. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98
  26. 26. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es Figura 4.15 muestra la primera pantalla de la página de detalles del pago. Después de que progresan a través de las pantallas de pago, lo que implica el inicio de sesión en una cuenta de PayPal o proporcionar información de tarjeta de crédito, el usuario se factura y tu cuenta PayPal se le acredita el monto de la transacción menos el porcentaje de PayPal despega la parte superior. Una vez finalizada la transacción, recibirá un correo electrónico indicando qué elementos que el usuario ha adquirido y la dirección de envío. A continuación, es su responsabilidad para enviar al usuario sus bienes adquiridos de manera oportuna. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98
  27. 27. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es RESUMEN En este capítulo ha aprendido a crear una tienda en línea completamente funcional con la ayuda de servicios mercantiles de PayPal. Todo el trabajo complicado de crear y mantener un carro de la compra y procesamiento de pagos con tarjeta de crédito es manejado por PayPal para una pequeña Comisión sobre las ventas. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98
  28. 28. COMPLETHOST SOLUCIONES INTERNET – Tutoriales y ayuda www.complethost.es El sitio de comercio electrónico que construimos era relativamente simple, que contiene sólo las funciones desnudas requeridas: un listado de los productos; un botón Agregar a cesta para cada producto que, al hacer clic, agrega el elemento al carro; y un medio para que los clientes retirar y pagar su pedido. Sitios de comercio electrónico más avanzados normalmente contienen características adicionales, tales como funciones de personalización, capacidades de búsqueda y comentarios de los clientes. Lamentablemente, agregar a estos tipos de funciones se requieren las tecnologías más avanzadas de HTML y por lo tanto, quedan fuera del alcance de este libro. No deje que la simplicidad de la Web de comercio electrónico que hemos creado, aunque, le quita lo que hemos logrado. En el lapso de un capítulo, fuimos de la nada a un sitio Web que proporciona una tienda en Internet totalmente funcional. BUSCAR HOSTING PARA SU TIENDA alrededor algunos sitios grandes están allí para alojar su websites ENTRE ESTOS se encuentra www.complethost.es al tener una gama de servicios y un catálogo en línea de las características que usted necesita. Compare el mejor trato y los tipos de servicios que desee. Puede que necesite sólo una pequeña cantidad de espacio para una familia o afición sitio Web, que normalmente puede obtener de su proveedor de Internet. Mayoría de las cuentas ofrece acceso a FTP y más de 1 gigabyte de espacio para su propio sitio Web poco. Pero si desea crear un sitio Web más grande, especialmente uno que involucra la venta de productos o servicios, puede que desee permitir que un sitio de hospedaje a hacer la mayor parte del trabajo para usted. Estos sitios cuidan de correo electrónico masivo, compras de carros, catálogos en línea y boletines de noticias para usted. También tienen la seguridad de su sitio, que puede ser difícil al programa por usted si usted es un principiante. Tienen servidores de seguridad para impedir que los hackers destruyendo su sitio Web, así como SSL (Secure Sockets Layer) que permite a los visitantes realizar transacciones en un entorno seguro. Toneleros 24 46024 Valencia – www.complethost.es Teléfono 96 112 49 98

×