The Compare Button opens the AI comparison modal when a shopper clicks it. Place it on your product pages, ideally near the Add to Cart button.
When clicked, shoppers select a second product to compare. The modal streams a real-time AI-powered comparison that includes:
| Setting | Description |
|---|---|
| Button Text | Label shown on the button |
| Show Icon | Toggle the compare icon on or off |
| Corner Radius | Controls the button's border radius |
| Size | Button size — small, medium, or large |
| Button Colors | Use your app-wide accent color or set custom colors per block |
You can also style the button globally under Settings → Branding & Appearance.