Contact Buttons displays up to three contact buttons on your checkout pages. Customers can click to call, email, or visit a link to get support during or after checkout.
| Setting | Description |
|---|
| Status | Toggle to enable or disable the extension |
| Description text | Text shown above the buttons (e.g. “We will get back to you ASAP.”) |
| Button style | How the buttons are rendered: Primary, Secondary, or Plain |
| Button colour | The colour tone: Critical (red), Success (green), Warning (yellow), Info (blue), or Default |
| Button | Type | Details |
|---|
| Button 1 | Phone | Enter a phone number. Clicking opens the dialler |
| Button 2 | Email | Enter an email address. Clicking opens a compose window |
| Button 3 | Custom link | Enter any URL (e.g. live chat, WhatsApp, contact form) |
Leave a button’s text field blank to hide that button. You do not need to use all three.
- Go to Contact Buttons in the app.
- Toggle the status to Active.
- Enter a Description shown above the buttons.
- For each button you want to show, enter a Button text label and the corresponding phone number, email address, or URL.
- Choose a Button style (Primary, Secondary, or Plain).
- Choose a Button colour (Critical, Success, Warning, Info, or Default).
- Click Save.
- In the Shopify checkout editor, add the Contact Buttons block to the desired page(s).
- Available on checkout, thank-you page, and order status page.
- A WhatsApp link (
https://wa.me/[your-number]) works well as the Button 3 custom link.
- Leaving a button’s text field blank hides it automatically, no need to disable it separately.
| Scenario | Conditions to set |
|---|
| Show support buttons during business hours only | Use schedule (Mon–Fri, 9am–6pm) |
| Show different contact options for high-value orders | Cart total is greater than $500 |
| Show WhatsApp button only for specific markets | Country is target country |
- Use Plain button style to keep checkout feeling uncluttered. Support buttons should be available but not dominant.
- Add a short description above the buttons: “Need help? We’re here.” sets the right tone.
- For WhatsApp, use the format
https://wa.me/[country-code][number] with no spaces or special characters.
- Show only the channels you actively monitor. A phone button customers can’t reach hurts trust more than no button at all.
