I'll help you add the WhatsApp help feature to your customer registration page. Here's the modified version of your file with the WhatsApp help button and functionality: import 'package:dropdown_search/dropdown_search.dart'; import 'package:fitstand/src/helpers/global.dart'; import 'package:fitstand/src/models/customer/country_code_response.dart'; import 'package:fitstand/src/widgets/custom_loading_alert.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:mvc_pattern/mvc_pattern.dart'; import 'package:fitstand/src/widgets/style.dart'; import 'package:fitstand/src/helpers/texts.dart'; import 'package:fitstand/src/widgets/colors.dart'; import 'package:fitstand/src/helpers/validator.dart'; import 'package:fitstand/src/widgets/dimensions.dart'; import 'package:fitstand/src/widgets/custom_input.dart'; import 'package:fitstand/src/widgets/custom_button.dart'; import 'package:flutter_hex_color/flutter_hex_color.dart'; import 'package:fitstand/src/widgets/custom_text_field.dart'; import 'package:fitstand/src/controllers/customer/customer_controller.dart'; import 'package:url_launcher/url_launcher.dart'; class CustomerRegistration extends StatefulWidget { const CustomerRegistration({Key? key}) : super(key: key); @override State createState() => CustomerRegistrationState(); } class CustomerRegistrationState extends StateMVC { bool isSignUpWithNumber = false; CustomerController customerController = CustomerController(); CustomerRegistrationState() : super(CustomerController()) { customerController = controller as CustomerController; } Future _launchWhatsAppHelp() async { const whatsappNumber = '+919665846951'; const message = 'I need help!'; final whatsappUrl = Uri.parse('https://wa.me/$whatsappNumber?text=${Uri.encodeComponent(message)}'); if (await canLaunchUrl(whatsappUrl)) { await launchUrl(whatsappUrl); } else { ScaffoldMessenger.of(context).showSnackBar( const SnackBar(content: Text('Could not launch WhatsApp')), ); } } void _showWhatsAppHelpDialog() { showDialog( context: context, builder: (BuildContext context) { return AlertDialog( title: const Text('Need Help?'), content: const Text('You can contact us directly on WhatsApp for assistance.'), actions: [ TextButton( onPressed: () => Navigator.pop(context), child: const Text('Cancel'), ), TextButton( onPressed: () { Navigator.pop(context); _launchWhatsAppHelp(); }, child: const Text('Open WhatsApp'), ), ], ); }, ); } @override void initState(){ customerController.fetchCountryData(context); super.initState(); } @override Widget build(BuildContext context) { return AnnotatedRegion( value: const SystemUiOverlayStyle( statusBarColor: whiteColor, statusBarBrightness: Brightness.light, statusBarIconBrightness: Brightness.dark, ), child: Scaffold( key: customerController.scaffoldKey, backgroundColor: whiteColor, body: GestureDetector( onTap: () { FocusScope.of(context).requestFocus(FocusNode()); }, child: SingleChildScrollView( padding: const EdgeInsets.only(top: 50.0, left: 25.0, right: 25.0, bottom: 25.0), scrollDirection: Axis.vertical, primary: true, child: Form( key: customerController.formKey, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Center( child: Text( dearUserTxt, textAlign: TextAlign.center, style: montserratBold.copyWith( color: HexColor(darkGunmetalColor), fontSize: Dimensions.fontSizeOverLarge, ), ), ), const SizedBox(height: 30.0), Center( child: Text( pleaseFillUpTheBelowDetailsToContinueTxt, textAlign: TextAlign.center, style: montserratMedium.copyWith( color: HexColor(metallicSilverColor), fontSize: Dimensions.fontSizeDefault, ), ), ), const SizedBox(height: 10.0), Center( child: InkWell( onTap: _showWhatsAppHelpDialog, child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon(Icons.whatsapp, color: HexColor(mediumElectricBlueColor)), const SizedBox(width: 5), Text( 'Click here in case you need help', style: montserratMedium.copyWith( color: HexColor(mediumElectricBlueColor), fontSize: Dimensions.fontSizeDefault, ), ), ], ), ), ), const SizedBox(height: 40.0), Text( selectCountryTxt, style: montserratMedium.copyWith( color: HexColor(darkGunmetalColor), fontSize: Dimensions.fontSizeLarge, ), ), const SizedBox(height: 10.0), DropdownSearch( items: customerController.countryData, filterFn: (data, filerValue) { return data.name!.toLowerCase().contains(filerValue.toLowerCase()); }, popupProps: PopupProps.menu( showSearchBox: true, itemBuilder: (context, CountryCodeDataList data, showSelectedItem) { return DropdownMenuItem( value: data, child: Padding( padding: const EdgeInsets.all(8.0), child: Text( data.name.toString(), style: dmSansRegular.copyWith( color: HexColor(coolGreyColor), fontSize: Dimensions.fontSizeSmall, ), ), ), ); }, ), dropdownBuilder: (context, CountryCodeDataList? data) { return DropdownMenuItem( value: data, child: Text( customerController.selectCountryData?.name ?? "Please Select Country", style: dmSansRegular.copyWith( color: HexColor(coolGreyColor), fontSize: Dimensions.fontSizeSmall, ), ), ); }, dropdownButtonProps: DropdownButtonProps(color: HexColor(mediumElectricBlueColor).withOpacity(0.4)), dropdownDecoratorProps: DropDownDecoratorProps( textAlignVertical: TextAlignVertical.center, dropdownSearchDecoration: textFieldDecoration( context, hintText: customerController.selectCountryData?.name ?? "Please Select Country", fillColor: whiteColor, contentPadding: const EdgeInsets.only(left: 12,right: 12), ), ), selectedItem: customerController.selectCountryData, onChanged: (newValue) { setState(() { customerController.selectCountryData = newValue; isSignUpWithNumber = false; customerController.emailOrNumberController.text = ''; }); }, ), const SizedBox(height: 20.0), Text( isSignUpWithNumber ? mobileNumberTxt : emailTxt, style: montserratMedium.copyWith( color: HexColor(darkGunmetalColor), fontSize: Dimensions.fontSizeLarge, ), ), const SizedBox(height: 10.0), isSignUpWithNumber ? CustomTextField( textType: TextInputType.number, focusNode: customerController.emailOrNumberFocus, controller: customerController.emailOrNumberController, obscureText: false, inputFormatters: [ FilteringTextInputFormatter.deny(',', replacementString: ''), FilteringTextInputFormatter.deny('.', replacementString: ''), FilteringTextInputFormatter.allow(RegExp(r'(^\d*\.?\d{0,2})')), ], decoration: textFieldDecoration( context, labelText: "Please Enter Number", contentPadding: const EdgeInsets.only(left: 10.0, bottom: 16.0, top: 16.0, right: 10.0), ), onFieldSubmitted: (value) { customerController.emailOrNumberFocus.unfocus(); }, onSaved: (String? phoneNumber) { customerController.emailOrNumberController.text = phoneNumber!; }, onTapValue: () {}, validator: (value) { String? errorString = FormValidator().validateTelephone(value!); return errorString; }, ) : CustomTextField( textType: TextInputType.emailAddress, focusNode: customerController.emailOrNumberFocus, controller: customerController.emailOrNumberController, obscureText: false, decoration: textFieldDecoration( context, labelText: "Please Enter Email", contentPadding: const EdgeInsets.only(left: 10.0, bottom: 16.0, top: 16.0, right: 10.0), ), onFieldSubmitted: (value) { customerController.emailOrNumberFocus.unfocus(); }, onSaved: (String? phoneNumber) { customerController.emailOrNumberController.text = phoneNumber!; }, onTapValue: () {}, validator: (value) { String? errorString = FormValidator().validateEmail(value!); return errorString; }, ), (customerController.selectCountryData?.name ?? "").toLowerCase() == 'India'.toLowerCase() ? InkWell( onTap: () { FocusScope.of(context).unfocus(); setState(() { isSignUpWithNumber = !isSignUpWithNumber; customerController.emailOrNumberController.text = ''; }); }, child: Padding( padding: const EdgeInsets.only(top: 5), child: Text( isSignUpWithNumber ? signUpWithEmailTxt : signUpWithNumberTxt, style: montserratMedium.copyWith( fontSize: Dimensions.fontSizeSmall, color: HexColor(mediumElectricBlueColor), ), ), ), ) : Container(), const SizedBox(height: 20.0), CustomButtonWidget( width: MediaQuery.of(context).size.width, height: 45.0, title: continueTxt, border: null, titleColor: whiteColor, fontSize: Dimensions.fontSizeExtraLarge, borderRadius: BorderRadius.circular(6.0), backgroundColor: HexColor(americanGreenColor), onClick: () { FocusScope.of(context).unfocus(); if (customerController.formKey.currentState!.validate()) { customerController.formKey.currentState!.save(); if (customerController.selectCountryData != null) { if (customerController.emailOrNumberController.text.isNotEmpty) { customerController.exitsUser(context); } else { showAlert(context: context, message: isSignUpWithNumber ? 'Please Enter Your Number!' : 'Please Enter Your Email!'); } } else { showAlert(context: context, message: 'Please Select Country!'); } } } ), ], ), ), ), ), bottomNavigationBar: SizedBox( height: 105, child: SingleChildScrollView( child: Column( children: [ Container( margin: const EdgeInsets.only(bottom: 12.0), child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [ Text( alreadyHaveAnAccountTxt, style: montserratMedium.copyWith( color: HexColor(metallicSilverColor), fontSize: Dimensions.fontSizeDefault, ), ), InkWell( onTap: () { Navigator.pushNamed(context, '/Login'); }, child: Text( " $signInTxt", style: montserratMedium.copyWith( color: HexColor(mediumElectricBlueColor), fontSize: Dimensions.fontSizeDefault, ), ), ), ], ), ), Container( margin: const EdgeInsets.only(bottom: 12), child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start, children: [ Padding( padding: const EdgeInsets.symmetric(horizontal: 20), child: Text( byUsingAppAgreeToOurTxt, textAlign: TextAlign.center, style: montserratMedium.copyWith( color: HexColor(metallicSilverColor), fontSize: Dimensions.fontSizeDefault, ), ), ), const SizedBox(height: 5), Row( mainAxisAlignment: MainAxisAlignment.center, children: [ InkWell( onTap: () { Navigator.of(context).pushNamed('/WebViewScreen',arguments: [ '$webViewUri/terms-and-conditions', termsAndConditionsTxt ]); }, child: Text( termsAndConditionsTxt, style: montserratMedium.copyWith( color: HexColor(mediumElectricBlueColor), fontSize: Dimensions.fontSizeDefault, ), ), ), Text( " & ", style: montserratMedium.copyWith( color: HexColor(metallicSilverColor), fontSize: Dimensions.fontSizeSmall, ), ), InkWell( onTap: () { Navigator.of(context).pushNamed('/WebViewScreen',arguments: [ '$webViewUri/privacy-policy-2', privacyPolicyTxt ]); }, child: Text( privacyPolicyTxt, style: montserratMedium.copyWith( color: HexColor(mediumElectricBlueColor), fontSize: Dimensions.fontSizeDefault, ), ), ), ], ), ], ), ), ], ), ), ), ), ); } } You'll also need to add the url_launcher package to your pubspec.yaml. Make sure to run `flutter pub add url_launcher` to add the dependency. The implementation includes: 1. A WhatsApp icon with "Click here in case you need help" text 2. A confirmation dialog when clicked 3. Direct WhatsApp message sending with the predefined text "I need help!" to your number