SiteOriginWhen I saw this beautiful price table design, by the equally dashing Orman Clark, I knew I had to turn it into a WordPress plugin. I’m very happy with the result. I managed to almost exactly reproduce Orman’s design using pure CSS3.
It has a simple drag and drop builder. Perfect if you dont like fiddling around with shortcodes.
Theme developers, feel free to include this plugin with your themes. All the CSS and JS are GPLed, so you’re free to use and abuse the entire plugin.
Download it from the WordPress plugin directory.
RoadMap
- Improve representation of Orman’s design using CSS3. The borders for the price field in the featured column aren’t a perfect recreation.
- Improve price table builder UI.
- Add more price table designs.
- Test in IE8. I’m using Mac, so any help here would be appreciated.
Great. Downloaded!
Thanks.
My pleasure! Please email me if you need any help greg@siteorigin.com
Awesome! Helped so much!
I’m glad you found it useful
Hello,
I would suggest you to correct your URL link into your wordpress plugin details. It seems that you forget the http:// part then If I check your plugin using addins menu in wordpress and then click Details then SiteOrigin, I get this page : http://wordpress.org/extend/plugins/pricetable/siteorigin.com/pricetable-wordpress-plugin/
Nice plugin
Regards
Oops! Thanks for the heads up. I’ll fix that now.
Great looking tables, thanks
Thanks, my pleasure
how to place the pricing table?
The price table automatically shows up at the top of the price table post. If you’d like to embed the price table on another page, then you can use the price_table shortcode. This shortcode needs an ID, but you can copy that from the Shortcode metabox on the price table builder page.
Hope that helps.
Hi, sorry to bother you but i’m using the plugin but when I enter a subtitle in the feature list (where you can enter a Title and Subtitle for each attribute) The subtitle is not displayed when the price table is rendered on the page, here’s an example of what i mean http://www.creativesolutions-online.co.uk/client-area/totalbeautycare/hair-removal-treatments if you could take a look and tell me why the subtitles wont show i would be very grateful thanks
I replied to your email. I sorted out that issue by testing the plugin in a few different themes.
Hi there and thank you for a unique plugin. The only one of its kind in wordpress.org
I just installed it on local test site but unfortunately the button url as well as the button text do NOT save.
What I put there is http://mysite.com/sample-page/ and “Press me” in order to test it.
How can I do that? Am I missing something?
Thanks again.
PS.: I think it would be nice if you had a plugin installed at your site (like subscribe to comments). It is very helpful.
Thanks for being willing to use such an early release of Price Table, It’s feedback like yours that helps me build a really solid plugin!
I tested it and button text and URLs seems to be working on my local server. I’ve set up a test account on my Hostgator server to see if I can spot the issue there. I’ll email you as soon as I’ve sorted it out.
Good call on using subscribe to comments – I’ve downloaded it. I’ll be installing it on SiteOrigin soon.
Thank you Greg for the e-x-t-r-a fast reply.
You have my email. Please use it. I have couple of ideas to share and willing to help you de-bug.
Thanks again.
About the comments. Another very good alternative (I use it myself) is this http://wordpress.org/extend/plugins/subscribe-to-comments-reloaded/.
Enjoy.
Hi, first off thank you for building a pricing table that actually works. The irony is, I have gone through a few paid versions and yours is the best looking and of course very usable!
One thing I wanted to know was if you should decide not continue to support this plug-in in the future does that mean all my tables could eventually not function with future wordpress updates? Or is that not how CSS and JS work? Thanks again for a fantastic job!
Thanks Tex! Makes me so stoked to hear that my plugin is as good as some of the commercial options out there.
I’m going to support this plugin well into the future. You have nothing to worry about. WordPress is so stable these days – keeping a plugin working across releases is a breeze.
This is the only plugin which has come close to what I really wanted. Awesome plugin and absolutely easy to use.
One suggestion maybe … The features are left aligned when creating a table … I had to use DIV center … could you make them center by default in the next release ?
Thanks a lot for this awesome plugin
It’s my pleasure Shishir! I like your idea of letting people choose between left and center aligned. I’ll definitely add this to a future release. Good call!
You need to add:
.pricetable code {white-space: normal;
}
to your stylesheet, in case the theme’s stylesheet has white-space: pre; set for code and pre elements — as my current theme has.
Is this on GitHub, so I can send you pull requests?
I’ll have a look at adding that CSS. One of the challenges with this plugin has been making sure it works with a range of different themes. Thanks for the feedback! It helps a lot.
Right now, I’m just using the WordPress plugin SVN for version control. I do use GitHub for other projects, so it might be a good idea to move all my plugins and themes there too. Especially for pull requests.
Hi,
I’m trying to use this plugin to create a price list but when i input the details it wont save or publish them. All my work keeps disapearing, can you help?
Hi Terri. Sorry you’re having an issue with the plugin. Something I’ve noticed is that WordPress doesn’t seem to save data if you don’t enter a title for price table (the main post title). So try making sure the title is set before you save your price table.
I’ll try fix this issue, cos I can imagine that’s quite annoying.
hello..
how to put the tables in templates.. i am planing to put on my index.php?
You don’t need to modify your theme at all. All you need to do is create a price table post type and link to it using a custom menu. I’ll be putting together some video tutorials this week, hopefully these will help.
Hi, I have downloaded your plugin which looks great but I have no idea how to set it up. Are there any installation instructions anywhere?
Sorry, I’ve been really bad about writing/recording documentation for this plugin. I promise it’s coming soon! I’ll email you as soon as it’s done.
Love it! Thanks so much for making this available for free. I’ll write a post about it on my site and give you some props for such a lovely plugin.
Yay! Thanks a million Angie! Props are what give me the motivation to build all this free stuff and publish it on SiteOrigin
Would love the ability to NOT have a recommended plan. In the interest of the paradox of choice, I’m just offering two levels. Free and Paid. With only two – the recommended just looks a little goofy. I’m sure I can probably futz with the css a bit, but thought I’d throw that out there.
You know, I totally overlooked that. So true. I’ll make that an option in the next update.
For Sarah who wanted to not have a recommended column, I have a work around. Create a new column, make it the recommended column and then delete it.
Greg, this is a fantastic plug-in, will totally promote. Any chance of a way to have all the buttons on the bottom to line up evenly?
Thanks for suggesting that fix Paula. That’s a very clever work around.
If you add the same number of features to each price table column, the buttons should line up. If this isn’t the case, please post/email a URL so I can investigate. The featured column button wont align, but that’s part of the design.
Hi Greg , I really like your plugin – Well I don’t know if you can help – i get this error message on my table :
Warning: Invalid argument supplied for foreach() in /home/alounes/public_html/www.computerplusplus.com/wp-content/plugins/pricetable/pricetable.phtml on line 12and you can see it here :http://www.computerplusplus.com/pricetable/services-home-users/
I hope you can help with this issue.
otherwise great looking pricelist atble that’s goes with very well with my theme color.
Aris
It looks like you’d get that error when you create a price column without any features. I’ll make Price Table deal with that situation more gracefully though.
Hi Greg,
after installing the plugin and created a table, next error appears…
Warning: Invalid argument supplied for foreach() in /home/xxxxx/domains/xxxxx.com/public_html/wp-content/plugins/pricetable/pricetable.phtml on line 12
Sorry… overlooked the same question above
No worries Martin. I’ll get the issue sorted this weekend.
Thank you for creating this Wonderful Plugin. Works like a Charm. Does what it says. I’m very happy with the results.
One question though. I have the link here : http://www.socialstrategi.com/?page_id=341
Is it possible to change the width of the table. I would like to make it wider so that most options fit on signle line. How can I do that?
Thanks
Shilpi
Hi Shilpi! Sorry for my late reply. I missed your comment in my approval queue. It’s awesome to see someone using this plugin on a live site!
The price table will automatically scale to fit the width of the page its on. Some themes have an option to create full-width pages (which basically hides the sidebar. If your theme has this option, that might make your price table look less cramped. I see you’re using an Elegant Theme. I haven’t used them before but, based on their reputation, I imagine they’d have the option for full width pages.
Hi Greg.
Thank you so much for such a great plugin (so timely for my needs
I am getting ready to release a pro version of my plugin (lite version in the plugin repository Events Planner for anyone interested) and was dreading the thought of making a pricing table manually. Kudos to you my friend.
Abel
Stoked Abel! It’s always awesome to hear my plugin is helping someone, especially a fellow plugin developer. I had a look at your plugin, it looks very cool. “Event Planner” is actually on my list of future plugin ideas, but I’ll cross that one off, seems like you have it covered. Let me know how the launch of your pro version goes.
hey Greg.. I just ran across your plugin and starting playing around with it for a couple of projects that I’m working on.. It has great potential! Great job on porting the price tables to a wordpress plugin!
I have a couple of problems/suggestions..
As for the problem, I created a price table for portrait sessions. The only thing different with my three session types is the time. I was able to give all the information needed in the description field so I didn’t create any features. This resulted in errors because of an empty foreach() loop. Would it be possible to add a quick test before executing the foreach() to see if that field has any values in it and if not, then skip building that portion of the table?
As for suggestion, at times there may be a special that is being run where prices would be discounted. Would love to see a cross-out option on the price which would result in CSS that would put a red strike-through over the price and when checked a discounted price field would be displayed to allow us to enter the sale price. Maybe even display the discounted price in a larger point size?
Keep up the awesome work!
Hey Shawn! I’ve sorted out that bug in my working copy of Price Table. So it now deals with empty tables more gracefully. I’ll be pushing my changes soon after I’ve done some more fixes and testing. I’ll let you know when I push the update to the WordPress plugin directory.
I’m with you on the feature request. That’s definitely something I can see being useful to a lot of people. Hopefully this will also be in my next update too.
Thanks for the suggestions. Please, keep em coming if you can think of anything else you need. They’re really useful.
LOVE this plugin!!! One question…I clicked “recommend” on one package just to see what it did, but I don’t care for the way it looks in my table. Problem is, I can’t figure out how to deselect it. Surely there’s a way? Thanks!
Glad you like it Carole
Oops! When I built the plugin, I sort of assumed that everyone would want a featured column. I’ll make the featured column de selectable in my next update. It’ll be a pretty easy change.
I see you do Social Media Management. Cool! I’ve actually just started working on a (free) WordPress plugin just for SMMs like you. Something to keep an eye out for.
I’ll definitely keep an eye out for that plugin, Greg! BTW…where exactly should I be looking…on this site? The only reason I didn’t like my table when one was featured is because it looked unbalanced (some packages have similar features so I wanted them lined up next to each other, but when I featured one it threw it off). Sorry I haven’t published them yet, so you couldn’t see what I mean! Which actually brings me to another question: if I want to publish them as a page, do I just insert the shortcode? As you can tell, I am a newbie at doing websites (one reason I liked your plugin so much…no coding for me!). What I don’t know about websites/coding, I make up for in social media knowledge.
Thanks!
Never mind, Greg! I got them published! I did 3 and I think they all look great! I’m also following you on Twitter now so that I don’t miss the announcement of the SMM plugin! Thanks for making this plugin…it was just what I needed!
Awesome, glad to hear you got all your price tables sorted out. I’ll still be adding that feature you requested though. I’m sure other people will need it. Is there anything you still need help with?
And yeah, the best way to keep up to date with all the free stuff I publish is to keep an eye on this blog. Twitter is a good place too (although I’m not all that twitterish). If you just want the big juicy announcements, then you can sign up to my newsletter http://eepurl.com/hbvhM (I still need to add a signup form here somewhere).
Thanks, Greg! Signed up for the newsletter! Also, just wanted to tell you that I’ve been getting great feedback on my price tables from other SMM’s so there’ll probably be a lot of SMMs with your tables on their sites We’re excited to see what the SMM plugin offers! I have nothing but good things to say about the plugin and if you can make the “recommend” an editable option, it’ll be PERFECT!
Hey Greg,
I like your plugin! Where can i set the button text and URL?
Hi Hilco. I’m sure my plugin likes you too
. There are fields for both the button text and button URL fields. After you click “add column” you should see them there.
Hey Greg,
Thanks for making such a wonderful plugin for free,as stated above it works better and easier than most paid versions. Good job,its plugin creators like you who make WordPress the best!
Thanks James! Really awesome to hear that. I love WordPress. I’m just doing what I can to add to it in some small way
Hi Greg,
I have a problem with the plugin. I get a message all the time with: Warning: Invalid argument supplied for foreach() in …..and then: on line 12
Any idea what I do wrong?
Further Cool plugin ! Thanks for sharing it.
Sorry about that issue Stefan! I’ve fixed it on my local copy of the Price Table. I’m just doing some more testing before I publish my changes to the WordPress plugin directory. It’s caused by not having any features in a price table column, so a quick fix is to add a few features.
Ok Greg cool thanks.
I also wanted sometimes just one column on a page, but when I do that the button goes very wide, maybe you noticed that.
Hope it’s also a possibility to fix that.
Keep up the good work, thanks !
Greg,
Great plug in. I am trying to change the color of the button but can’t find the code to change it. I was able to change the color of the writing inside the button but that’s about it. Please let me know how to do this. I also like the way Carole set hers up flush like that. That’s the look i’m going for as well.
Thanks
Steve
Hey Steve! To change the color of the button you need to look at lines 195-202 of pricetable.css. I’ve used CSS3 gradients, so it’s pretty easy to change. I use ColorZilla’s gradient tool to create my gradient styles. I really recommend it. The only problem you need to take note of is that when you update the plugin, it’ll overwrite any changes you make to the CSS. I’m hoping to overcome this problem in a future release.
As for setting up your price tables like Carole. Right now you can do that by just not selecting a recommended column. The problem is you cant go back to having to recommended column after you’ve selected one. So just be careful. Again, this is something I’ll fixe in the coming weeks.
Hi Greg,
Still loving the plugin! I have a question that has nothing to do with the plugin, though. In your reply to Hilco you provided a screenshot. I was wondering which screenshot program you used? I need to do some tutorial presentations and have tried several screenshot programs, but I can’t seem to get the arrows to look right. Not bold enough, etc. Any advice you can give will be appreciated!
Thanks!
Carole
Hi Carole! I’m always happy to help. I use TechSmith’s products for all my screen grabbing needs. I used Snagit for that screenshot. They have Windows and Mac versions. For capturing video I use Camtasia – which is just awesome. Their Mac version is also pretty cheap.
Thanks for the info, Greg!!
Hi Greg,
I love Orman’s table design and it was generous of you to create a WordPress plugin…do you by chance have this available in just html/css?
Heya Seth! Orman is a brilliant designer, isn’t he? I just couldn’t help myself from coding up his design. Technically all the HTML/CSS is in the plugin. You can dig it out if you know some PHP basics. If you’d like, I could put together an HTML/CSS package.
Yep, he sure is! I love his style. I’m a big fan off all his works. I can try to dig out the HTML/CSS from the plugin, but my PHP knowledge isn’t the greatest. If you don’t mind putting together that HTML/CSS package when you get a free chance, it would be greatly appreciated
Hi there Greg. I know you originally set your plugin for price comparison. However I kind of ‘misuse’ it by employing it to display a schedule. I need to have the fonts smaller, though. Would you please tell me how to make them smaller? And perhaps general advice on how to play with typography, cell colour, and cell height/width? As you can see in http://joinmun.ugm.ac.id/events/schedules/, the table indeed provides much better appearance rather than the standard plain wordpress-esque table. However, some aesthetic touches wouldn’t hurt, would it?
Many thanks for the advice.
Regards,
Rizky
Hey Rizky! I’ll reply to you by email so I can give you more in depth help.
Hi Greg,
Thanks for the reply on the coloring. Although I do think changing the color would be slightly better, i think I am going to leave it as is. Also I decided to leave it as is with the columns as well since the 3 columns look great out of the box after putting them together.
Hi Greg,
Thanks for the great plugin! I’m trying to set up my price list but it seems that i can’t get it to show english pounds £ or euro € symbols? Obviously th $ sign works ok. Is it something I’m doing wrong?
heres my test page: http://www.salthillstudio.com/?page_id=1829
Regards
RIchard
Hey Richard! Thanks for checking out my plugin
I’ve had a look and it seems like the issue is with your theme – Simpolio. I can see from the HTML that it uses Cufon to display the price field. My guess is that either Cufon or the font it’s using doesn’t support £ and €.
Your best bet is to ask Kotofey (the theme’s author) for some help. I’m sure he’ll be able to help you out. Let him know he can contact me if he has any questions.
Hi Greg, Thanks for the tip! I looked on the dev’s pages and he had updated cufon js font files. I just updated them all on my server and the £ sign now works!
Thanks again for all your hard work in making tho plugin!!!!
Looks awesome, thanks for the hard work mate
Thanks Rui
This is just the first of many freebies I’ll be releasing. 2012 is going to be a big year.
Hi Greg,
I love this plug-in, but seem to be having difficulty in getting my 3 products to line up together. The third one keeps getting bumped down blow the top 2. Do you have any suggestions? Also, how do I link the button to the product for customer purchase?
Anne
Hey Anne! Would it be possible for you to give me a URL to show me what you mean? This will make it a lot easier for me to help you.
There’s a field “button URL” in the price table builder. You just need to enter the purchase/signup URL in there.
My boss loves this plugin! It helps him so he can create offers without code. It is really nice. Thank you so much!
Is there a way to have the buttons line up at the bottom?
Hi Greg
Excellent plugin. I am having a problem getting my 3 products to line up evenly as well. I have tried adjusting some CSS lines , however the only column sizing option is in the admin pricetable/css/pricetable.admin.css See the preview page of products not lining up
http://www.creditscoretechs.com/?post_type=pricetable&p=1243&preview=true
Hey Shane! It seems like the link you posted is 404ing. I’m going to create a support ticket for so I can help you with this issue.
i think it was because it was a draft instead of published because i wasn’t actually finished with the setup and didn’t want to publish until finished. i went ahead and published so you could view it. i really want to use this plugin as i can tweak the css to fit my needs, and the plugin is very cool, but i have to have it working correctly. please assist me in getting these columns lined up correctly.
i forgot to give the link. here it is;
http://www.creditscoretechs.com/pricetable/pricing1/
Aaah, that looks like a CSS conflict problem. A few themes use the same CSS classes as the price table, which tends to destroy the design. I’ve got this issue recorded in my issue tracker and I’ll be fixing it in the next update. I’m really hoping I can find time to work on it soon!
Love it! Installed plugin, configured my pricing table, and published, all in less than 20 mins – thanks Greg, you rock!
Thanks a million Cooper! My ego has officially been pumped for the day.
First off, kudos for the plugin, good stuff! I’m using the pricing table as a checklist with the first column as the service listings … is there a way to remove the sub title line in the right hand columns in order to vertical align a check mark alongside the listings? Thanks!
Hi Matthew, would it be possible for you to send me a URL to show me what you mean? Just drop an email to support@siteorigin.com
I have used so many of these “pricing table” plugins that I really did not want to use yours. Every single one I used had issues with the theme I used and most of them seem to be a copy of others. I reluctantly used your plugin and it worked straight out of the box. Well done. Excellent work.
Hi Dave! Ego boosting comments are one of my best type of comments – I’m not gonna lie. Thanks, I’m glad you liked my plugin
Hello, I’m having some troubles getting this to work. It seems like the css is messed up, wondering if you might have some workarounds?
http://www.eugenedirectory.com/pricing/
It’s posted with the shortcode. Top is cut off of the featured price.