![\"stripe\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/stripe-logo.png\"){kind=logo}
<\/p>\n
Stripe fue fundada en 2010 por dos hermanos, John y Patrick Collison. Se lanz\u00f3 p\u00fablicamente en 2011 y ha recibido m\u00faltiples rondas de financiaci\u00f3n. Incluso se clasific\u00f3 #4 en la lista Forbes\u00a0Cloud 100<\/a>\u00a0en 2016. Hay un mont\u00f3n de pasarelas de pago para elegir, pero el enfoque de Stripe en la simplicidad, junto con su popular Stripe API es lo que los ha diferenciado de los competidores. Su estructura gratuita es mucho m\u00e1s f\u00e1cil de entender, como para aquellos que hacen menos de $1 mill\u00f3n al a\u00f1o es una tasa fija de 2.9% + 30\u00a2. Tambi\u00e9n le permiten cargar las tarjetas de cr\u00e9dito de su propio sitio de forma gratis<\/u>, mientras que PayPal te cobra $30\/mes m\u00e1s sus honorarios de transacci\u00f3n. Stripe tampoco tiene ning\u00fan cargo por reembolsos o autorizar tarjetas. PayPal sin embargo se vuelve m\u00e1s barato con mayor volumen de transacciones.<\/p>\n Stripe no tiene un plugin o integraci\u00f3n oficial de WordPress, pero gracias a la impresionante comunidad de WordPress que ha utilizado su API, ahora hay muchas opciones para obtener f\u00e1cilmente Stripe en su sitio. A continuaci\u00f3n, entraremos en la configuraci\u00f3n de Stripe para WordPress en un sitio b\u00e1sico, con un plugin de formulario y campos personalizados, as\u00ed como plataformas de comercio electr\u00f3nico como WooCommerce y Easy Digital Downloads. Es importante tener en cuenta que SSL es necesario en las p\u00e1ginas de pago de Stripe<\/strong> para comunicar los datos de pago de forma segura. Muchos hosts, incluso Kinsta, ahora ofrecen certificados SSL gratis<\/a>\u00a0con Let\u2019s Encrypt. \u00a0Tenga cuidado sin embargo, usted puede da\u00f1ar su sitio si usted no migra correctamente, as\u00ed que aseg\u00farese de revisar nuestra\u00a0gu\u00eda de migraci\u00f3n de HTTP a HTTPS<\/a>\u00a0en profundidad.<\/p>\n Todos estos tutoriales suponen que tiene una cuenta de Stripe. Si no la tiene, puede inscribirse para una cuenta de Stripe gratuita<\/a>.<\/p>\n La primera forma de configurar Stripe para WordPress es en un sitio b\u00e1sico. Tal vez usted no tenga ninguna configuraci\u00f3n de soluciones de comercio electr\u00f3nico y simplemente tenga un producto que desee vender en una p\u00e1gina. Esto puede ser una gran manera de aceptar los pagos de un libro electr\u00f3nico o descarga digital sin ning\u00fan cargo adicional en su sitio. Para ello recomendamos el plugin gratuito de WP Simple Pay Lite for Stripe<\/a> en el que puede empezar en tan s\u00f3lo 4 pasos sencillos. Tienen una versi\u00f3n profesional del plugin, lo que permite pagos peri\u00f3dicos y una multitud de otras caracter\u00edsticas, pero si necesita algo simple y r\u00e1pido, puede irle muy bien con la versi\u00f3n gratuita. Actualmente cuenta con m\u00e1s de 8,000 instalaciones activas con un 4.6 de 5 estrellas.<\/p>\n Descargue e instale el plugin\u00a0WP Simple Pay Lite for Stripe<\/a>\u00a0desde el repositorio de WordPress o al buscarlo en el panel de control de WordPress en \u00abA\u00f1adir Nuevo\u00bb (Add New) plugins.<\/p>\n Lo primero que tendr\u00e1 que hacer es hacer clic en la configuraci\u00f3n del plugin e ingresar sus\u00a0llaves de Stripe API<\/a>, que puede obtener de su panel de cuenta de Stripe. A continuaci\u00f3n, haga clic en \u00abGuardar Cambios\u00bb (Save Changes). Se dar\u00e1 cuenta de que hay un interruptor de encendido (On) y apagado (Off). Puede mantenerlo apagado hasta que tenga todo configurado.<\/p>\n Haga clic en la pesta\u00f1a \u00abConfiguraci\u00f3n predeterminada\u00bb (Default Settings). All\u00ed es donde puede dar a su sitio un nombre, establecer la moneda, proporcionar una imagen, etc. Una configuraci\u00f3n importante es la URL de redirecci\u00f3n de \u00e9xito. Si est\u00e1 realizando un seguimiento de las conversiones con una p\u00e1gina de agradecimiento, deber\u00e1 habilitarlo. Vea nuestra gu\u00eda de seguimiento de conversi\u00f3n<\/a> en profundidad. Luego despl\u00e1cese hacia abajo y haga clic en \u00abGuardar cambios\u00bb (Save Changes).<\/p>\n Despu\u00e9s, puede insertar un bot\u00f3n de pago en cualquier p\u00e1gina o publicaci\u00f3n en su sitio WordPress con un c\u00f3digo corto simple. Recuerde que puede cambiar el texto en el bot\u00f3n de pago en la configuraci\u00f3n del plugin. He aqu\u00ed un ejemplo de un c\u00f3digo corto que puede pegar en su p\u00e1gina o publicaci\u00f3n:<\/p>\n Vea todos los\u00a0c\u00f3digos cortos de WP Simple Pay. \u00a1Y eso es todo! Agregar Stripe a su sitio de WordPress no podr\u00eda ser m\u00e1s f\u00e1cil. Aseg\u00farese de cambiar el modo en vivo a \u00abS\u00ed\u00bb (On) si a\u00fan no est\u00e1 en la configuraci\u00f3n. Tambi\u00e9n puede aprovechar su plugin compa\u00f1ero<\/a>\u00a0gratuito que agrega un bot\u00f3n en su editor de WordPress para agregar m\u00e1s f\u00e1cilmente botones de pago. No hay necesidad de tomar ning\u00fan c\u00f3digo corto.<\/p>\n Una segunda configuraci\u00f3n com\u00fan cuando se utiliza Stripe para WordPress es utilizarlo junto con un plugin de formulario. La raz\u00f3n por la que quiz\u00e1 quiera hacer esto es porque le da m\u00e1s flexibilidad al poder a\u00f1adir sus propios campos personalizados<\/u>\u00a0en el proceso de pago. Muchos de los plugins de formulario populares tienen integraciones y extensiones de Stripe f\u00e1ciles, como Gravity Forms, Ninja Forms, y WP Forms. La integraci\u00f3n de Stripe es t\u00edpicamente un complemento premium. En nuestro ejemplo, vamos a usar el plugin de Gravity Forms<\/a>.<\/p>\n Descargue e instale el\u00a0plugin de Gravity Forms<\/a>\u00a0junto con su complemento de extensi\u00f3n Stripe. Esto requiere una licencia de desarrollador.<\/p>\n Lo primero que tendr\u00e1 que hacer es hacer clic en la configuraci\u00f3n del plugin e ingresar sus llaves de Stripe API<\/a>, que puede obtener de su panel de cuenta de Stripe. A continuaci\u00f3n, haga clic en \u00abGuardar cambios\u00bb (Save Changes). Se dar\u00e1 cuenta de que hay un modo en Vivo (Live) y Prueba (Test). Puede mantenerlo en modo de prueba hasta que tenga todo configurado correctamente.<\/p>\n Despl\u00e1cese hacia abajo y tendr\u00e1 que configurar Webhooks. Gravity Forms requiere que se agregue una URL a la lista de webhooks de su cuenta Stripe para que todo funcione correctamente.<\/p>\n A continuaci\u00f3n, marque la casilla que indica que ha habilitado la URL del webhook y que ha hecho clic en \u00abActualizar configuraci\u00f3n\u00bb (Update Settings).<\/p>\n Ahora es el momento de configurar su formulario. Si todav\u00eda no tiene uno, tendr\u00e1 que crear un nuevo formulario.<\/p>\n En el formulario puede configurarlo para aceptar cualquier dato que desee. Usted podr\u00eda incluso tener un campo obligatorio para un mensaje. Como puede ver esto ofrece mucha m\u00e1s personalizaci\u00f3n que el plugin Simple Pay que explicamos anteriormente. S\u00f3lo aseg\u00farese de tener el campo de la tarjeta de cr\u00e9dito y el precio. Todo es arrastrar y soltar en Gravity Forms por lo que es r\u00e1pido y f\u00e1cil de crear esto.<\/p>\n Despu\u00e9s de crear su formulario necesita conectarlo a Stripe con un feed. Haga clic en los ajustes del formulario en s\u00ed y en \u00abStripe\u00bb. Puede establecer el tipo de transacci\u00f3n y el importe del pago. Despu\u00e9s, haga clic en \u00abActualizar configuraci\u00f3n\u00bb (Update Settings).<\/p>\n A continuaci\u00f3n, puede insertar su formulario en una p\u00e1gina o publicaci\u00f3n. En el editor de WordPress, Gravity Forms tiene un bot\u00f3n llamado \u00abA\u00f1adir Formulario\u00bb (Add Form). Seleccione el formulario que ha creado y haga clic en \u00abInsertar Formulario\u00bb (Insert Form).<\/p>\n Y eso es. Su formulario es ahora una forma completamente funcional que se integra con Stripe y es capaz de capturar pagos.<\/p>\n Una tercera configuraci\u00f3n com\u00fan cuando se utiliza Stripe para WordPress es utilizarlo con WooCommerce. Con m\u00e1s de 1 mill\u00f3n de instalaciones activas, una calificaci\u00f3n por usuarios de 4.6 en WordPress.org,\u00a0WooCommerce<\/a>\u00a0es una de las soluciones de comercio electr\u00f3nico gratuitas m\u00e1s populares para WordPress. De acuerdo a BuiltWith<\/a>, desde Enero 2017,\u00a0WooCommerce potencia a 42% de todas las tiendas online.<\/p>\n Y la gran noticia es que, a partir de febrero de 2016,\u00a0Stripe es gratis<\/a>\u00a0de usar con WooCommerce! \u00a0Anteriormente hab\u00eda que comprar la pasarela de pago Stripe directamente de WooCommerce, que comenzaba en $79 para una sola licencia de sitio. Esto reduce significativamente la barrera de entrada para cualquier persona que desee lanzar una tienda de WooCommerce y aceptar tarjetas de cr\u00e9dito con Stripe. Este tutorial a continuaci\u00f3n supone que ya tiene WooCommerce en funcionamiento. Si no lo hace, eche un vistazo a nuestro tutorial de WooCommerce<\/a>\u00a0en profundidad.<\/p>\n Lo primero que tendr\u00e1 que hacer es instalar el plugin gratuito de\u00a0WooCommerce Stripe Payment Gateway<\/a>. En la actualidad cuenta con m\u00e1s de 100,000 instalaciones activas con un 4.7 de 5 estrellas.<\/p>\n Puede descargar el plugin desde el repositorio de WordPress o buscarlo en el panel de WordPress en los \u00abA\u00f1adir nuevo\u00bb (Add New) plugins.<\/p>\n A continuaci\u00f3n, haga clic en Ajustes de WooCommerce en el panel de control y haga clic en la pesta\u00f1a \u00abPago\u00bb (Checkout). Desea activar Stripe e ingresar sus llaves de API Stripe<\/a>, que puede obtener de su panel de cuenta de Stripe. Tambi\u00e9n puede elegir si desea activar o no el \u00abPago de Stripe\u00bb (Stripe Checkout). El Pago de Stripe muestra un bot\u00f3n de pago y un formulario de tarjeta de cr\u00e9dito modal en la caja en lugar de los campos cl\u00e1sicos de la tarjeta de cr\u00e9dito. Luego despl\u00e1cese hacia abajo y haga clic en \u00abGuardar cambios\u00bb (Save Changes).<\/p>\n A continuaci\u00f3n, en la pesta\u00f1a Pago, haga clic en \u00abOpciones de Pago\u00bb (Checkout Options). Deber\u00e1 activar \u00abForce secure checkout\u00bb. Recuerde que Stripe requiere SSL para aceptar tarjetas de cr\u00e9dito de forma segura en su sitio de WordPress. Luego despl\u00e1cese hacia abajo y haga clic en \u00abGuardar cambios\u00bb (Save Changes).<\/p>\n Y eso es. Sus p\u00e1ginas de pago ahora deben ser capaces de aceptar tarjetas de cr\u00e9dito con Stripe. Aqu\u00ed hay un par de ejemplos.<\/p>\n Pago por Defecto de WooCommerce Stripe <\/strong><\/p>\n Este es el aspecto predeterminado de Stripe en una p\u00e1gina de compra de WooCommerce con los campos de la tarjeta de cr\u00e9dito en l\u00ednea en la p\u00e1gina.<\/p>\n WooCommerce con la Opci\u00f3n de Pago de Stripe Habilitada<\/strong><\/p>\n Este es el aspecto si habilita la opci\u00f3n \u00abStripe Checkout\u00bb en los ajustes. El cliente hace clic en \u00abContinuar con el pago\u00bb (Continue to payment) y obtiene el modo Stripe.<\/p>\n Una cuarta configuraci\u00f3n com\u00fan cuando se utiliza Stripe para WordPress es usarlo con Easy Digital Downloads<\/a>. Al igual que WooCommerce, Easy Digital Downloads es una popular soluci\u00f3n de comercio electr\u00f3nico gratuita para WordPress. Principalmente se utiliza para vender productos digitales, sin embargo, tambi\u00e9n hay una extensi\u00f3n para adaptarlo a productos f\u00edsicos. Realmente se ha convertido en una alternativa de WooCommerce ahora. En la actualidad cuenta con m\u00e1s de 50,000 instalaciones activas con 4.8 de 5 estrellas. Este tutorial a continuaci\u00f3n supone que tiene EDD ya en funcionamiento. Si no lo tiene, eche un vistazo a la documentaci\u00f3n de Easy Digital Downloads<\/a>.<\/p>\n La \u00fanica ca\u00edda en la integraci\u00f3n de Easy Digital Downloads Stripe es que requiere la extensi\u00f3n premium, que comienza en $89.00 para una licencia de sitio \u00fanico. Sin embargo, eso podr\u00eda valer la pena para usted si usted prefiere EDD y desea utilizar Stripe.<\/p>\n Descargue, instale, y active la\u00a0extensi\u00f3n de pasarela de pago de Stripe<\/a>.<\/p>\n En Descargas (que es EDD), haga clic en Configuraci\u00f3n (Settings) y, despu\u00e9s, en el gabinete de Pasarela de Pago (Payment Gateways). En la configuraci\u00f3n de puerta de enlace que desea comprobar Stripe para habilitarlo. Despu\u00e9s, cambie la puerta de enlace predeterminada a Stripe. Despu\u00e9s, tambi\u00e9n puede seleccionar los iconos de tarjetas de cr\u00e9dito para mostrar en el pago. A continuaci\u00f3n, haga clic en \u00abGuardar cambios\u00bb (Save Changes).<\/p>\n En la pesta\u00f1a de Pasarela de Pago, haga clic en \u00abStripe\u00bb. Desea ingresar las llaves de Stripe API<\/a>, que puede obtener de su panel de cuenta de Stripe. Tambi\u00e9n es necesario configurar Webhooks.<\/p>\nConfigure Stripe para WordPress<\/h2>\n
\n
<\/a>C\u00f3mo Configurar Stripe en Sitio de WordPress B\u00e1sico<\/h2>\n
![\"wp](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/wp-simple-pay-lite-for-stripe-plugin.jpg\")
<\/a>Paso 1<\/h3>\n
![\"Instalar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/wp-simple-pay-lite-for-stripe-install.jpg\")
Paso 2<\/h3>\n
![\"Clavi](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/wp-simple-pay-api-keys.jpg\")
Paso 3<\/h3>\n
![\"Configuraci\u00f3n](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/wp-simple-pay-stripe-settings.jpg\")
Paso 4<\/h3>\n
[stripe name=\"My Store\" description=\"My Product\" amount=\"1999\"]<\/pre>\n
![\"Caja](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/wp-simple-pay-checkout-1.jpg\")
![\"Stripe](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/stripe-shortcode-button.jpg\")
<\/a>C\u00f3mo Configurar Stripe con Gravity Forms<\/h2>\n
![\"gravity](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/gravity-forms.png\")
Paso 1<\/h3>\nPaso 2<\/h3>\n
![\"Configuraci\u00f3n](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/gravity-forms-stripe-settings.jpg\")
Paso 3<\/h3>\n
\n
\nhttps:\/\/dashboard.stripe.com\/account\/webhooks<\/a><\/li>\nhttps:\/\/yourdomain.com\/?callback=gravityformsstripe<\/code><\/li>\n![\"Stripe](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/stripe-webhook-gravity-forms.jpg\")
![\"Actualizar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/update-stripe-webhooks.jpg\")
Paso 4<\/h3>\n
![\"Crear](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/create-new-form-gravity-forms.jpg\")
Paso 5<\/h3>\n
![\"Formulario](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/gravity-forms-billing-form-1.jpg\")
Paso 6<\/h3>\n
![\"Fuente](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/billing-form-feed.jpg\")
Paso 7<\/h3>\n
![\"Insertar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/insert-form.jpg\")
![\"Tarjetas](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/form-credit-cards-gravity-forms.jpg\")
<\/a>C\u00f3mo Configurar Stripe en WooCommerce<\/h2>\n
![\"woocommerce\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/woocommerce-logo.png\"){kind=logo}
<\/p>\nPaso 1<\/h3>\n
![\"WooCommerce](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/woocommerce-stripe-payment-gateway.jpg\")
Paso 2<\/h3>\n
![\"Ajustes](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/woocommerce-stripe-settings.jpg\")
Paso 3<\/h3>\n
![\"Forzar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/woocommerce-force-secure-checkout.jpg\")
![\"Pago](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/credit-card-checkout-woocommerce.jpg\")
![\"Pago](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/stripe-checkout-woocommerce.jpg\")
<\/a>C\u00f3mo Configurar Stripe en Easy Digital Downloads<\/h2>\n
![\"easy](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/easy-digital-downloads.png\")
<\/p>\nPaso 1<\/h3>\n
Paso 2<\/h3>\n
![\"Configuraci\u00f3n](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/edd-stripe-payment-gateway-settings.jpg\")
Paso 3<\/h3>\n
![\"Ajustes](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/stripe-settings-edd.jpg\")
![\"Pago](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/stripe-credit-card-checkout-edd.jpg\")
![\"Pago](\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/01\/stripe-checkout-edd.jpg\")