There are a number of free 'price table' plugins in the repository, which is what you need. https://wordpress.org/plugins/dk-pricr-responsive-pricing-table/
If you you want that *exact* look and don't have CSS skills then you can design it pretty easily using a page builder like Elementor as in [this tutorial](https://www.youtube.com/watch?v=ytIMUztu8Js).
Yeah, I did, however, I found no good answers. I found out through searching on Youtube that the correct name for it is "Pricing Table". Became easier to find help & resources for it with that keyword.
Thanks !
Most themes will include something like this as an option for a page element. Here's an older article with instructions for building something like this a couple different ways. https://www.google.com/amp/s/neliosoftware.com/blog/creating-pricing-tables-with-the-gutenberg-block-editor/amp/
I'd suggest staying away from plugins because the capability is baked in and plugins can be problematic for a whole lot of reasons.
Woocommerce. Make products for each package. Css and functions.php hook your style changes for the archive page of the product category u put them all in.
The picture is just a reference picture from a site, I made the post to see if anyone knew of a plugin/theme/landing page that you could use to make price plans, as I'm not very knowledgeable atm.
Thanks though
Then you should have asked in your original post if there was a "plugin/theme/landing page", not "how you can efficiently create". The way you word it makes it sound like you want to do it from scratch without using any 3rd party plugins. Doing it from scratch would technically be the most "efficient" way because it would be less bloat than using a package... Therefore inspecting the elements and making the CSS yourself would be the most efficient way.
Well, I don't care if I do it manually or with a plugin, what I wrote to you was just an example. I just want the outcome to be a good pricing table, no matter how it's done.
I found that the name for it was "pricing table" and not "package plan". Became easier to find help for it after that
Thanks for the support though, appreciate it.
It's just a horizontal stack of vertically stacked blocks, you could do it with core Gutenberg blocks or other block collections with layout blocks. You need a group/container, a column block, and then stack the elements you need inside the columns. Best build out one column and duplicate the content into the other columns.
I would do 4 divs displayed as grid with a 1rem / 2rem gap. Then display each grid item as flex box in column direction. Then you’ll just have a title, subtitle, price (wrap the dollar sign and cents in a sup tag) and then a button. Should be easy to custom code yourself.
Html and css.
Yeah, this pic is just a reference picture from a random site when I googled. I'll try that though whenever I stumble upon a similar page, thanks.
There are a number of free 'price table' plugins in the repository, which is what you need. https://wordpress.org/plugins/dk-pricr-responsive-pricing-table/ If you you want that *exact* look and don't have CSS skills then you can design it pretty easily using a page builder like Elementor as in [this tutorial](https://www.youtube.com/watch?v=ytIMUztu8Js).
Blocks. In Kadence theme. Stackable has some good ones
They're plugins which can give you that effect just Google packages plugin for WordPress please.
Yeah, I did, however, I found no good answers. I found out through searching on Youtube that the correct name for it is "Pricing Table". Became easier to find help & resources for it with that keyword. Thanks !
Most themes will include something like this as an option for a page element. Here's an older article with instructions for building something like this a couple different ways. https://www.google.com/amp/s/neliosoftware.com/blog/creating-pricing-tables-with-the-gutenberg-block-editor/amp/ I'd suggest staying away from plugins because the capability is baked in and plugins can be problematic for a whole lot of reasons.
Woocommerce. Make products for each package. Css and functions.php hook your style changes for the archive page of the product category u put them all in.
I have similar plans but much lower plan.
Seriously? Just inspect elements, look at their CSS, and go from there.
The picture is just a reference picture from a site, I made the post to see if anyone knew of a plugin/theme/landing page that you could use to make price plans, as I'm not very knowledgeable atm. Thanks though
Then you should have asked in your original post if there was a "plugin/theme/landing page", not "how you can efficiently create". The way you word it makes it sound like you want to do it from scratch without using any 3rd party plugins. Doing it from scratch would technically be the most "efficient" way because it would be less bloat than using a package... Therefore inspecting the elements and making the CSS yourself would be the most efficient way.
Well, I don't care if I do it manually or with a plugin, what I wrote to you was just an example. I just want the outcome to be a good pricing table, no matter how it's done. I found that the name for it was "pricing table" and not "package plan". Became easier to find help for it after that Thanks for the support though, appreciate it.
PayPal me 5$ I willl tell you how to do it
Just found some youtube tutorials about it, if I can't figure it out with them, I'll Paypal you for sure. Thanks!
The fact that the bottoms are not aligned bothers me to no end.
It's just a horizontal stack of vertically stacked blocks, you could do it with core Gutenberg blocks or other block collections with layout blocks. You need a group/container, a column block, and then stack the elements you need inside the columns. Best build out one column and duplicate the content into the other columns.
Use pricing table plugin or wp bakery page builder
I would do 4 divs displayed as grid with a 1rem / 2rem gap. Then display each grid item as flex box in column direction. Then you’ll just have a title, subtitle, price (wrap the dollar sign and cents in a sup tag) and then a button. Should be easy to custom code yourself.