How can I set up monthly and yearly pricing in the Comparison Table widget?
You control two things: whether visitors see a Monthly / Yearly switch on the live widget, and whether each plan has separate numbers for each period.
Step 1: Turn the visitor-facing switch on or off
Open your Comparison Table widget.
Go to the Content tab.
Find Show Monthly / Yearly switch in widget.
On: Visitors can toggle Monthly and Yearly on the embedded widget (labels shown as Monthly / Yearly).
Off: The widget does not show that switch; it uses your Monthly values only.
Step 2: Define what you compare (rows)
Still in Content, under Comparison Features, each row is one attribute (for example Cost, Team Members, Storage).
Give each row a clear label and optional unit (for example $, people, GB). Those labels drive the inputs under each item.
[Screenshot: arrow to Comparison Features rows with Label and Unit]
Step 3: Enter values per plan for Monthly and Yearly
Under Items to Compare, open an item (plan/product).
Scroll to Values.
Use the Monthly / Yearly tabs inside the editor.
For each comparison row, type the value for that period.
What visitors see
With the switch enabled, the live widget swaps which stored numbers are shown when they pick Monthly or Yearly.
If Yearly is left blank for a row, the widget can fall back to the monthly value for that field when needed—fill yearly explicitly when the numbers should differ.
Tips
Keep the same feature rows for every plan so the table lines up.
Use units consistently so pricing and limits read clearly (for example always $ for price rows).


