Overview #

How to set up #

WhatsApp Mini App Onboarding involves three main steps:

• Activating
• Styling
• Tracking

Activating WhatsApp Button #

Enable the Button #

Step 1: Navigate to Onboarding tab > Click “Activate” 

Step 2: In the Theme store, turn on the toggle “WhatsApp Mini App”

Step 3: Click “Save” to apply changes

Then, the green badge “Enabled” appears.

Set up phone number #

Step 1: Come back to WhatsApp Mini App, go to Settings tab > General

Step 2: Enter your business phone number in international format

Step 3: Select your preferred WhatsApp platform (Web/Desktop)

Styling Your WhatsApp Button #

Go to Settings > Styling and customize the appearance of your WhatsApp button with these options:

1. Icon 
2. Font style
3. Button type
4. Button size adjustment
5. Button position 
6. Advanced styling settings

Advanced Settings #

Navigate Settings > Advanced and fine-tune your WhatsApp with:

1. Custom CSS styling: Modifying appearance beyond given options for brand customization

Here’s an example of CSS code that creates a pulsing animation effect for your Whatsapp button:

.custom-wa-float-btn_button-wrap {
animation: pulse-bounce 2s infinite ease-in-out;
}

@keyframes pulse-bounce {
0% {
transform: scale(1);
}

50% {
transform: scale(1.1);
}

100% {
transform: scale(1);
}
}

1. Tracking implementation: Monitoring customer button clicks using Google Analytics and Meta Pixel. For detailed guidance, please refer to our dedicated tracking manual.

Support channels #

If you ever need assistance, visit our Help Center for comprehensive guides or watch detailed video tutorials on our YouTube channel.

At MooseDesk, we’re always here to help. Our dedicated email and live chat teams are available around the clock. Drop us an email at help@moosedesk.com, or click the Live Chat icon located at the bottom left corner of the MooseDesk app, our official website, and even within this Help Center.