Pricing block

A complex block for displaying pricing comparison.

How to use the block

  1. Search for the pricing block in the Gutenberg editor.
  2. One the block is inserted, select «wide with» to fill the page space.

Options

  • The box is designed with a title and a subtitle.
  • Decide how many columns you pricebox should contain. Default is 4. If you need less, select the box you want to remove, and click remove block.
  • You can select one box to highlight it as «preferred option». This is done under block settings in the right sidebar.
  • Each box should contain price, title and description
  • Each box can have as meny checked or unchecked items as you would like. Items can be added with the +. If an item should be unchecked, toggle this in the right menu sidebar.
  • Items can be pulled up or down
  • Add text and link to button if you want. If left untouched, the button will not be displayed to the user.
  • To add yearly pricing, simply click the «yearly pricing» button in the block and add pricing variations

Styles

No styles

Block preview


Select your offer

This is the subtitle of the pricing blok

300 3000

This is the description of the tier

Feature Feature Feature
500 5000

This is the description of the tier

Feature Feature Feature
1000 10000

This is the description of the tier

Feature Feature Feature