+
+
+
+
+
+
+
diff --git a/website_customer_contact/static/src/css/website_customer_contact.css b/website_customer_contact/static/src/css/website_customer_contact.css
new file mode 100644
index 000000000..0af511709
--- /dev/null
+++ b/website_customer_contact/static/src/css/website_customer_contact.css
@@ -0,0 +1,107 @@
+a#myModal{
+ margin-top: -56px;
+ margin-left: 1137px;
+}
+@media screen and (max-width: 1600px) {
+.modal.show .modal-dialog{
+max-height:56% !important;
+}
+}
+@media screen and (max-width: 991px) {
+.modal.show .modal-dialog{
+max-height:56% !important;
+}
+}
+@media screen and (max-width: 768px) {
+.form-field .col-md-3
+text-align:left !important;
+}
+.form-field .o_website_form_input{
+width:96% !important;
+}
+.modal-body{
+background-color:#fff;
+}
+.modal.show .modal-dialog{
+max-height:75% !important;
+}
+.contact_form{
+ width:100% !important;
+}
+}
+@media screen and (max-width: 500px) {
+ a#myModal{
+ margin-top: -47px;
+ margin-left: 182px;
+ }
+ .modal-dialog.modal-content{
+ min-height: 440px !important;
+ max-width: 100% !important;
+ }
+ .contact_form form label{
+ width:48% !important;
+ }
+ .contact_form form .form-control {
+ width: 100% !important;
+}
+}
+.btn-add-contact{
+ background: none;
+ border: none;
+}
+.btn-add-contact a{
+ color: white !important;
+ padding: 0px 36px !important;
+ height: 36px !important;
+ display: flex;
+ align-items: center;
+ outline: none !important;
+ border-radius: 9px;
+ box-shadow: none;
+ background-color: #35979c;
+ }
+ .o_popup_btn_close{
+ color: #FFFFFF;
+ background-color: #35979c;
+ border-color: #35979c;
+ font-size:1rem !important;
+ margin-left:9px;
+ }
+ .o_popup_btn_close:hover{
+ color:#fff !important;
+ background-color:#2d8084;
+ }
+ a#myModal{
+ position: absolute;
+ right: 17px;
+ top: 12px;
+ margin:0px !important;
+ }
+.contact_form{
+ margin: auto;
+ width: 750px;
+}
+.contact_form .form-group{
+
+ margin-bottom:16px;
+}
+.contact_form form label {
+ font-weight: 700;
+ float: left;
+ width: 17%;
+}
+.contact_form form .form-control {
+ width:83%;
+}
+.contact-success{
+ width: 369px;
+ margin: auto;
+ margin-top: 14%;
+ font-size:18px;
+ border-radius:43px;
+}
+.contact-success span{
+
+ padding-right:7px;
+ font-size:22px;
+}
diff --git a/website_customer_contact/static/src/img/contacts.svg b/website_customer_contact/static/src/img/contacts.svg
new file mode 100644
index 000000000..12a07e173
--- /dev/null
+++ b/website_customer_contact/static/src/img/contacts.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/website_customer_contact/static/src/js/customer_contact_edit_form.js b/website_customer_contact/static/src/js/customer_contact_edit_form.js
new file mode 100644
index 000000000..74a3cd3f3
--- /dev/null
+++ b/website_customer_contact/static/src/js/customer_contact_edit_form.js
@@ -0,0 +1,36 @@
+/** @odoo-module */
+
+import dom from '@web/legacy/js/core/dom';
+import publicWidget from '@web/legacy/js/public/public_widget';
+import { Dialog } from "@web/core/dialog/dialog";
+import { AlertDialog } from "@web/core/confirmation_dialog/confirmation_dialog";
+import { _t } from "@web/core/l10n/translation";
+// * Odoo customer contact form widget.
+// *
+// * This widget handles the behavior of the customer contact edit form on the website. It listens to specific events and
+// * performs corresponding actions when triggered.
+// */
+publicWidget.registry.WebsiteCustomerContactEdit = publicWidget.Widget.extend({
+ selector: '.customer_contact_edit_form',
+ events: {
+ 'click #form_submit': 'validateNumber',
+ },
+// /**
+// * Validate the input value of the #phone,#mobile fields to ensure it contains
+// only valid numbers.
+// *
+// * @param {Event} ev - The "input" event object.
+// */
+ validateNumber: function (ev) {
+ const mobile_no = this.$('#mobile');
+ const phone_no = this.$('#phone');
+ if ((!/^\d+$/.test(mobile_no.val())) || (!/^\d+$/.test(phone_no.val()))) {
+ ev.preventDefault()
+ this.call('dialog', 'add', AlertDialog, {
+ title: _t("Warning!"),
+ body: _t("Enter Valid Phone Number and Mobile Number"),
+ });
+ }
+ return;
+ },
+});
diff --git a/website_customer_contact/static/src/js/customer_contact_form.js b/website_customer_contact/static/src/js/customer_contact_form.js
new file mode 100644
index 000000000..0da5a491c
--- /dev/null
+++ b/website_customer_contact/static/src/js/customer_contact_form.js
@@ -0,0 +1,77 @@
+/** @odoo-module */
+
+import dom from '@web/legacy/js/core/dom';
+import publicWidget from '@web/legacy/js/public/public_widget';
+import { Dialog } from "@web/core/dialog/dialog";
+import { AlertDialog } from "@web/core/confirmation_dialog/confirmation_dialog";
+import { _t } from "@web/core/l10n/translation";
+// * Odoo customer contact form widget.
+// *
+// * This widget handles the behavior of the customer contact request form
+// on the website. It listens to specific events and
+// * performs corresponding actions when triggered.
+// */
+publicWidget.registry.WebsiteCustomerContactRequest = publicWidget.Widget.extend({
+ selector: '.customer_contact_form',
+ events: {
+ 'click #contact_request_form_submit ': 'validateNumber',
+ "change .select_box_test": "_onChangeType",
+ "change .country_select": "_onChangeCountry",
+ },
+// /**
+// * Validate the input value of the #phone,#mobile fields to ensure it
+// contains only valid numbers.
+// *
+// * @param {Event} ev - The "input" event object.
+// */
+ validateNumber: function (ev) {
+ const mobile_no = this.$('#mobile_number');
+ const phone_no = this.$('#phone_number');
+ if ((!/^\d+$/.test(mobile_no.val())) || (!/^\d+$/.test(phone_no.val()))) {
+ ev.preventDefault()
+ this.call('dialog', 'add', AlertDialog, {
+ title: _t("Warning!"),
+ body: _t("Enter Valid Phone Number and Mobile Number"),
+ });
+ }
+ return;
+ },
+
+ // Onchange of customer type, fields to fill varies
+ _onChangeType: function (ev) {
+ let select = this.$(ev.currentTarget);
+ let selectedValue = select.val();
+ if (selectedValue === "contact") {
+ this.$el.find(".job_position").show();
+ this.$el.find(".contact_title").show();
+ this.$el.find(".street").hide();
+ this.$el.find(".street2").hide();
+ this.$el.find(".city").hide();
+ this.$el.find(".zip").hide();
+ this.$el.find(".state_id").hide();
+ this.$el.find(".country_id").hide();
+ } else {
+ this.$el.find(".job_position").hide();
+ this.$el.find(".contact_title").hide();
+ this.$el.find(".street").show();
+ this.$el.find(".street2").show();
+ this.$el.find(".city").show();
+ this.$el.find(".zip").show();
+ this.$el.find(".state_id").show();
+ this.$el.find(".country_id").show();
+ }
+ },
+
+ // Onchange of country, only states of that particular country will be shown
+ _onChangeCountry: function (ev) {
+ let selected_country =
+ this.$el.find(".country_select")[0].selectedOptions[0].innerText;
+ let state = this.$el.find(".state_select_option");
+ for (let i = 0; i < state.length; i++) {
+ state[i].style["display"] = "";
+ if (state[i].dataset["id"] != selected_country) {
+ state[i].style["display"] = "none";
+ }
+ }
+ },
+});
diff --git a/website_customer_contact/views/portal_templates.xml b/website_customer_contact/views/portal_templates.xml
new file mode 100644
index 000000000..a440ee653
--- /dev/null
+++ b/website_customer_contact/views/portal_templates.xml
@@ -0,0 +1,325 @@
+
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + This Module Helps to Create Contact and Addresses from Website. + +
+Website Customer Contact +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + Add Contacts & Addresses on your account. +
++
+
+
+
+
+
+
+
+
+ + Create and Edit Contacts & Addresses. +
++
+
+
+
+
+
+
+
+
+
+ Website Customer Contact
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Contact + + Request +
+
+
+ + Navigate to Website > User > Contact Request. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Enter the + + contact details +
+
+
+ + In the form view enter the contact details and choose + the type of contact type from the "Type" field. + A contact will be created once the form is submitted. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Contacts + + Menu. +
+
+
+ + +
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Contact + + Details. +
+
+
+ + +
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Edit + + Contact +
+
+
+ + +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Add Contacts & Addresses on your account. +
+
+
+ + +
+
+
+
+
+
+
+
+
+
+ + Create and Edit Contacts & Addresses.
+
+
+ + +
+
+
+
+
+
+
+
+
+
+ + Available in + both Community & Enterprise.
+
+
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + You can find the "Contact request" section in your website account portal once you log in. +
+
+
+
+
+
+
+ + Yes, all contacts submitted + from the website are visible and edit. +
+
+
+
+
+
+ + Yes, the module is built + to be customizable. + You can extend the + form to include additional + fields as per your requirements. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 05th June, 2025 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+
+ Edit
+
+
+
+ + Contact Details +
+ +
+
+
+
+
+
+
+
+ Name
+
+
+
+ Email
+
+
+
+
+
+
+ Title
+
+
+
+ Address
+
+
+
+
+ Phone
+
+
+
+
+
+
+ Job Position
+
+
+
+ Address2
+
+
+
+
+ Mobile
+
+
+
+
+
+
+
+ City
+
+
+
+ ZIP
+
+
+
+ State
+
+
+
+ Notes
+
+
+
+
+
+
+ Country
+
+
+
+ There are currently no contacts under your account. +
+
+
+
+
+
+ Contacts
+ View contacts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Contact Created Successfully
+
+