Skip to main content

How to Add Custom Buttons to Your Customer Portal

How to Add Custom Buttons to Your Customer Portal

What Is This?

Custom Buttons are two banner-style images on your customer portal home page. You can use them to point customers to your booking page, your Instagram, or a special pop-up message. Each button uses a 16:9 image you upload yourself.

Real-Life Example

Wei Lin runs Gentle Pets, a pet grooming salon in Damansara. Her customers kept asking how to book a grooming slot online, and she wanted them to follow her Instagram for new puppy photos. She turned on Custom Buttons, uploaded a blue "Book a grooming slot" banner linked to her booking page, and a pink "Follow us on Instagram" banner linked to her profile. Within a week, Instagram followers grew by 30 and online bookings started replacing phone calls.

How to Set It Up

  1. Go to Admin Panel → Loyalty Program → Customer Portal Design and click Edit on your theme

    Admin panel sidebar showing Customer Portal Design highlighted under Loyalty Program

  2. Open the Feature tab at the top of the form

    Customer Portal Theme edit form with the Feature tab active, showing the Reservation, Redeem Code, Custom Button, and Feedback sections

  3. Find the Custom Button section and turn on Enabled. Button 1 and Button 2 appear below

    Custom Button section with Enabled toggle on, showing two collapsible Button 1 and Button 2 panels

  4. Click Button 1 to open it, pick a Mode, fill in the field that appears, then upload an Image (16:9, optimal 308 × 228 pixels). Repeat for Button 2 if you want a second one. Click Save at the bottom

    Button 1 expanded with Mode set to External link, URL filled in, and Image upload area highlighted

What Your Customers Will See

Two banner images appear side by side on the home page, just below the Settings icons. Tapping a button does whatever you set it to do — open your link, show your pop-up, or open your announcement.

Real customer portal screenshot with the two custom banner buttons (Facebook and YouTube links) highlighted in red below the Settings icons

Good to Know

  • You can have a maximum of 2 buttons — keep it simple.
  • Each button has three Mode options:
    • External link — opens any URL in a new tab (your booking page, Instagram, menu PDF).
    • General pop-up — shows a custom title and message inside the portal.
    • Announcement pop-up — opens your active announcement (only works when you have one turned on).
  • The image is required. Use a clean banner that says what the button does.
  • Optimal image size: 308 × 228 pixels (16:9). Larger images get cropped to fit.
  • You only need to set up Button 1 if you want one button — Button 2 is optional.

Need Help?

Can't see the Custom Button section? Send us a message.

What's Next?

Was this article helpful?

Thank you for your feedback!

0 found this helpful 0 did not

Search