{"id":4587,"date":"2018-09-05T15:11:38","date_gmt":"2018-09-05T05:11:38","guid":{"rendered":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/?p=4587"},"modified":"2018-09-05T15:11:38","modified_gmt":"2018-09-05T05:11:38","slug":"how-to-customize-smart-checkout-buttons-wp-shopping-cart","status":"publish","type":"post","link":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/how-to-customize-smart-checkout-buttons-wp-shopping-cart-4587","title":{"rendered":"How to Customize Smart Checkout Buttons &#8211; WP Shopping Cart"},"content":{"rendered":"<p>Once you have configured the\u00c2\u00a0<strong><a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/enabling-smart-button-checkout-setup-and-configuration-4568\" target=\"_blank\" rel=\"noopener\">PayPal Smart Button Checkout<\/a><\/strong>\u00c2\u00a0for the\u00c2\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/wordpress-simple-paypal-shopping-cart\/\"><strong>WP Simple Shopping Cart Plugin<\/strong><\/a> you can customize the checkout button appearance. The customization tools for the smart button checkout enable you to create a visually appearing payment area for your potential customers. Use the\u00c2\u00a0<strong>Size<\/strong>,\u00c2\u00a0<strong>Color, Shape\u00c2\u00a0<\/strong>and\u00c2\u00a0<strong>Layout\u00c2\u00a0<\/strong>tools to create a customized checkout button.<\/p>\n<h2>Customizing the Look of Your PayPal Smart Button Checkout<\/h2>\n<p><strong>Step 1)\u00c2\u00a0<\/strong>Ensure you have completed the <a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/enabling-smart-button-checkout-setup-and-configuration-4568\" target=\"_blank\" rel=\"noopener\"><strong>configuration<\/strong><\/a> needed for PayPal Smart Checkout.<\/p>\n<p><strong>Step 2)\u00c2\u00a0<\/strong>Click on the\u00c2\u00a0<strong>Settings\u00c2\u00a0<\/strong>menu under\u00c2\u00a0<strong>Simple Cart<\/strong>.<\/p>\n<p><strong>Step 3)\u00c2\u00a0<\/strong>Choose the\u00c2\u00a0<strong>Advanced Settings\u00c2\u00a0<\/strong>tab. You will now see a number of customization tools.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4591\" src=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2018\/09\/customization-smart-button-settings.jpg\" alt=\"customization-smart-button-settings\" width=\"400\" height=\"255\" srcset=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2018\/09\/customization-smart-button-settings.jpg 400w, https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2018\/09\/customization-smart-button-settings-300x191.jpg 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p><strong>Step 4)\u00c2\u00a0<\/strong>Choose the\u00c2\u00a0<strong>Size\u00c2\u00a0<\/strong>of your PayPal Smart Checkout button by clicking the drop-down menu. The options are\u00c2\u00a0<strong>Medium<\/strong>, <strong>Large<\/strong> or <strong>Responsive <\/strong>(meaning it will change depending on the device it is viewed on).<\/p>\n<p><strong>Step 5)\u00c2\u00a0<\/strong>Choose the<strong> Color<\/strong> of your Smart Checkout button by clicking on the drop-down menu. The color choices include: <strong>Gold<\/strong>, <strong>Blue<\/strong>, <strong>Silver<\/strong> or <strong>Black<\/strong>.<\/p>\n<div id=\"attachment_4594\" style=\"width: 310px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4594\" class=\"size-full wp-image-4594\" src=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2018\/09\/black-smart-button-checkout.jpg\" alt=\"black-smart-button-checkout\" width=\"300\" height=\"192\" \/><p id=\"caption-attachment-4594\" class=\"wp-caption-text\"><strong>Black Smart Button Checkout<\/strong><\/p><\/div>\n<div id=\"attachment_4595\" style=\"width: 310px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4595\" class=\"size-full wp-image-4595\" src=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2018\/09\/blue-smart-button-checkout.jpg\" alt=\"blue-smart-button-checkout\" width=\"300\" height=\"200\" \/><p id=\"caption-attachment-4595\" class=\"wp-caption-text\"><strong>Blue Smart Button Checkout<\/strong><\/p><\/div>\n<div id=\"attachment_4596\" style=\"width: 310px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4596\" class=\"size-full wp-image-4596\" src=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2018\/09\/silver-smart-button-checkout.jpg\" alt=\"silver-smart-button-checkout\" width=\"300\" height=\"195\" \/><p id=\"caption-attachment-4596\" class=\"wp-caption-text\"><strong>Silver Smart Button Checkout<\/strong><\/p><\/div>\n<p><strong>Step 6)\u00c2\u00a0<\/strong>Choose the <strong>Shape<\/strong> of your Smart Checkout button. Mark the option next to either <strong>Rectangular<\/strong>\u00c2\u00a0or <strong>Pill<\/strong>.<\/p>\n<div id=\"attachment_4592\" style=\"width: 310px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4592\" class=\"size-full wp-image-4592\" src=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2018\/09\/rectangular-smart-checkout-wp-simple-cart.jpg\" alt=\"rectangular-smart-checkout-wp-simple-cart\" width=\"300\" height=\"205\" \/><p id=\"caption-attachment-4592\" class=\"wp-caption-text\"><strong>Rectangular Smart Button Checkout<\/strong><\/p><\/div>\n<div id=\"attachment_4593\" style=\"width: 310px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4593\" class=\"size-full wp-image-4593\" src=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2018\/09\/pill-smart-button-checkout.jpg\" alt=\"pill-smart-button-checkout\" width=\"300\" height=\"191\" \/><p id=\"caption-attachment-4593\" class=\"wp-caption-text\"><strong>Pill Smart Button Checkout<\/strong><\/p><\/div>\n<p><strong>Step 7)\u00c2\u00a0<\/strong>Choose the\u00c2\u00a0<strong>Layout\u00c2\u00a0<\/strong>of your Smart Checkout button. Mark the option next to either\u00c2\u00a0<strong>Vertical\u00c2\u00a0<\/strong>or\u00c2\u00a0<strong>Horizontal<\/strong>.<\/p>\n<p><strong>Step 7)\u00c2\u00a0<\/strong>Choose if you&#8217;d like to allow your customers to use\u00c2\u00a0<strong>PayPal Credit\u00c2\u00a0<\/strong>or\u00c2\u00a0<strong>ELV\u00c2\u00a0<\/strong>to pay for your products or services. Mark the checkbox next to either of the options to allow them on your Smart Checkout.<\/p>\n<p><strong>PayPal Credit:\u00c2\u00a0<\/strong>This is a means of payment where the customer pays off their purchase with PayPal over time.<\/p>\n<p><strong>ELV:\u00c2\u00a0<\/strong>Standing for Elektronisches Lastschriftverfahren, ELV is a popular payment method in Germany. It allows the customer to pay via their bank account.<\/p>\n<p><strong>Step 8)\u00c2\u00a0<\/strong>Ensure you\u00c2\u00a0<strong>Update Options\u00c2\u00a0<\/strong>to save the customization changes you have made.<\/p>\n<h2>Customized PayPal Smart Button<\/h2>\n<p>Using the customization tools for PayPal Smart Buttons, you can create a checkout that matches the theme of your website.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4601\" src=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2018\/09\/cart-with-smart-button-checkout.jpg\" alt=\"cart-with-smart-button-checkout\" width=\"500\" height=\"319\" srcset=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2018\/09\/cart-with-smart-button-checkout.jpg 500w, https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2018\/09\/cart-with-smart-button-checkout-300x191.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Once you have configured the\u00c2\u00a0PayPal Smart Button Checkout\u00c2\u00a0for the\u00c2\u00a0WP Simple Shopping Cart Plugin you can customize the checkout button appearance. The customization tools for the smart button checkout enable you to create a visually appearing payment area for your potential customers. Use the\u00c2\u00a0Size,\u00c2\u00a0Color, Shape\u00c2\u00a0and\u00c2\u00a0Layout\u00c2\u00a0tools to create a customized checkout button. Customizing the Look of Your [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":4595,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[30],"tags":[173,182,213,212,32],"class_list":{"0":"post-4587","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wordpress-shopping-cart","8":"tag-e-commerce","9":"tag-paypal","10":"tag-paypal-smart-checkout","11":"tag-paypal-smart-checkout-buttons","12":"tag-wp-shopping-cart","13":"entry"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/posts\/4587"}],"collection":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/comments?post=4587"}],"version-history":[{"count":0,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/posts\/4587\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/media\/4595"}],"wp:attachment":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/media?parent=4587"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/categories?post=4587"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/tags?post=4587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}