Possible to integrate a third-party pricing table with Pro Sites?


I’m wondering if it’s possible (and if so, how to do it :slight_smile: ) to integrate a third-party pricing table with Pro Sites. I’d like my customer flow to look something like this:

1) Build free site -> 2) Go to upgrade page -> 3) See awesome price chart; Click “Buy” button -> 4) Transaction handled by gateway as per Pro Sites

I talked with Aaron on chat support yesterday about controling the formating of the Pro Sites pricing table, but after I tried to follow his advice (The table is printed by the checkout_grid() method), I realized my coding skills are’t ready for that. So I’m looking for an end-run, as it were.

Also, FWIW, here’s an example of the sort of pricing table I’m hoping to use: http://codecanyon.net/item/css3-web-pricing-tables-grids-for-wordpress/629172.

Thanks for any help with this!


  • Kimberly
    • Champion of Loops


    Pretty tables :slight_smile:

    I am reading through the list of features and saw

    implementatin with simple shortcode [css3_grid]

    You’d have to ask Aaron about where to plug that in.

    I can’t imagine you’d be able to do it without changing code.

    I’ll ask Aaron to stop by here and comment.



  • Aaron
    • CTO

    Shortcodes should work in the checkout page content. However the shortcode would not show for current pro sites.

    To remove the old grid completely, there are a bunch of filters you can use, like

    $content = apply_filters('psts_checkout_grid_after_free', $content, $blog_id, $periods, $free_width);
    $content = apply_filters('psts_checkout_method_image', $content);

    or you could just hide with css.

    To make your new grid functional though, you will need to have some javascript that fills the 2 hidden form fields:

    <input type="hidden" id="psts_period" name="period" value="' . $sel_period . '"/>
    <input type="hidden" id="psts_level" name="level" value="' . $sel_level . '"/>

    As long as whatever changes you make fill those fields with the appropriate selected values then you can do whatever you want.

  • tangible
    • WPMU DEV Initiate

    Hi Aaron,

    I am interested in trying this out, but I’m not sure I really understand the instructions. Could you be more clear about how to do this? Which file needs to be edited and where?

    To make my new grid functional, how do I make a link or button that when clicked fills the form fields correctly?

  • Aaron
    • CTO

    You really would need decent css/html and js skills for this. The JS is to fill in those 2 hidden fields based on user interaction with your form. I think if you don’t understand my instructions above you’ll probably need a developer to do this for you.

    Best of luck!

  • LCDist
    • The Incredible Code Injector

    interesting… I may try implementing this on my site sometime next week…. If successful Ill link my code as an example for everyone, I have pretty good CSS and HTML and okish js skills so Ill see how it goes lol

  • tangible
    • WPMU DEV Initiate

    I just looked on Aaron’s WPMU installation and saw that he has a custom setup. Here’s what firebug turned up:

    <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_xclick-subscriptions"/>
    <input type="hidden" name="business" value="orders@missionsplace.com"/>
    <input type="hidden" name="item_name" value="MissionsPlace.com Website Sponsorship"/>
    <input type="hidden" name="item_number" value="12"/>
    <input type="hidden" name="no_shipping" value="1"/>
    <input type="hidden" name="return" value="http://missionsplace.com/free-websites/sponsor/?id=1&msg=complete"/>
    <input type="hidden" name="cancel_return" value="http://missionsplace.com/free-websites/sponsor/?id=1&msg=canceled"/>
    <input type="hidden" name="notify_url" value="http://missionsplace.com/supporter-paypal.php"/>
    <input type="hidden" name="no_note" value="0"/>
    <input type="hidden" name="currency_code" value="USD"/>
    <input type="hidden" name="lc" value="US"/>
    <input type="hidden" name="custom" value="1_12_44.95_USD_1344635219"/>
    <input type="hidden" name="a3" value="44.95"/>
    <input type="hidden" name="p3" value="12"/>
    <input type="hidden" name="t3" value="M"/>
    <input type="hidden" name="src" value="1"/>
    <input type="hidden" name="sra" value="1"/>

    Taken from here

  • tangible
    • WPMU DEV Initiate

    If you posted a working example of code for a button that when clicked purchases supporter level 1 at 1 month I’m sure I could insert it into my custom pricing table setup. Then I could just change the values and re-use it for the other levels.

    Then if you tell me where to paste the filters (in the plugin files? Theme files?) I can paste it there.

    I’m not sure I see why I would need technical skills to do that.

  • Fox Jones
    • Design Lord, Child of Thor

    I’ve kinda got a simple work-around solution for this…

    So, here you can see I’m using a nice pricing table plugin @ http://client.foxjon.es

    It’s called Pricing Table Pro by Shaon – http://wpeden.com/product/wordpress-pricing-table-plugin-pro/ and it was $16.

    Basically, I use the plugin for the nice table, but all the sign-up buttons point to the wordpress signup page, /wp-signup.php.

    From there, you sign-up for Pro Sites [automatically selecting the free trial option], and then you can manage your account after you’ve signed in and go to your account page and select your pricing level then.

    I like it because it’s actually a much simpler sign-up process.

    If you wanted, you could select the option to integrate Pro Sites with the sign-up page and select the level there, though you would have a different styling than the pricing table, and customers may wonder why they have to select the level again on checkout, but it would work.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.