Price

Use Price to show a price card, offer value, or pricing block.

Content settings

Setting	What it controls
Price type	Pricing mode or illustrative display.
Redirect URL	Destination used by the price CTA.
Target	Same window or new tab behavior.
Enable checkbox	Checkbox behavior when available.
Highlight	Badge text such as Popular or Best Value.
Title	Plan or offer title.
Value	Price value.
Prefix	Text before the price, such as From.
Suffix	Text after the price, such as /month.

Style settings

Style area	What you can adjust
Container	Background, border, radius, padding, and spacing.
Text	Title, value, prefix, suffix, and highlight typography/colors.
Button	CTA colors, text color, border, radius, and hover state.
Purchase options	Checkbox or option styling when enabled.

Best practices

• Keep price details consistent with checkout.
• Make recurring terms clear.
• Test the redirect URL before launch.

Testing notes

• Click the price CTA and confirm the redirect opens in the intended target.
• Compare the displayed value, prefix, suffix, and recurring terms with the checkout or payment page.
• If the checkbox option is enabled, test the purchase flow with the box checked and unchecked.

FAQ

When should I use the Price element?+

Use it for offer cards, plan blocks, pricing highlights, or purchase options where the price, badge, and CTA need to stay visually grouped.

What should I configure before publishing a price card?+

Review the price type, redirect URL, target, checkbox behavior, highlight badge, title, value, prefix, suffix, CTA text, colors, borders, and spacing.

Can the Price element send visitors to checkout?+

Yes, when the redirect URL points to the correct checkout or purchase destination. Always test the URL and target behavior before launch.

What should I check if the price does not match checkout?+

Update the value, prefix, suffix, billing period, and any plan copy so the card matches the checkout page and current campaign terms.