Smart CTA Button Guide

The primary button on your product detail pages automatically adapts to match your business type. Retail stores show "Add to Cart", salons show "Book Now", real estate agents show "Schedule Viewing". You can also customize the button text for your brand.

Quick Start

Your product pages now display context-aware buttons:

• Retail/Food: "Add to Cart" button lets customers add items to their cart
• Services: "Book Now" button opens a chat for booking
• Real Estate/Vehicles: "Schedule Viewing" / "Request Quote" button opens a chat to inquire
• Custom: You can set any custom label you want

The button text is automatically detected based on your product types and booking settings. If it's not exactly right for your business, you can customize it.

---

For Customers: How Product Buttons Work

Adding to Cart (Retail Stores)

If your store sells products with prices:

1. Customer browses your product
2. Sees "Add to Cart" button with a shopping cart icon
3. Clicks the button → item is added to their shopping cart
4. A small floating cart appears at bottom-right showing their total
5. Customer can continue shopping or proceed to checkout

Booking Services (Salons, Clinics, etc.)

If your business offers services with booking:

1. Customer browses your service
2. Sees "Book Now" button with a calendar icon (or custom label you set)
3. Clicks the button → a chat window opens
4. Chat has helpful context about what they want to book
5. They can chat with you to confirm date/time

Inquiring About High-Value Items (Real Estate, Vehicles)

If your business sells real estate or vehicles:

1. Customer browses property/vehicle
2. Sees "Schedule Viewing" or "Request Quote" button with a message icon
3. Clicks the button → a chat window opens
4. Chat is pre-filled with context so you know what they're interested in
5. You can discuss details, answer questions, schedule viewings

Secondary Button: Ask a Question

Every product also has a secondary button:

• "Ask a Question" (or custom text you set)
• Clicking it opens a chat for general inquiries
• Useful if customer wants more information before taking the primary action

---

For Business Owners: Customizing Button Text

How to Customize CTA Buttons

1. Go to Dashboard → Settings (gear icon)
2. Look for "Landing Page" section (if you have a storefront)
3. Expand "Product Page CTA" card
4. You'll see two input fields:
   • Primary button text - The main action button
   • Secondary button text - The info request button
5. Enter your custom text (or leave blank to use auto-detected defaults)
6. Click Save

Auto-Detection Rules

If you leave the fields blank, buttons automatically show based on your business:

Custom Button Examples

Example 1: Boutique (Retail)

• Default: "Add to Cart"
• Custom: "Shop Now" or "Get it Today"

Example 2: Salon

• Default: "Book Now"
• Custom: "Schedule My Appointment" or "Book Your Pampering"

Example 3: Real Estate

• Default: "Schedule Viewing"
• Custom: "Request Tour" or "Check Availability"

Example 4: Beauty Clinic

• Default: "Book Appointment"
• Custom: "Consult Now" or "Reserve Slot"

Tips for Custom Text

✅ Good custom text:

• Clear and action-oriented ("Book a Call", "Get Offer", "Start Free Trial")
• Reflects your brand voice
• Same language as your business name
• Action verbs at the start

❌ Avoid:

• Ambiguous text ("Click Here", "Next")
• All CAPS (looks like shouting)
• Very long text (button may overflow on mobile)
• Multiple words if space is tight

---

Why You Might See Different Buttons

Scenario 1: I set "Book Now" but some products show "Add to Cart"

Why: You have products with prices set. If booking is disabled for your account, priced products default to cart instead of booking.

Fix:

• If you want everything to be bookable: Enable Booking in Settings → Booking
• If you want specific items to be bookable: Use product-level overrides (future feature)
• If you want both: Leave it mixed - your customers will see the right button per product

Scenario 2: My real estate listings show "Inquire" instead of "Schedule Viewing"

Why: Real estate is smart-detected as a high-value type that should open chat for inquiries (not add-to-cart).

Fix: Custom text works regardless. Set primary button to "Schedule My Tour" and it will show instead.

Scenario 3: Buttons look different on mobile vs desktop

Why: Mobile view may reflow button text due to smaller screen. Same functionality, just adapted for space.

Fix: Keep custom text reasonably short (under 20 characters) for better mobile fit.

---

Button Icon Reference

The button also has an icon that matches the action:

The secondary button is always the message icon (💬) for starting a conversation.

---

Mobile App

The Smart CTA Button is a web feature only. On mobile, customers interact with products through:

• Chat: Products appear as cards you can chat about
• Direct chat: Message you about specific products
• Booking calendar: If you have a booking system set up

Desktop/web is the primary storefront for product detail pages.

---

FAQ

Q: Can I have different button text for different products? A: Not yet. Currently the button text is global per business. We're planning per-product customization for the future.

Q: What if I don't set a custom label? A: The button auto-detects based on your product types and booking settings. Most businesses don't need to customize - the defaults work great.

Q: Can my customers modify the button behavior? A: No. Only you (the business owner) can customize button text in settings. Customers just click the button to add-to-cart or chat.

Q: Does changing the button text affect existing orders/chats? A: No. The button label is cosmetic. It only changes what customers see moving forward. Past orders and chats are unaffected.

Q: Can I revert to auto-detected text after customizing? A: Yes. Just clear the custom text field and save. It will return to auto-detected defaults.

Q: What if I customize primary button but not secondary? A: Primary button uses your custom text. Secondary button defaults to "Ask a Question".

Q: Does the button work on all devices? A: Yes - desktop, tablet, and mobile. The button adapts to screen size but functions the same way everywhere.

---

Troubleshooting

Issue: Saved custom label but it's not showing

• Solution:
  1. Hard refresh your page (Cmd+Shift+R on Mac, Ctrl+Shift+R on Windows)
  2. Check that you clicked the Save button
  3. Try a different browser to confirm

Issue: Button is disabled (grayed out)

• Solution:
  • Product might be marked as "Inactive" or "Sold Out"
  • Check product status in your inventory
  • Activate/re-enable the product

Issue: Button text is cut off on mobile

• Solution:
  • Shorten your custom text (aim for under 20 characters)
  • Avoid multiple words if possible
  • Example: "Book Now" instead of "Click Here to Book Your Appointment"

Issue: I want different text for different products

• Solution:
  • This is coming soon (per-product CTA customization)
  • For now, use a generic label that fits all products
  • Example: "Book" or "Order" instead of product-specific text

---

What's Next?

Coming Soon:

• Per-product CTA customization (set different text for different products)
• CTA preview in settings (see how button will look before saving)
• A/B testing button text to optimize conversions
• Customer action analytics (which CTA text converts best)

---

Support

For questions about CTA buttons:

1. Check this guide
2. See FAQ section above
3. Contact support for additional help

---

Related

• Product Management Guide - How to add and organize products
• Booking Setup - How to enable booking for your business
• Landing Page Settings - Other customization options