{"id":2194,"date":"2018-11-08T17:11:38","date_gmt":"2018-11-08T07:11:38","guid":{"rendered":"https:\/\/mbrsolution.com\/es\/?p=2194"},"modified":"2023-07-13T11:48:51","modified_gmt":"2023-07-13T01:48:51","slug":"personalizar-los-botones-de-pago-de-paypal-shopping-cart","status":"publish","type":"post","link":"https:\/\/mbrsolution.com\/es\/wordpress\/personalizar-los-botones-de-pago-de-paypal-shopping-cart\/","title":{"rendered":"Personalizar los botones de pago de paypal shopping cart"},"content":{"rendered":"<p>Personalizar los botones de pago de paypal shopping cart te ense\u00f1ar\u00e1 c\u00f3mo personalizar los botones del carrito de finalizar la compra.<\/p>\n<p style=\"text-align: center;\"><span style=\"text-decoration: underline;\"><em><strong>Actualizado el: 13 de julio, 2023<\/strong><\/em><\/span><\/p>\n<p><span style=\"color: #ff0000;\"><b><i>\u00daltimas<\/i><\/b><\/span><strong><em><span style=\"color: #ff0000;\">\u00a0noticias:<\/span> Actualizada la documentaci\u00f3n.<\/em><\/strong><\/p>\n<p>En ocasiones, es posible que desees cambiar los botones del carrito de la compra en el plugin. Esto podr\u00eda ser debido al dise\u00f1o de tu tema o porque no te gustan las im\u00e1genes por defecto a\u00f1adidas por el plugin.<\/p>\n<p>Las siguientes instrucciones te ense\u00f1an c\u00f3mo llevar a cabo estos cambios a trav\u00e9s de los ajustes del plugin y usando c\u00f3digo PHP personalizado. En referencia al c\u00f3digo PHP, vas a\u00f1adir dos filtros a tu archivo functions.php de tu tema y tambi\u00e9n subir dos im\u00e1genes a tu biblioteca de medios.<\/p>\n<p><b>Qu\u00e9<\/b><strong>\u00a0necesitas:<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/es.wordpress.org\/plugins\/wordpress-simple-paypal-shopping-cart\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress simple paypal shopping cart<\/a><\/li>\n<li>Algunos conocimientos b\u00e1sicos de PHP.<\/li>\n<li>Un tema hijo.\u00a0<em><strong><span style=\"color: #ff0000;\">(Opcional pero recomendado)<\/span><\/strong><\/em><\/li>\n<li>Editar el archivo functions.php de tu tema.<\/li>\n<\/ul>\n<h2 style=\"text-align: center;\">Personalizar los botones de pago de PayPal Shopping Cart<\/h2>\n<p><strong>Paso 1 )<\/strong> La siguiente imagen te muestra un producto publicado en la web y el bot\u00f3n <em><strong>A\u00f1adir al carrito<\/strong><\/em>. El bot\u00f3n <em><strong>A\u00f1adir al carrito<\/strong><\/em> se puede personalizar en los ajustes del plugin. Consulta el siguiente enlace\u00a0<a href=\"https:\/\/mbrsolution.com\/es\/wordpress\/ajustes-generales-de-wordpress-simple-paypal-shopping-cart\/\">Ajustes generales de wordpress simple paypal shopping cart<\/a> para obtener m\u00e1s informaci\u00f3n.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2200 size-full\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/wordpress-shopping-cart-personalizar-el-boton-del-carro-de-compras.png\" alt=\"wordpress-shopping-cart-personalizar-el-boton-del-carro-de-compras\" width=\"316\" height=\"450\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/wordpress-shopping-cart-personalizar-el-boton-del-carro-de-compras.png 316w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/wordpress-shopping-cart-personalizar-el-boton-del-carro-de-compras-211x300.png 211w\" sizes=\"(max-width: 316px) 100vw, 316px\" \/><\/p>\n<p><strong>Paso 1-a )<\/strong> La siguiente imagen te muestra los botones por defecto que se muestran en el carrito de compras. Puedes ver el icono del carrito y el bot\u00f3n de finalizar la compra.<\/p>\n<p style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2198 size-full\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/wordpress-shopping-cart-botones-de-finalizar-la-compra.png\" alt=\"wordpress-shopping-cart-botones-de-finalizar-la-compra\" width=\"339\" height=\"561\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/wordpress-shopping-cart-botones-de-finalizar-la-compra.png 339w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/wordpress-shopping-cart-botones-de-finalizar-la-compra-181x300.png 181w\" sizes=\"(max-width: 339px) 100vw, 339px\" \/><\/p>\n<p><strong>Paso 2 )<\/strong> En este ejemplo, voy a\u00f1adir las siguientes im\u00e1genes para reemplazar los botones a\u00f1adidos por el plugin por defecto.<\/p>\n<p><em><strong><span style=\"color: #ff0000;\">Nota:<\/span> Si deseas a\u00f1adir\u00a0un bot\u00f3n de pago diferente, puedes consultar el siguiente enlace\u00a0<a style=\"font-weight: bold;\" href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/add-to-cart-button-images-for-shopping-cart-631\" target=\"_blank\" rel=\"noopener noreferrer\">a\u00f1adir al carrito im\u00e1genes de botones para el carrito de compras<\/a>. Alternativamente puedes dise\u00f1ar tus propios botones usando paint en Windows o cualquier programa que te permita crear botones.<\/strong><\/em><\/p>\n<p style=\"text-align: center;\"><em><strong>Bot\u00f3n de finalizar la compra<\/strong><\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2195 size-full\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/boton-finalizar-la-compra.png\" alt=\"boton-finalizar-la-compra\" width=\"330\" height=\"119\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/boton-finalizar-la-compra.png 330w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/boton-finalizar-la-compra-300x108.png 300w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/><\/p>\n<p style=\"text-align: center;\"><em><strong>Icono del carrito de compras<\/strong><\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2196 size-full\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/icono-de-carrito-vacio.png\" alt=\"icono-de-carrito-vacio\" width=\"45\" height=\"45\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/icono-de-carrito-vacio.png 45w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/icono-de-carrito-vacio-24x24.png 24w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/icono-de-carrito-vacio-36x36.png 36w\" sizes=\"(max-width: 45px) 100vw, 45px\" \/><\/p>\n<p><strong>Paso 3 )<\/strong> El plugin tiene dos filtros que te permiten cambiar las im\u00e1genes mencionadas anteriormente. Estos filtros se a\u00f1aden al archivo functions.php de tu tema.<\/p>\n<p><em><strong><span style=\"color: #ff0000;\">Importante:<\/span>\u00a0Siempre es mejor trabajar con un tema hijo si vas a personalizar tu tema. Esto evitar\u00e1 que pierdas tus archivos personalizados cuando actualices tu tema.<\/strong><\/em><\/p>\n<p>Tienes que copiar y pegar el c\u00f3digo PHP de los siguientes enlaces a tu archivo functions.php.<\/p>\n<p><strong>C\u00f3digo de Filtros para el plugin<\/strong><\/p>\n<p><a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/customize-the-shopping-cart-image-in-the-cart-4135\" target=\"_blank\" rel=\"noopener noreferrer\">Personalizar el icono del carrito de compra<\/a><br \/>\n<a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/customize-the-paypal-checkout-button-image-4026\" target=\"_blank\" rel=\"noopener noreferrer\">Personalizar el bot\u00f3n de finalizar la compra de paypal<\/a><\/p>\n<p><strong>Paso 4 )<\/strong> La siguiente imagen te muestra c\u00f3mo a\u00f1adir los filtros a tu archivo functions.php a trav\u00e9s del escritorio de WordPress.<\/p>\n<p><em><strong><span style=\"color: #ff0000;\">Importante:<\/span>\u00a0Aseg\u00farate de copiar y pegar el c\u00f3digo correctamente o, de lo contrario, ver\u00e1s un mensaje de error cuando hagas clic en el bot\u00f3n Actualizar archivo. En algunos casos dependiendo del error tu sitio puede caerse.<\/strong><\/em><\/p>\n<ul>\n<li>Primero haz clic en\u00a0<em><strong>Apariencia -&gt; Editor<\/strong><\/em>.<\/li>\n<li>En segundo lugar, aseg\u00farate de seleccionar el archivo functions.php del tema activado.<\/li>\n<li>En tercer lugar copia y pega el c\u00f3digo mencionado anteriormente en los dos enlaces.<\/li>\n<li>En cuarto lugar haz clic en el bot\u00f3n <em><strong>Actualizar archivo<\/strong><\/em>.<\/li>\n<\/ul>\n<p><em><strong><span style=\"color: #ff0000;\">Nota:<\/span>\u00a0En tu caso, este paso puede ser diferente.<\/strong><\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2197 size-full\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/wordpress-shopping-cart-anadir-php-archivo-functions.png\" alt=\"wordpress-shopping-cart-anadir-php-archivo-functions\" width=\"550\" height=\"432\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/wordpress-shopping-cart-anadir-php-archivo-functions.png 550w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/wordpress-shopping-cart-anadir-php-archivo-functions-300x236.png 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<p><strong>Paso 5 )<\/strong> La siguiente imagen te muestra los nuevos botones a\u00f1adido al carrito de compras.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2199 size-full\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/wordpress-shopping-cart-botones-de-finalizar-la-compra-cambiados.png\" alt=\"wordpress-shopping-cart-botones-de-finalizar-la-compra-cambiados\" width=\"507\" height=\"602\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/wordpress-shopping-cart-botones-de-finalizar-la-compra-cambiados.png 507w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2018\/11\/wordpress-shopping-cart-botones-de-finalizar-la-compra-cambiados-253x300.png 253w\" sizes=\"(max-width: 507px) 100vw, 507px\" \/><\/p>\n<p>Como puedes ver, es f\u00e1cil personalizar las im\u00e1genes siguiendo los pasos anteriores. Sin embargo, si no te sientes c\u00f3modo trabajando con PHP y necesitas m\u00e1s opciones para tu tienda en l\u00ednea, <a href=\"https:\/\/www.tipsandtricks-hq.com\/wordpress-estore-plugin-complete-solution-to-sell-digital-products-from-your-wordpress-blog-securely-1059?ap_id=mbrsolution\" target=\"_blank\" rel=\"noopener noreferrer\">eStore<\/a>\u00a0<span style=\"color: #ff0000;\"><em><b style=\"color: #ff0000;\">(Este es un enlace afiliado. Si compras el producto recibir\u00e9 una <\/b><span style=\"color: #ff0000;\"><b>peque\u00f1a<\/b><\/span><b style=\"color: #ff0000;\">\u00a0comisi\u00f3n)<\/b><\/em><\/span> es el plugin para ti. Este plugin tiene m\u00e1s opciones para que puedas personalizar y a\u00f1adir m\u00e1s funciones a tu carrito de compras y mucho m\u00e1s.<\/p>\n<p>Estar\u00e9 actualizando este tutorial de vez en cuando, as\u00ed que aseg\u00farate de volver.<\/p>\n<p>Disfrutar.<\/p>\n<p><strong>Tutoriales de WordPress Simple PayPal Shopping Cart:<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/mbrsolution.com\/es\/wordpress\/el-plugin-wp-simple-paypal-shopping-cart\/\">WP simple paypal shopping cart<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Personalizar los botones de pago de paypal shopping cart te ense\u00f1ar\u00e1 c\u00f3mo personalizar los botones del carrito de finalizar la compra. Actualizado el: 13 de julio, 2023 \u00daltimas\u00a0noticias: Actualizada la documentaci\u00f3n. En ocasiones, es posible que desees cambiar los botones del carrito de la compra en el plugin. Esto podr\u00eda ser debido al dise\u00f1o de <a href='https:\/\/mbrsolution.com\/es\/wordpress\/personalizar-los-botones-de-pago-de-paypal-shopping-cart\/' class='excerpt-more'>[&#8230;]<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[242,228,229,89],"class_list":["post-2194","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-botones","tag-carrito","tag-compras","tag-plugin","category-15-id","post-seq-1","post-parity-odd","meta-position-corners","fix"],"_links":{"self":[{"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/posts\/2194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/comments?post=2194"}],"version-history":[{"count":0,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/posts\/2194\/revisions"}],"wp:attachment":[{"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/media?parent=2194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/categories?post=2194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/tags?post=2194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}