{"id":4866,"date":"2020-01-08T17:09:14","date_gmt":"2020-01-08T16:09:14","guid":{"rendered":"https:\/\/bluekea.com\/blog\/?p=4866"},"modified":"2021-03-01T17:24:04","modified_gmt":"2021-03-01T16:24:04","slug":"como-crear-botones-de-compra-de-paypal-en-tu-web","status":"publish","type":"post","link":"https:\/\/bluekea.com\/blog\/tecnica-digital\/como-crear-botones-de-compra-de-paypal-en-tu-web","title":{"rendered":"C\u00f3mo crear botones de compra de PayPal en tu web"},"content":{"rendered":"\n<p>Existen muchas opciones para crear una tienda online integrada en una web, y nosotros en Bluekea disponemos de nuestro propio sistema de cesta de la compra para la venta de fotos online en formato f\u00edsico o con descarga digital.<\/p>\n\n\n\n<p>Sin embargo, en ocasiones solo necesitamos algo sencillo: uno o varios botones de pago que podamos integrar en nuestra web de forma puntual. Algunos ejemplos comunes para los fot\u00f3grafos son la venta de un libro autoeditado, un pago adelantado para reservar una sesi\u00f3n o la venta de un paquete de fotos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"611\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-de-botones-paypal-1024x611.jpg\" alt=\"\" class=\"border-photo wp-image-4878\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-de-botones-paypal-1024x611.jpg 1024w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-de-botones-paypal-300x179.jpg 300w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-de-botones-paypal-768x458.jpg 768w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-de-botones-paypal-1536x916.jpg 1536w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-de-botones-paypal-900x537.jpg 900w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-de-botones-paypal.jpg 1900w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Ejemplo de botones de pago para reservar un taller de fotograf\u00eda<\/figcaption><\/figure>\n\n\n\n<p>Si tenemos una cuenta de PayPal es muy sencillo insertar este tipo de botones en nuestra web siempre que \u00e9sta nos lo permita. Vamos a ver c\u00f3mo se hace para una web de Bluekea pero el proceso es similar para cualquier otro tipo de web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">El proceso de compra<\/h2>\n\n\n\n<p>Con este sistema, la compra se har\u00e1 del siguiente modo:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>El visitante entra en nuesta web y pulsa el bot\u00f3n de pago o compra.<\/li><li>En ese momento nuestra web lo dirije a PayPal, donde puede hacer el pago, tanto con su cuenta de PayPal o, si lo prefiere, con tarjeta bancaria.<\/li><li>Al finalizar el pago PayPal lo env\u00eda de vuelta a nuestra web donde le informamos de que todo ha ido bien. Si hay alg\u00fan problema y el proceso no se completa, tambi\u00e9n ir\u00e1 a nuestra web donde recibir\u00e1 informaci\u00f3n al respecto.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">1. Crear dos secciones en nuestra web a las que ir\u00e1 el comprador tras pasar por PayPal.<\/h2>\n\n\n\n<p>Nuestro consejo es crear en nuestra web dos p\u00e1ginas o secciones nuevas, que dejaremos ocultas en el men\u00fa principal. De ese modo cuando el comprador termina el pago -o no- siempre volver\u00e1 a nuestra web y no quedar\u00e1 esperando una confirmaci\u00f3n por nuestra parte de que todo ha ido bien, o una soluci\u00f3n cuando no es as\u00ed. Por tanto crearemos estas dos p\u00e1ginas:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Una p\u00e1gina a la que ir\u00e1n nuestros compradores cuando completen el pago en PayPal. En esta p\u00e1gina pondremos un texto indicando que el proceso se ha realizado correctamente e indicaremos al comprador de los siguientes pasos, como plazo de env\u00edo u otra informaci\u00f3n relevante. Tambi\u00e9n es interesante agradecerle su confianza. Esta ser\u00e1 nuestra <em>p\u00e1gina de \u00e9xito<\/em>.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Una p\u00e1gina a la que ir\u00e1n nuestros compradores cuando haya alg\u00fan problema con el pago, por ejemplo si su cuenta de PayPal o tarjeta no ha funcionado, o si han cancelado el proceso. En esta p\u00e1gina pondremos un texto invitando a intentarlo de nuevo o a contactar con nosotros para resolver el problema. Tambi\u00e9n podemos poner una forma de pago alternativa. Esta ser\u00e1 nuestra <em>p\u00e1gina de error<\/em>.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">2. Crear el enlace para el bot\u00f3n de pago<\/h2>\n\n\n\n<p>Accedemos a nuestra cuenta de PayPal, y en primer lugar verificaremos si nuestra cuenta es de tipo Personal o Business. Si es personal, necesitaremos pasarla a Business. Lo podemos comprobar en la configuraci\u00f3n de nuestra cuenta de PayPal pulsando en el icono de la rueda dentada de la parte superior. Si vemos la opci\u00f3n <em>Cambiar a cuenta Business<\/em> es porque nuestra cuenta es Personal, y hemos de seleccionar dicha opci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"534\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/herramientas-paypal-1024x534.jpg\" alt=\"Herramientas de pago en el panel de control de PayPal\" class=\"wp-image-4872\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/herramientas-paypal-1024x534.jpg 1024w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/herramientas-paypal-300x156.jpg 300w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/herramientas-paypal-768x400.jpg 768w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/herramientas-paypal-900x469.jpg 900w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/herramientas-paypal.jpg 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Herramientas en nuestro panel de control de PayPal<\/figcaption><\/figure>\n\n\n\n<p>Una vez tenemos la cuenta Business (que es gratuita) seguimos estos pasos:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Pulsamos en el men\u00fa <strong>Herramientas<\/strong>.<\/li><li>Seleccionamos <strong>Todas las herramientas<\/strong>.<\/li><li>Seleccionamos ahora <strong>Botones de PayPal.<\/strong><\/li><\/ul>\n\n\n\n<p>En esta nueva secci\u00f3n, en la parte derecha pulsamos <strong>Crear nuevo bot\u00f3n<\/strong>. Vemos ahora tres pasos para crear el bot\u00f3n.<\/p>\n\n\n\n<p>En el paso 1 seleccionamos como tipo de bot\u00f3n, la opci\u00f3n <strong>Comprar ahora<\/strong>. Como m\u00ednimo tendremos que poner un precio y un nombre al art\u00edculo, y podemos rellenar tambi\u00e9n otras opciones. El paso 2 lo podemos saltar. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"687\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/crear-boton-pago-paypal-1024x687.jpg\" alt=\"Creando un bot\u00f3n de pago de paypal para insertar en web\" class=\"border-photo wp-image-4869\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/crear-boton-pago-paypal-1024x687.jpg 1024w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/crear-boton-pago-paypal-300x201.jpg 300w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/crear-boton-pago-paypal-768x515.jpg 768w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/crear-boton-pago-paypal-900x604.jpg 900w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/crear-boton-pago-paypal.jpg 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Pasos de la creaci\u00f3n del bot\u00f3n<\/figcaption><\/figure>\n\n\n\n<p>En el paso 3 rellenamos estas casillas:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>La direcci\u00f3n de la p\u00e1gina de \u00e9xito que hemos creado antes es la que introducimos en la casilla <em>Dirigir a los clientes a esta URL cuando terminen el proceso de pago<\/em>.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>La direcci\u00f3n de la p\u00e1gina de error la introduciremos en la casilla <em>Dirigir a los clientes a esta URL cuando cancelen el proceso de pago<\/em>.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"690\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/enlace-boton-paypal-1024x690.jpg\" alt=\"Copiando el c\u00f3digo de pago de un enlace de PayPal\" class=\"border-photo wp-image-4871\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/enlace-boton-paypal-1024x690.jpg 1024w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/enlace-boton-paypal-300x202.jpg 300w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/enlace-boton-paypal-768x517.jpg 768w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/enlace-boton-paypal-1536x1035.jpg 1536w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/enlace-boton-paypal-900x606.jpg 900w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/enlace-boton-paypal.jpg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>El c\u00f3digo para el incluir como enlace en nuestro bot\u00f3n<\/figcaption><\/figure>\n\n\n\n<p>Pulsamos <strong>Crear bot\u00f3n<\/strong>. Ya tenemos el bot\u00f3n listo, ahora veremos dos opciones para integrarlo en nuestra web. La pesta\u00f1a <strong>Sitio web<\/strong> nos dar\u00e1 el c\u00f3digo completo con un bot\u00f3n de PayPal para insertarlo directamente en nuestra web. Estos botones a d\u00eda de hoy tienen un dise\u00f1o infame, por lo que personalmente prefiero utilizar la otra pesta\u00f1a, <strong>Correo electr\u00f3nico<\/strong>, que nos da un enlace que podemos insertar en un bot\u00f3n personalizado. Por tanto pulsaremos en esta segunda pesta\u00f1a y copiaremos el c\u00f3digo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"> <\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">3. Insertar el bot\u00f3n de pago en nuestra web<\/h2>\n\n\n\n<p>Vamos a explicar c\u00f3mo lo har\u00edamos en una web de Bluekea, pero el proceso es similar para hacerlo con otro sistema.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"617\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/configuracion-boton-paypal-bluekea-1024x617.jpg\" alt=\"Configuraci\u00f3n de un bot\u00f3n de paypal en Bluekea\" class=\"wp-image-4868\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/configuracion-boton-paypal-bluekea-1024x617.jpg 1024w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/configuracion-boton-paypal-bluekea-300x181.jpg 300w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/configuracion-boton-paypal-bluekea-768x463.jpg 768w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/configuracion-boton-paypal-bluekea-1536x926.jpg 1536w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/configuracion-boton-paypal-bluekea-900x543.jpg 900w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/configuracion-boton-paypal-bluekea.jpg 1662w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Creando el bot\u00f3n en la web de Bluekea<\/figcaption><\/figure>\n\n\n\n<p>En nuestro caso iremos a una p\u00e1gina de texto o a la pesta\u00f1a de texto y m\u00f3dulos de cualquier otro tipo de p\u00e1gina, y crearemos un nuevo m\u00f3dulo de tipo bot\u00f3n. En la casilla de direcci\u00f3n insertamos la que hemos copiado para el bot\u00f3n de PayPal en el paso anterior.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"686\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-boton-paypal-bluekea-1024x686.jpg\" alt=\"Ejemplo de un bot\u00f3n de pago de PayPal en una web de Bluekea\" class=\"border-photo wp-image-4870\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-boton-paypal-bluekea-1024x686.jpg 1024w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-boton-paypal-bluekea-300x201.jpg 300w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-boton-paypal-bluekea-768x515.jpg 768w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-boton-paypal-bluekea-1536x1029.jpg 1536w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-boton-paypal-bluekea-900x603.jpg 900w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-boton-paypal-bluekea.jpg 1800w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>El resultado final<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Te contamos c\u00f3mo crear un bot\u00f3n de pago directo en PayPal y c\u00f3mo insertarlo en tu web, con un estilo personalizado. <a href=\"https:\/\/bluekea.com\/blog\/tecnica-digital\/como-crear-botones-de-compra-de-paypal-en-tu-web\">Sigue leyendo <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":4870,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-4866","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnica-digital"],"_links":{"self":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/4866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/comments?post=4866"}],"version-history":[{"count":8,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/4866\/revisions"}],"predecessor-version":[{"id":4880,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/4866\/revisions\/4880"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media\/4870"}],"wp:attachment":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media?parent=4866"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/categories?post=4866"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/tags?post=4866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}