+
+
+
+
+
+
+
diff --git a/whatsapp_mail_messaging/static/src/css/icons.css b/whatsapp_mail_messaging/static/src/css/icons.css
new file mode 100644
index 000000000..39d553590
--- /dev/null
+++ b/whatsapp_mail_messaging/static/src/css/icons.css
@@ -0,0 +1,6 @@
+.mail-icon{
+ color: white;
+ position: absolute;
+ right: 47px;
+}
+
diff --git a/whatsapp_mail_messaging/static/src/css/whatsapp_icon_website.css b/whatsapp_mail_messaging/static/src/css/whatsapp_icon_website.css
new file mode 100644
index 000000000..1949a1cd8
--- /dev/null
+++ b/whatsapp_mail_messaging/static/src/css/whatsapp_icon_website.css
@@ -0,0 +1,17 @@
+.cy_whatsapp_web{
+ position:fixed;
+ width:60px;
+ height:60px;
+ bottom:40px;
+ right:40px;
+ background-color:#25d366;
+ color:#FFF;
+ border-radius:50px;
+ text-align:center;
+ font-size:30px;
+ z-index:100;
+}
+.cy-icon{
+ margin-top:16px;
+ color: white;
+}
diff --git a/whatsapp_mail_messaging/static/src/js/mail_icon.js b/whatsapp_mail_messaging/static/src/js/mail_icon.js
new file mode 100644
index 000000000..5368b2d90
--- /dev/null
+++ b/whatsapp_mail_messaging/static/src/js/mail_icon.js
@@ -0,0 +1,30 @@
+/** @odoo-module **/
+import { Dropdown } from '@web/core/dropdown/dropdown';
+import { DropdownItem } from '@web/core/dropdown/dropdown_item';
+import { registry } from '@web/core/registry';
+import { Component } from '@odoo/owl';
+import { useService } from "@web/core/utils/hooks";
+/* Export new class MailButton by extending Component */
+export class MailButton extends Component {
+ setup() {
+ super.setup();
+ this.action = useService("action");
+ }
+ /* On clicking mail icon */
+ async onclick_mail_icon() {
+ this.action.doAction({
+ name: "Compose Mail",
+ type: "ir.actions.act_window",
+ res_model: 'mail.mail',
+ views: [[false, "form"]],
+ view_mode: "form",
+ target: "new",
+ });
+ }
+}
+MailButton.template = 'whatsapp_mail_messaging.mail_icon';
+MailButton.components = {Dropdown, DropdownItem};
+export const mailbutton = {
+ Component: MailButton,
+};
+registry.category('systray').add('MailButton', mailbutton);
diff --git a/whatsapp_mail_messaging/static/src/js/whatsapp_icon.js b/whatsapp_mail_messaging/static/src/js/whatsapp_icon.js
new file mode 100644
index 000000000..2a9e436ba
--- /dev/null
+++ b/whatsapp_mail_messaging/static/src/js/whatsapp_icon.js
@@ -0,0 +1,25 @@
+/** @odoo-module **/
+import { Dropdown } from '@web/core/dropdown/dropdown';
+import { DropdownItem } from '@web/core/dropdown/dropdown_item';
+import { registry } from '@web/core/registry';
+import { Component } from '@odoo/owl';
+/* Export new class WhatsappIcon by extending Component */
+export class WhatsappIcon extends Component {
+ /* On clicking whatsapp icon */
+ async onclick_whatsapp_icon() {
+ this.env.services['action'].doAction({
+ name: "Compose Whatsapp Message",
+ type: "ir.actions.act_window",
+ res_model: 'whatsapp.send.message',
+ views: [[false, "form"]],
+ view_mode: "form",
+ target: "new",
+ });
+ }
+}
+WhatsappIcon.template = 'whatsapp_mail_messaging.whatsapp_icon';
+WhatsappIcon.components = { Dropdown, DropdownItem };
+export const whatsapp_icon = {
+ Component: WhatsappIcon,
+};
+registry.category('systray').add('WhatsappIcon', whatsapp_icon);
diff --git a/whatsapp_mail_messaging/static/src/js/whatsapp_modal.js b/whatsapp_mail_messaging/static/src/js/whatsapp_modal.js
new file mode 100644
index 000000000..3f7765239
--- /dev/null
+++ b/whatsapp_mail_messaging/static/src/js/whatsapp_modal.js
@@ -0,0 +1,83 @@
+/** @odoo-module **/
+import publicWidget from "@web/legacy/js/public/public_widget";
+import { useService } from "@web/core/utils/hooks";
+//import { jsonrpc } from "@web/core/network/rpc_service";
+import { rpc } from "@web/core/network/rpc";
+// Define a new widget named 'deliveryDateToggl' that extends the 'publicWidget.Widget' class
+publicWidget.registry.deliveryDateToggl = publicWidget.Widget.extend({
+ selector: '#ModalWhatsapp',
+ events: {
+ 'change .custom-default': 'onclickCustomRadio',
+ 'change .default-default': 'onclickDefaultRadio',
+ 'change #myFormControl': 'onSelectChange',
+ 'click .btn-danger': 'onCloseButtonClick',
+ 'click .btn-success': 'onSendMessageClick',
+ },
+ init() {
+ this._super.apply(this, arguments);
+ },
+ // Hide the message templates if selected value is 'Custom'
+ onclickCustomRadio: function () {
+ document.querySelector('#myFormControl').style.display = "none";
+ },
+ // Show the message templates if selected value is 'Default'
+ onclickDefaultRadio: function () {
+ document.querySelector('#myFormControl').style.display = "block";
+ let data = rpc('/whatsapp_message', {data:'data'})
+ this.updateUI(data);
+ },
+ // Updates the user interface with message templates.
+ updateUI: function (data) {
+ var selectElement = document.querySelector("#myFormControl");
+ selectElement.innerHTML = ''; // Clear existing options
+ var defaultOption = document.createElement('option');
+ defaultOption.textContent = 'Select the Template';
+ selectElement.appendChild(defaultOption); // Add default option
+ // Add options from the data
+ data.then((result) => {
+ const messages = result.messages;
+ messages.forEach((message) => {
+ var option = document.createElement('option');
+ option.value = message.id;
+ option.textContent = message.name;
+ option.setAttribute('data-message', message.message); // Save the message as a data attribute
+ selectElement.appendChild(option);
+ });
+ })
+ },
+ // Updates the selected message templates
+ onSelectChange: function () {
+ var selectElement = document.querySelector("#myFormControl");
+ var textareaElement = document.querySelector("#exampleFormControlTextarea1");
+ var selectedOption = selectElement.options[selectElement.selectedIndex];
+ var selectedMessage = selectedOption.getAttribute('data-message');
+ textareaElement.value = selectedMessage; // Update the textarea with the message from the selected option
+ },
+ //Closing the Modal
+ onCloseButtonClick: function () {
+ document.querySelector("#ModalWhatsapp").style.display = "none";
+ },
+ // Send Message to Whatsapp
+ onSendMessageClick: function () {
+ var textareaElement = document.querySelector("#exampleFormControlTextarea1");
+ var messageString = textareaElement.value;
+ let data = rpc('/mobile_number', {data:'data'})
+ data.then((result) => {
+ const mobile_num = result.mobile;
+ mobile_num.forEach((mobile) => {
+ // Check if 'mobile_number' is present in the first item of the 'data' array and is not falsy
+ if (mobile_num && mobile_num.length > 0 && 'mobile_number' in mobile_num[0] && mobile_num[0].mobile_number) {
+ var mobileNumber = mobile_num[0].mobile_number;
+ // Construct the WhatsApp URL using the mobile number and messageString
+ var whatsappUrl = 'https://api.whatsapp.com/send?phone=' + mobileNumber + '&text=' + encodeURIComponent(messageString);
+ // Open the WhatsApp URL in a new tab or window
+ window.open(whatsappUrl, '_blank');
+ } else {
+ // If mobile number is not available or falsy, You might want to display a user-friendly error message on the UI"
+ document.querySelector("#phoneMessage").style.display = "block";
+ }
+ });
+ })
+ },
+});
+export default publicWidget.registry.deliveryDateToggl;
diff --git a/whatsapp_mail_messaging/static/src/js/whatsapp_web_icon.js b/whatsapp_mail_messaging/static/src/js/whatsapp_web_icon.js
new file mode 100644
index 000000000..52284d708
--- /dev/null
+++ b/whatsapp_mail_messaging/static/src/js/whatsapp_web_icon.js
@@ -0,0 +1,17 @@
+/** @odoo-module **/
+import publicWidget from "@web/legacy/js/public/public_widget";
+// Define a new class named 'WhatsappIcon' that extends the 'publicWidget.Widget' class
+publicWidget.registry.WhatsappIcon = publicWidget.Widget.extend({
+ selector: '.cy_whatsapp_web',
+ events: {
+ 'click': '_onClickWhatsappIcon',
+ },
+ start: function() {
+ this._super.apply(this, arguments);
+ },
+ // Displays selection messages while clicking on whatsapp icon
+ _onClickWhatsappIcon: function (ev) {
+ $('#ModalWhatsapp').css('display', 'block');
+ },
+});
+export default publicWidget.registry.WhatsappIcon;
diff --git a/whatsapp_mail_messaging/static/src/xml/mail_icon_template.xml b/whatsapp_mail_messaging/static/src/xml/mail_icon_template.xml
new file mode 100644
index 000000000..3ce1bbbe1
--- /dev/null
+++ b/whatsapp_mail_messaging/static/src/xml/mail_icon_template.xml
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + This Module Helps To Send WhatsApp Messages and + Mails from Odoo. +
+Odoo Whatsapp Connector +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + Send Whatsapp Messages and Mails. +
++ Send Whatsapp Messages and Mails from + Systray Bar,Sale Order, Invoices and Website + Portal View.
+
+
+
+
+
+
+
+
+ + Added Whatsapp to the Share Options. +
++ Added Whatsapp to the Share Options for Sale + Orders and Invoices. +
+
+
+
+
+
+
+
+
+ + Share the Access Urls of Documents. +
++ Share the Access Urls of Documents Using + Share Option Available in Each Records + through Whatsapp Web. +
+
+
+
+
+
+
+
+
+ + Whatsapp and Mail Icon in Systray Bar. +
++ Icons for Whatsapp and Mail have been Added + to the Systray Bar, Allowing Users to Send + Messages by Clicking on them. +
+
+
+
+
+
+
+
+
+
+ Odoo Whatsapp Connector
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Icons for Whatsapp and Mail have been Added to the Systray Bar. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Create Mail from Systray Bar. + + +
+
+
+ + Clicking on the Mail Icon will + Open a Mail Composing Screen + where We can Specify the + Content, Customer, Subject, and + Attachments. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + After Sending the Email, the Corresponding Recipients will Receive the Email. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Add Mobile Number. + +
+
+
+ + We Need to Specify the Mobile + Field in the Contact Form, + Including the Country Code, to + Automatically Populate the + Mobile Number in the WhatsApp + Message Composing Wizard. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Create Whatsapp Message from the Systray Bar. + + +
+
+
+ + After Clicking on the WhatsApp + Icon in the SysTray, We will be + Redirected to a Message + Composing Screen Like this. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Option to Add Emojis. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + After Clicking 'Send', We will be Redirected to WhatsApp Web Along with Our Message. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + The Message Entered in Odoo will be Sent to the Corresponding WhatsApp Number in our Contacts. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Send Invoices via WhatsApp. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + WhatsApp Wizard in Invoice. + +
+
+
+ + Upon Clicking the 'Send by + Whatsapp' Button, A Popup will + Appear with Auto-filled Details, + Including the Recipient, Contact + Number, and Required Content. + You can Edit these Details if + Needed. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + WhatsApp Message Template. + +
+
+
+ + Create whatsapp message template + for sales orders and invoices. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + The Message, Along with the Details from the Popup, will be Redirected to WhatsApp Web. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Send Sale Orders via Whatsapp. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Whatsapp Wizard in Sale Order. + +
+
+
+ + Upon Clicking the 'Send by + Whatsapp' Button, A Popup will + Appear with Auto-filled Details, + Including the Recipient, Contact + Number, and Required Content. + You can Edit these Details if + Needed. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + The message will redirect to WhatsApp Web with the details from the popup. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + In the Website Form, Provide the Necessary Phone Number with the Country Code. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + A WhatsApp Icon will be Available on the Website. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Send Custom Message. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Choose a Message Template. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Clicking on 'Send Message' will Redirect to WhatsApp Web, with the Recipient Set as the Number Specified on the Corresponding Website. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Share Documents Through Whatsapp. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Clicking on 'Share' will Reveal An Additional Option, 'Whatsapp' in the Popup Screen. Here, We can Add the Customer and Additional Contents if Needed. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + WhatsApp Web. + +
+
+
+ + After Clicking 'Send,' it will + First Redirect to WhatsApp Web + and then to the Corresponding + Contact in our WhatsApp, Along + with a Custom Message and a Link + for Accessing the Document. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Send Multiple Documents through Whatsapp. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+ + Multiple Documents to A Single Customer. + +
+
+
+ + This Option Allows Us to Send + Multiple Document References to + A Single Customer. However, It's + Important to Note that We can + Only Send Documents of a Single + Customer at a Time. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Community & Enterprise + Support.
+
+
+
+
+
+
+
+
+
+ + Whatsapp/Mail Icon in Systray + Bar.
+
+
+
+
+
+
+
+
+
+ + Whatsapp Floating Icon in + Website.
+
+
+ +
+
+
+
+
+
+
+
+
+
+ + Send Documents Through + Whatsapp.
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Yes, you can share + document access URLs + via WhatsApp using + the "Share" option + available in each + record. This option + is available for + documents like Sale + Orders and Invoices, + and the URL will be + shared through + WhatsApp Web. +
+
+
+
+
+
+
+ + Yes, the module uses + WhatsApp Web to send + messages. When you + click the WhatsApp + option, it will open + WhatsApp Web in your + browser to send the + message. +
+
+
+
+
+
+ + Currently, the + module does not + provide message + tracking for + WhatsApp messages. + However, the + messages sent will + be logged in your + WhatsApp Web + interface, just like + any other message. +
+
+
+
+
+
+ + The module does not + impose any limits on + the number of + messages. However, + any restrictions + imposed by WhatsApp + or your network + provider will apply. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 01st October, 2024 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+
+
+
+
+
+
+ -
+
+
+
+
+
+
+