Can I edit the Pricing section look and feel?

Yes, you can.

In the page editor, you can add title, subtitle, eyebrow, and CTA button(s) to your Pricing section header.

LandingRabbit page editor for pricing section

Below the header, you can create a pricing table with pricing cards.

Add content to each pricing card

LandingRabbit pricing section editor showing options to add elements like price, headings, and buttons.

To each pricing table item and card, you can add:

  • Eyebrow

  • Heading (H3)

  • Price, including the fee, currency, period and any custom information you'd like to add

  • Subtitle

  • Text block, including bullet point lists with custom icons like checkmark

  • CTA button(s)

You can move the order of items in each pricing card.

If you keep the same elements and order in each pricing card, the content will be vertically aligned.

Add period and currency tabs

You can add period (e.g., monthly/yearly) and currency tabs by clicking + Add period tabs or + Add currency tabs in the grey bar above the pricing cards.

Screenshot of a LandingRabbit pricing section editor interface showing options for tabs

Use the tabs in the grey bar to edit the pricing cards content for periods and currencies.

Screenshot of a landing page pricing section for LandingRabbit, displaying monthly and yearly plans with features listed.

If you click the three dots next to tabs, you can edit their settings.

Screenshot of a LandingRabbit pricing section editor interface showing options for tabs

For the period tabs, you can edit the label texts, choose between tabs and toggle look & feel, and choose what option is the default.

Popup window titled 'Edit period selector' with options for Monthly and Yearly (save 25%). Selector style and options included.

For the currency tabs, you can edit the currencies and add as many as you like. You choose what currency is the default.

Modal window displaying options to edit currency tabs: USD, EUR with default settings and options to add/remove currencies.

Here's an example of a monthly/yearly tab from LandingRabbit's pricing page:

LandingRabbit pricing page featuring a sales page creation tool, subscription details, and a free trial offer.

Edit pricing section styles with AI

Click the Edit styles button to ask LandingRabbit to make changes to colours and styles.

LandingRabbit page editor and a pricing section style editing example

You can ask LandingRabbit to change:

  • The section background colour and padding above and below

  • The font type to any Google Font

  • The font sizes and colours

  • The vertical spacing between header and cards and each content item

  • The width of the whole section and elements like the header and the pricing cards

  • The number of columns in the pricing table

  • The background colour and styles of the pricing cards. Each pricing cards can, for example, have a different background colour

  • The look & feel of the period and currency tabs (if added) and move their position from center to left or right

Creating a fairly complex pricing section could not be easier than this When your plans and offer evolves over time, you don't need help from developers to adjust the pricing cards.