Home page sections
Pricing table
Plans or bundles side by side with prices, features and buttons.
Settings
Section width
| Setting | What it does |
|---|---|
| WidthDropdown | Full widthDefaultCustom width |
| Custom widthSlider | Shown only when it applies to the options chosen above. |
Color scheme
| Setting | What it does |
|---|---|
| Use the store's default color schemeToggle | Toggle |
| Color schemeColour scheme | Shown only when it applies to the options chosen above. |
Section header
| Setting | What it does |
|---|---|
| SubheadingText | Text |
| HeadingText | Text |
| DescriptionRich text | Rich text |
| Heading sizeDropdown | H1 — largestH2 — mediumH3 — small |
| Text alignmentAlignment | Alignment |
Layout
| Setting | What it does |
|---|---|
| Plans per row on desktopDropdown | Two per row below 990px, whatever you pick here. 2 columns3 columns4 columns |
| Plans per row on mobileDropdown | 1 column2 columns |
| Column gapSlider | Slider |
| Row gapSlider | Slider |
| Plan content alignmentAlignment | Alignment |
Plan cards
| Setting | What it does |
|---|---|
| Card styleDropdown | PlainBoxedShadow |
| Card cornersDropdown | SquareRounded |
| Image shapeDropdown | OriginalRoundedCircle |
| Icon or image sizeSlider | Applies to every plan in this section. |
Highlighted plan
| Setting | What it does |
|---|---|
| Mark a plan as most popular in its own settings. | |
| Extra heightSlider | How far the highlighted plan stands above the others. 0 keeps them level. |
Spacing
| Setting | What it does |
|---|---|
| Top paddingSlider | Slider |
| Bottom paddingSlider | Slider |
Blocks
Blocks are the pieces you add, remove and reorder inside the section, under Add block.
Plan
Content
| Setting | What it does |
|---|---|
| Plan nameText | Text |
| PriceText | Typed as you want it shown, for example $29 or From £15. |
| Price noteText | Shown beside the price, for example / month. |
| DescriptionRich text | Rich text |
Features
| Setting | What it does |
|---|---|
| Feature listText | One per line. Start with a minus sign for not included: -Product samples. |
Icon or image
| Setting | What it does |
|---|---|
| ShowDropdown | NoneIconImage |
| IconDropdown | Award / medalBottleBoxBubblesCalendarChat bubbleCheck markCheck mark in circleand 41 more Shown only when it applies to the options chosen above. |
| Custom SVGText | Paste an SVG. It takes the plan's text color and the size set on the section.Shown only when it applies to the options chosen above. |
| ImageImage | Shown only when it applies to the options chosen above. |
Button
| Setting | What it does |
|---|---|
| Button labelText | Text |
| Button linkLink | Link |
| Button styleDropdown | PrimaryOutlineText only |
| Full width buttonToggle | Toggle |
Highlight
| Setting | What it does |
|---|---|
| Mark as most popularToggle | Highlight one plan only. |
| Badge textText | Shown only when it applies to the options chosen above. |
| Use a different color schemeToggle | Gives this plan its own colors. |
| Color schemeColour scheme | Shown only when it applies to the options chosen above. |