{"id":5067,"date":"2013-05-31T15:10:53","date_gmt":"2013-05-31T15:10:53","guid":{"rendered":"https:\/\/silicondales.com\/?p=5067"},"modified":"2018-11-29T15:49:44","modified_gmt":"2018-11-29T15:49:44","slug":"how-to-customise-your-paypal-checkout-with-your-logo","status":"publish","type":"post","link":"https:\/\/silicondales.com\/tutorials\/how-to-customise-your-paypal-checkout-with-your-logo\/","title":{"rendered":"How to Customize Your PayPal Checkout with Your Logo"},"content":{"rendered":"<p>If you use <a href=\"https:\/\/silicondales.com\/tag\/paypal\/\">PayPal<\/a> as a checkout, either on its own, or with other payment gateways and providers, in your online shop, or auction, chances are you&#8217;ll want to customise the look and feel of your checkout yo provide your customers with a more seamless transaction process.<\/p>\n<p>This tutorial will help if you use the PayPal Standard gateway in <a href=\"https:\/\/silicondales.com\/tag\/woocommerce\/\">WooCommerce<\/a>.<\/p>\n<p>If you&#8217;re looking to put your own logo or header into a PayPal checkout page, then this is the tutorial for you!<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_65 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-662e50232e116\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #0a0a0a;color:#0a0a0a\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #0a0a0a;color:#0a0a0a\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-662e50232e116\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/silicondales.com\/tutorials\/how-to-customise-your-paypal-checkout-with-your-logo\/#Step_1_%E2%80%93_login_to_PayPal\" title=\"Step 1 &#8211; login to PayPal\">Step 1 &#8211; login to PayPal<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/silicondales.com\/tutorials\/how-to-customise-your-paypal-checkout-with-your-logo\/#Step_2_%E2%80%93_Go_to_the_%E2%80%9CProfile%E2%80%9D_Page\" title=\"Step 2 &#8211; Go to the &#8220;Profile&#8221; Page\">Step 2 &#8211; Go to the &#8220;Profile&#8221; Page<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/silicondales.com\/tutorials\/how-to-customise-your-paypal-checkout-with-your-logo\/#Step_3_%E2%80%93_Open_%E2%80%9CCustom_Page_Styles%E2%80%9D\" title=\"Step 3 &#8211; Open &#8220;Custom Page Styles&#8221;\">Step 3 &#8211; Open &#8220;Custom Page Styles&#8221;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/silicondales.com\/tutorials\/how-to-customise-your-paypal-checkout-with-your-logo\/#Step_4_%E2%80%93_Click_%E2%80%9CEdit%E2%80%9D\" title=\"Step 4 &#8211; Click &#8220;Edit&#8221;\">Step 4 &#8211; Click &#8220;Edit&#8221;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/silicondales.com\/tutorials\/how-to-customise-your-paypal-checkout-with-your-logo\/#Step_5_%E2%80%93_Edit_Your_Page_Style\" title=\"Step 5 &#8211; Edit Your Page Style\">Step 5 &#8211; Edit Your Page Style<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/silicondales.com\/tutorials\/how-to-customise-your-paypal-checkout-with-your-logo\/#Step_6_%E2%80%93_Preview\" title=\"Step 6 &#8211; Preview\">Step 6 &#8211; Preview<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/silicondales.com\/tutorials\/how-to-customise-your-paypal-checkout-with-your-logo\/#Step_7_%E2%80%93_Hit_%E2%80%9CSave%E2%80%9D\" title=\"Step 7 &#8211; Hit &#8220;Save&#8221;\">Step 7 &#8211; Hit &#8220;Save&#8221;<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"Step_1_%E2%80%93_login_to_PayPal\"><\/span>Step 1 &#8211; login to PayPal<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Pretty simple stuff, go to PayPal.com, type in your PayPal email address and password into the boxes provided.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_2_%E2%80%93_Go_to_the_%E2%80%9CProfile%E2%80%9D_Page\"><\/span>Step 2 &#8211; Go to the &#8220;Profile&#8221; Page<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The Profile page is usually the furthest page to the right in the second row of selections in the menu.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_3_%E2%80%93_Open_%E2%80%9CCustom_Page_Styles%E2%80%9D\"><\/span>Step 3 &#8211; Open &#8220;Custom Page Styles&#8221;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>There will be a few options in your profile page. This will depend upon the products and services you have turned on within PayPal, but there should always be a black heading which reads &#8220;<strong>Website Payments Standard and Express Checkout<\/strong>&#8221; under this, there are a few options. One of them reads <strong>Custom page styles<\/strong> &#8211; click this one!<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_4_%E2%80%93_Click_%E2%80%9CEdit%E2%80%9D\"><\/span>Step 4 &#8211; Click &#8220;Edit&#8221;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Assuming that you haven&#8217;t created any custom checkout pages before, you should have a &#8220;Primary&#8221; (that is &#8220;default&#8221;) page style for your checkouts in this list alone. Select this one, and press the &#8220;Edit&#8221; button.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_5_%E2%80%93_Edit_Your_Page_Style\"><\/span>Step 5 &#8211; Edit Your Page Style<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Now we get to the interesting bit.<\/p>\n<p>Fill out all the details in this page.<\/p>\n<p>Enter a FULL URL where it asks for your logo. Logo one (first logo box) should be 190px x 90px. You should place this in an https page (you do have an SSL certificate on your online shop don&#8217;t you?!?).<\/p>\n<p>Logo two should be 750px x 90px.<\/p>\n<p>The logos you should point to the image file URL in full (not a page containing the image) i.e. https:\/\/somedomain.com\/images\/image.gif<\/p>\n<p>You may change the background colours or keep them the same &#8211; it is up to you. Perhaps change them to the colour of your online store background if you have one.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_6_%E2%80%93_Preview\"><\/span>Step 6 &#8211; Preview<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Hit the preview button and you can check things look okay. If not, edit again!<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_7_%E2%80%93_Hit_%E2%80%9CSave%E2%80%9D\"><\/span>Step 7 &#8211; Hit &#8220;Save&#8221;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Press the save button at the bottom and you&#8217;re all set. Now, go back to your online shop, and attempt to checkout again &#8211; do you get the brand new logo?!<\/p>\n<p>Leave a comment below if you have a problem with this.<\/p>\n<p>Alternatively, <a title=\"Contact Us\" href=\"https:\/\/silicondales.com\/about-us\/contact-us\/\">contact Silicon Dales<\/a> if you&#8217;d like us to build your website and online shop for you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you use PayPal as a checkout, either on its own, or with other payment gateways and providers, in your online shop, or auction, chances are you&#8217;ll want to customise the look and feel of your checkout yo provide your customers with a more seamless transaction process. This tutorial will help if you use the &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to Customize Your PayPal Checkout with Your Logo\" class=\"read-more button\" href=\"https:\/\/silicondales.com\/tutorials\/how-to-customise-your-paypal-checkout-with-your-logo\/#more-5067\" aria-label=\"Read more about How to Customize Your PayPal Checkout with Your Logo\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":49907,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[9],"tags":[303,470,820,4379,1248,1566],"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/posts\/5067"}],"collection":[{"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/comments?post=5067"}],"version-history":[{"count":0,"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/posts\/5067\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/media\/49907"}],"wp:attachment":[{"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/media?parent=5067"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/categories?post=5067"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/tags?post=5067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}