• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Tips and Tricks HQ

  • Home
  • Blog
  • Projects
    • All Projects
    • Simple WP Shopping Cart
    • WP Express Checkout Plugin
    • WP Download Monitor
    • WP Security and Firewall Plugin
    • WP eStore Plugin
    • WP Affiliate Platform
    • WP eMember
    • WP Lightbox Ultimate
    • WP Photo Seller
  • Products
    • All Products
    • Checkout
  • Support
    • Support Portal
    • Customer Only Forum
    • WP eStore Documentation
    • WP Affiliate Software Documentation
    • WP eMember Documentation
  • Contact

How to Create a Paypal Page Style and Use it With a PayPal Button

You are here: Home / Shop Admin Tips / How to Create a Paypal Page Style and Use it With a PayPal Button

Last updated: June 20, 2014





In this article I am going to walk through the process of creating a custom checkout flow for your PayPal customers. I’ll explain how to use it with your PayPal buttons and then at the end I will show you how to add your new custom style for use in WP eStore.

The following screenshot is an example of a custom PayPal checkout page style:

paypal page style example

To prepare, you can get a logo and header image ready. PayPal doesn’t host these images for you. You must host them yourself on a secure server (https). If https isn’t used, the checkout will warn the customer that there are insecure elements on the page which will do nothing for their confidence when inputting secure information. So, be sure they are served securely through https.



For the logo, the max size is 190×60 (in pixels) and it is 750×90 for the header image. You will also be asked to specify a few different hex values for colors to match your site. You can use the values from the provided color selector but if you know the exact colors for your site, that will allow for a more uniform look and feel. The Eye Dropper extension for Chrome can help make sure you get exact matching colors. You can just use the eye dropper to select a specific pixel of any web page to learn the hex color value.

Video Tutorial (creating a page style)

Steps for Creating a Custom Checkout Page Style for PayPal

Note: The steps may vary slightly from your PayPal dashboard (based on your country and language).

  1. Login to your PayPal account.
  2. Under My Account, click Profile.
  3. In the My Selling Tools section (left side), click on Update next to Custom payment pages.
  4. Click the Add button.
  5. Choose a unique name for the payment pages style.
  6. Specify the URL for the logo image. Make sure it is on a secure server. It’s optional but shouldn’t be.
  7. Specify the secure URL for the header image.
  8. Input all of the colors that you want to change.
  9. You can then Preview how it looks, then Save when complete.

How to Specify a Custom Page Style When Creating a PayPal Button

Now that you have a new style created, you can make it the primary style and it will be used by default anytime someone goes through the PayPal checkout. To use it as the primary style, follow these quick steps:

1) After saving your custom payment page style you will be brought back to the list of styles. If not, follow the first 3 steps above to get back there.

2) Select the newly created payment pages style and click Make Primary.

Now that payment page style will be used by default.

You can also add a variable to a PayPal button code to use it on a button by button basis. To do that for a new PayPal button follow the steps below:

1) In the Merchant Services section where you create a new button, go through the standard steps to get the button setup first.

2) Then be sure to enter into the optional Customize advanced features section.

3) Scroll to the bottom, turn on the Add advanced variables option.

4) In the box, type in “page_style={custom_style_name}” without quotes. Replace {custom_style_name} with the name of the style you just created.

5) Create your button!

How to Use Your New PayPal Checkout Style for the Payment Flow from Your WP eStore Setup

Here are the quick steps for setting up the custom page style in WP eStore.

1) Click WP eStore >> Settings.

2) Click Payment Gateway Settings across the top.

3) Scroll down and look for Custom Checkout Page Style Name and enter the style name you just created in there.

4) Click the Update button at the bottom of the page.

How to Use Custom PayPal Checkout Page Style for WP Simple Shopping Cart

Here are the quick steps for setting up the custom page style in Simple WP Shopping Cart.

1) Click Settings >> WP Shopping Cart.

2) Scroll down and look for Custom Checkout Page Style Name and enter the style name you just created.

3) Click the Update button at the bottom of the page to save the changes.

Related Posts

  • WordPress Simple PayPal Shopping Cart Plugin
  • WordPress eStore Plugin – Complete Solution to Sell Digital Products from Your WordPress Blog Securely
  • How to Setup PayPal Profile Based Shipping
  • How to Easily Create a Simple WordPress Store Online for Free

Shop Admin Tips,  Video Tutorial Custom Page Template,  ecommerce,  Paypal,  paypal shopping cart,  wordpress ecommerce,  wordpress paypal

Reader Interactions

Comments (3 responses)

  1. david says:
    January 18, 2016 at 6:47 pm

    simple and clear post, nice one. I had already used your technic and its working like a charm, thanks

  2. admin says:
    November 12, 2014 at 6:36 pm

    @Nick, This feature comes with the standard PayPal account. You don’t need to pay anything extra for this.

  3. Nick says:
    November 12, 2014 at 3:36 pm

    Hi, is this possible with a personal Paypal account or does it have to be a Pro account? I don’t see any way to do this for free through Payapl, it looks like I need to pay $30/month for the option to customize, or am I missing something? Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Featured & Popular Articles

Video Answers to Top WordPress QuestionsWordPress Optimization Tips and Tricks for Better Performance and SpeedEssential WordPress Security Tips - Is Your Blog Protected?WordPress Simple PayPal Shopping Cart PluginTop 15 Search Engine Optimization (SEO) Techniques I Forget to DoList of the Best and Must Use WordPress PluginsHow do I Start a Blog and Make Money Online?Good Domain Name Picking Tips for Your Blog SetupFind Out Which WordPress Web Hosting Company Offers the Cheapest and Reliable Web Hosting Solution

Featured WordPress Plugins

wordpress estore plugin
wordpress membership plugin
WP Express Checkout Plugin
WordPress Lightbox Ultimate Plugin
WordPress photo seller plugin
wordpress affiliate plugin

Recent Posts

  • Accept Donations via PayPal from Your WordPress Site Easil [...]
  • Buy Now Button Graphics for eCommerce Websites [...]
  • Subscription Button Graphics for eCommerce Websites [...]
  • Adding PayPal Payment Buttons to Your WordPress Sidebar Ea [...]
  • PayPal QR Codes [...]

Comment & Socialize

  • @Rodrigo Souza, Thank you f ...
    - admin
  • The example for 'slm_add_ed ...
    - Rodrigo Souza
  • @Ron, All the valid transac ...
    - admin
  • Hello, when people have sel ...
    - Ron
  • We have hte following featu ...
    - admin

Check out our solutions

View our WordPress plugin collection and start using them on your site.

Our WordPress Solutions

Footer

Company

  • About
  • Privacy Policy
  • Terms and Conditions
  • Affiliate Login

Top WordPress Plugins

  • Simple Shopping Cart
  • PayPal Donations
  • WP Express Checkout
  • WP eStore
  • WP eMember

Blogging Tips

  • How to Start a Blog
  • Selecting a Good Domain
  • Cheap WP Hosting
  • WP Video Tutorials
  • Simple SEO Tips

Search


Keep In Touch

Copyright © 2023 | Tips and Tricks HQ