650 lines
33 KiB
HTML
650 lines
33 KiB
HTML
<!doctype html>
|
|
<html lang="en-US">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta
|
|
name="description"
|
|
content="Support and FAQ for ODOO4projects hosting. Get help with your Odoo instance, modules, backups, domains, and more."
|
|
/>
|
|
<title>
|
|
Support | ODOO4projects - Odoo Hosting, AI Consulting & N8N Automation
|
|
</title>
|
|
<link rel="canonical" href="https://ODOO4projects.com/support" />
|
|
<meta
|
|
property="og:title"
|
|
content="Support | ODOO4projects - Odoo Hosting, AI Consulting & N8N Automation"
|
|
/>
|
|
<meta
|
|
property="og:description"
|
|
content="Support and FAQ for ODOO4projects hosting. Get help with your Odoo instance, modules, backups, domains, and more."
|
|
/>
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://ODOO4projects.com/support" />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<link rel="icon" href="images/favicon.ico" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link
|
|
rel="preload"
|
|
as="style"
|
|
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
|
|
/>
|
|
<link
|
|
rel="preload"
|
|
as="style"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
|
|
/>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
|
|
media="print"
|
|
onload="this.media='all'"
|
|
/>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
|
|
media="print"
|
|
onload="this.media='all'"
|
|
/>
|
|
<link rel="stylesheet" href="style.css" />
|
|
<style>
|
|
/* ---- Support Page Specific ---- */
|
|
.support-hero {
|
|
background: linear-gradient(135deg, #0a0a14 0%, #12121c 50%, #1a0a20 100%);
|
|
padding: 5rem 0 3rem;
|
|
text-align: center;
|
|
border-bottom: 1px solid #1a1a2e;
|
|
}
|
|
.support-hero h1 {
|
|
font-size: clamp(2rem, 4vw, 3rem);
|
|
color: #e8e8f0;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.support-hero p {
|
|
color: rgba(232, 232, 240, 0.7);
|
|
font-size: 1.05rem;
|
|
max-width: 720px;
|
|
margin: 0 auto;
|
|
line-height: 1.7;
|
|
}
|
|
.support-hero strong {
|
|
color: #00f5ff;
|
|
}
|
|
|
|
/* ---- FAQ Section ---- */
|
|
.faq-section {
|
|
padding: 4rem 0;
|
|
background: #08080c;
|
|
}
|
|
.faq-section h2 {
|
|
text-align: center;
|
|
color: #e8e8f0;
|
|
margin-bottom: 2.5rem;
|
|
}
|
|
|
|
.faq-tabs {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.5rem;
|
|
justify-content: center;
|
|
margin-bottom: 2.5rem;
|
|
}
|
|
.faq-tab-btn {
|
|
background: #12121c;
|
|
border: 1px solid #1a1a2e;
|
|
color: rgba(232, 232, 240, 0.6);
|
|
padding: 0.7rem 1.4rem;
|
|
border-radius: 0.5rem;
|
|
cursor: pointer;
|
|
font-family: "Inter Tight", sans-serif;
|
|
font-size: 0.82rem;
|
|
font-weight: 500;
|
|
transition: all 0.2s;
|
|
text-align: center;
|
|
line-height: 1.3;
|
|
}
|
|
.faq-tab-btn small {
|
|
display: block;
|
|
font-size: 0.7rem;
|
|
font-weight: 400;
|
|
opacity: 0.7;
|
|
margin-top: 0.15rem;
|
|
}
|
|
.faq-tab-btn:hover {
|
|
border-color: rgba(0, 245, 255, 0.3);
|
|
color: #e8e8f0;
|
|
}
|
|
.faq-tab-btn.active {
|
|
background: rgba(0, 245, 255, 0.1);
|
|
border-color: #00f5ff;
|
|
color: #00f5ff;
|
|
}
|
|
|
|
.faq-panel {
|
|
display: none;
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
}
|
|
.faq-panel.active {
|
|
display: block;
|
|
}
|
|
|
|
.faq-item {
|
|
border: 1px solid #1a1a2e;
|
|
border-radius: 0.6rem;
|
|
margin-bottom: 0.75rem;
|
|
overflow: hidden;
|
|
background: #0d0d18;
|
|
}
|
|
.faq-question {
|
|
width: 100%;
|
|
background: none;
|
|
border: none;
|
|
padding: 1rem 1.25rem;
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
color: #e8e8f0;
|
|
font-family: "Inter Tight", sans-serif;
|
|
font-size: 0.9rem;
|
|
font-weight: 500;
|
|
text-align: left;
|
|
transition: background 0.2s;
|
|
gap: 1rem;
|
|
}
|
|
.faq-question:hover {
|
|
background: rgba(0, 245, 255, 0.03);
|
|
}
|
|
.faq-question .faq-icon {
|
|
flex-shrink: 0;
|
|
font-size: 0.75rem;
|
|
color: rgba(0, 245, 255, 0.6);
|
|
transition: transform 0.3s;
|
|
}
|
|
.faq-question.open .faq-icon {
|
|
transform: rotate(180deg);
|
|
}
|
|
.faq-answer {
|
|
display: none;
|
|
padding: 0 1.25rem 1rem;
|
|
color: rgba(232, 232, 240, 0.75);
|
|
font-size: 0.88rem;
|
|
line-height: 1.7;
|
|
}
|
|
.faq-answer.open {
|
|
display: block;
|
|
}
|
|
.faq-answer ul {
|
|
margin: 0.5rem 0;
|
|
padding-left: 1.25rem;
|
|
}
|
|
.faq-answer li {
|
|
margin: 0.3rem 0;
|
|
}
|
|
|
|
/* ---- Contact Form ---- */
|
|
.contact-section {
|
|
padding: 4rem 0 5rem;
|
|
background: #0a0a14;
|
|
border-top: 1px solid #1a1a2e;
|
|
}
|
|
.contact-section h2 {
|
|
text-align: center;
|
|
color: #e8e8f0;
|
|
margin-bottom: 2rem;
|
|
}
|
|
.contact-form {
|
|
max-width: 620px;
|
|
margin: 0 auto;
|
|
background: #12121c;
|
|
border: 1px solid #1a1a2e;
|
|
border-radius: 0.8rem;
|
|
padding: 2rem;
|
|
}
|
|
.form-group {
|
|
margin-bottom: 1.25rem;
|
|
}
|
|
.form-group label {
|
|
display: block;
|
|
color: rgba(232, 232, 240, 0.7);
|
|
font-size: 0.82rem;
|
|
font-weight: 500;
|
|
margin-bottom: 0.35rem;
|
|
}
|
|
.form-group label .required {
|
|
color: #ff4d6a;
|
|
}
|
|
.form-group input,
|
|
.form-group textarea {
|
|
width: 100%;
|
|
padding: 0.7rem 0.9rem;
|
|
background: #08080c;
|
|
border: 1px solid #1a1a2e;
|
|
border-radius: 0.5rem;
|
|
color: #e8e8f0;
|
|
font-family: Inter, sans-serif;
|
|
font-size: 0.88rem;
|
|
transition: border-color 0.2s;
|
|
box-sizing: border-box;
|
|
}
|
|
.form-group input:focus,
|
|
.form-group textarea:focus {
|
|
outline: none;
|
|
border-color: #00f5ff;
|
|
}
|
|
.form-group input::placeholder,
|
|
.form-group textarea::placeholder {
|
|
color: rgba(232, 232, 240, 0.3);
|
|
}
|
|
.form-group textarea {
|
|
min-height: 100px;
|
|
resize: vertical;
|
|
}
|
|
.contact-form .btn {
|
|
width: 100%;
|
|
padding: 0.75rem;
|
|
background: #00f5ff;
|
|
color: #08080c;
|
|
border: none;
|
|
border-radius: 0.5rem;
|
|
font-family: "Inter Tight", sans-serif;
|
|
font-size: 0.95rem;
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
transition: opacity 0.2s;
|
|
}
|
|
.contact-form .btn:hover {
|
|
opacity: 0.85;
|
|
}
|
|
.contact-form .btn:disabled {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|
|
.form-success {
|
|
display: none;
|
|
background: rgba(0, 245, 255, 0.08);
|
|
border: 1px solid rgba(0, 245, 255, 0.25);
|
|
border-radius: 0.5rem;
|
|
padding: 1rem;
|
|
text-align: center;
|
|
color: #00f5ff;
|
|
margin-top: 1rem;
|
|
}
|
|
.form-success.visible {
|
|
display: block;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.support-hero {
|
|
padding: 3rem 0 2rem;
|
|
}
|
|
.faq-tab-btn {
|
|
padding: 0.5rem 1rem;
|
|
font-size: 0.75rem;
|
|
}
|
|
.contact-form {
|
|
padding: 1.25rem;
|
|
}
|
|
}
|
|
.blog-header {
|
|
padding: 2rem 0;
|
|
border-bottom: 1px solid #1a1a2e;
|
|
}
|
|
.blog-header a {
|
|
color: #00f5ff;
|
|
text-decoration: none;
|
|
font-size: 0.85rem;
|
|
}
|
|
.blog-header a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="blog-header">
|
|
<a href="index.html">← Back to Home</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Hero -->
|
|
<section class="support-hero">
|
|
<div class="container">
|
|
<h1>Support and FAQ</h1>
|
|
<p>
|
|
For the fastest help, please read our <strong>FAQ</strong> first — our support
|
|
bot can assist with quick fixes like <strong>git pull</strong> or restarts — or
|
|
simply send a <strong>ticket</strong> to our support team for further assistance.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- FAQ -->
|
|
<section class="faq-section" id="faq">
|
|
<div class="container">
|
|
<h2>FAQ</h2>
|
|
|
|
<div class="faq-tabs" id="faqTabs">
|
|
<button class="faq-tab-btn active" data-tab="first-steps">
|
|
First Steps
|
|
<small>What is your service about</small>
|
|
</button>
|
|
<button class="faq-tab-btn" data-tab="advanced">
|
|
Advanced Users
|
|
<small>Install Modules, configure Backup, ...</small>
|
|
</button>
|
|
<button class="faq-tab-btn" data-tab="trouble">
|
|
Trouble Shooting
|
|
<small>Service is unavailable, git push does not work</small>
|
|
</button>
|
|
<button class="faq-tab-btn" data-tab="commercial">
|
|
Commercial
|
|
<small>All information about our services</small>
|
|
</button>
|
|
<button class="faq-tab-btn" data-tab="migrate">
|
|
Bring your Database
|
|
<small>Migrate from another provider</small>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- First Steps -->
|
|
<div class="faq-panel active" id="panel-first-steps">
|
|
<div class="faq-item">
|
|
<button class="faq-question">
|
|
<span>My Odoo seems empty. What can I do with it?</span>
|
|
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
|
|
</button>
|
|
<div class="faq-answer">
|
|
<p>We provide a vanilla Odoo installation, which means your Odoo comes empty but fully ready for <strong>you to customize</strong> with the apps your business needs. To get started, go to the Apps menu, browse the available apps, and click Install — each app will appear in your main menu once installed, ready to use.</p>
|
|
<p>Here are some examples for different types of businesses:</p>
|
|
<ul>
|
|
<li><strong>Manufacturing unit</strong>: Install the Manufacturing and Inventory/Logistics apps to manage production orders, stock, and deliveries.</li>
|
|
<li><strong>Online store</strong>: Install Website, eCommerce, and Sales apps to sell products online and manage orders.</li>
|
|
<li><strong>Service company</strong>: Install Project and Timesheets apps to manage tasks, track work hours, and invoice clients.</li>
|
|
<li><strong>Retail shop</strong>: Install Point of Sale (POS) and Inventory apps to manage in-store sales and stock.</li>
|
|
<li><strong>Accounting firm</strong>: Install Accounting and Invoicing apps to handle client billing, reporting, and bank reconciliation.</li>
|
|
<li><strong>Marketing agency</strong>: Install CRM, Marketing, and Email Marketing apps to manage leads, campaigns, and customer communications.</li>
|
|
<li><strong>Event company</strong>: Install Events and Website apps to manage event registrations, ticket sales, and promotions.</li>
|
|
</ul>
|
|
<p>No matter your business type, you can pick the apps that match your needs, and gradually build your Odoo system step by step.</p>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question">
|
|
<span>How do I install a new app?</span>
|
|
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
|
|
</button>
|
|
<div class="faq-answer">
|
|
<p>Open the Apps menu, search for the app you want, and click Install. Once installed, the app will appear in your main menu, ready to use. For additional apps not included by default, you can also install them via Git or use our one-click Quick Git feature for faster setup.</p>
|
|
<p>All Odoo Community apps are included, and more free apps can be found at <a href="https://odoo-community.org/" target="_blank" rel="noopener" style="color: #00f5ff;">https://odoo-community.org/</a></p>
|
|
<p>It's always a good idea to become a member of the Odoo Community Association (OCA) and support their work.</p>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question">
|
|
<span>How do I add my email Server for sending messages from Odoo?</span>
|
|
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
|
|
</button>
|
|
<div class="faq-answer">
|
|
<p>To send emails from Odoo, you need to configure an Outgoing Mail Server. Go to Settings → Technical → Email → Outgoing Mail Servers and enter your email server details, such as SMTP server, port, username, and password. You can get the SMTP server information from your domain or email provider — they usually provide these details in their support or control panel. After entering the information, test the connection to ensure it works correctly.</p>
|
|
<p>If you also want to receive emails in Odoo, you can set up Incoming Mail Servers under the same menu, using the IMAP/POP3 details from your provider. This allows Odoo to handle both outgoing and incoming messages seamlessly.</p>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question">
|
|
<span>How do I change my login name or password?</span>
|
|
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
|
|
</button>
|
|
<div class="faq-answer">
|
|
<p>Before making any changes, it is advised to <strong>set up your outgoing email server</strong> to ensure notifications and password resets work correctly.</p>
|
|
<p>Your login name is the email address associated with your account. To change it, go to Settings → Users & Companies → Users, select your user, and update the Email field. After changing your login name, you must log in using the new email and your existing password. To change your password, go to the same user settings, click Change Password, or use the "Forgot Password" link on the login page to reset it via email.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Advanced Users -->
|
|
<div class="faq-panel" id="panel-advanced">
|
|
<div class="faq-item">
|
|
<button class="faq-question">
|
|
<span>Do I get SSH access to my service?</span>
|
|
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
|
|
</button>
|
|
<div class="faq-answer">
|
|
<p>No — SSH access is limited to Git operations only. All other management and configuration options are available through our Odoo Settings module.</p>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question">
|
|
<span>How do I configure my Backup frequency?</span>
|
|
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
|
|
</button>
|
|
<div class="faq-answer">
|
|
<p>The backup job runs as a scheduled action within Odoo, ensuring your data is regularly saved. You can access and manage this job only when Development Mode is enabled, which allows you to view technical settings and scheduled actions that are otherwise hidden in the standard interface. This way, you can review, adjust, or trigger backups as needed to keep your system secure and up to date.</p>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question">
|
|
<span>How long are Backups stored?</span>
|
|
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
|
|
</button>
|
|
<div class="faq-answer">
|
|
<p>We store backups in slots, which are retained until they are overwritten. Backups are managed using a first-in, first-out (FIFO) queue, which is the standard approach for ERP systems. When a backup is overwritten, it is permanently deleted. If you need to keep more backups, you can upgrade your contract and purchase additional slots to increase your storage capacity.</p>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question">
|
|
<span>How do I route my domain to my Odoo?</span>
|
|
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
|
|
</button>
|
|
<div class="faq-answer">
|
|
<p>To route your domain to Odoo, you first need to update the A record at your domain provider. This record links your domain name to our server's IP address, ensuring that visitors are directed to your Odoo instance. You can usually find the A record settings in your domain registrar's control panel under DNS settings or domain management. Enter the IP address of our server and save the changes. Keep in mind that DNS changes can take some time to propagate across the internet, usually up to a few hours. Once the A record is updated, the server will need to be restarted to recognize the new domain.</p>
|
|
<p>After updating the A record, you also need to add your domain in Odoo. Go to Settings → 4 Server → Domains and enter each domain on a separate line. This ensures Odoo recognizes the domain and serves your instance correctly. Important: Check your contract to see how many domain routings are included.</p>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question">
|
|
<span>How can I install Odoo Enterprise?</span>
|
|
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
|
|
</button>
|
|
<div class="faq-answer">
|
|
<p>To install Odoo Enterprise, you first need to purchase a separate license from Odoo. Our prepared Git repository already includes an Enterprise folder where you can add the Enterprise addons, which can then be installed via Git.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Trouble Shooting -->
|
|
<div class="faq-panel" id="panel-trouble">
|
|
<div class="faq-item">
|
|
<button class="faq-question">
|
|
<span>After a git check in, my server does not come up again or shows an error 500</span>
|
|
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
|
|
</button>
|
|
<div class="faq-answer">
|
|
<p>If you've pushed a new module to the server and it prevents the service from starting, first revert your changes in Git and push the corrected version back to the server. Then open the support chat you find on this site — you'll need your UUID (sent in the confirmation email to the address you used when signing up). After you tell our chatbot to git pull and restart the server, you'll receive a confirmation email at your registered address; once confirmed, we'll bring your Odoo instance back online.</p>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question">
|
|
<span>Why does my domain show an "Unknown Certificate" or "Bad Gateway"?</span>
|
|
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
|
|
</button>
|
|
<div class="faq-answer">
|
|
<p>This usually happens because the server has not been restarted after routing your domain to our service. To resolve this, simply restart your server — once it comes back online, Odoo will generate the correct SSL certificate for your domain. If the error persists, please create a support ticket so our team can assist you further.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Commercial -->
|
|
<div class="faq-panel" id="panel-commercial">
|
|
<div class="faq-item">
|
|
<button class="faq-question">
|
|
<span>Is the Odoo Enterprise License included?</span>
|
|
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
|
|
</button>
|
|
<div class="faq-answer">
|
|
<p>No, the Odoo Enterprise License needs to be purchased separately.</p>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question">
|
|
<span>How can I upgrade my service?</span>
|
|
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
|
|
</button>
|
|
<div class="faq-answer">
|
|
<p>You can upgrade your service directly in Odoo by going to Settings → 4 Server → Upgrade. From there, you can choose to move to a higher plan or add additional features individually, such as extra backup slots or additional domain routings, depending on your needs. This allows you to customize your service without interrupting your existing setup.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Bring your Database -->
|
|
<div class="faq-panel" id="panel-migrate">
|
|
<div class="faq-item">
|
|
<button class="faq-question">
|
|
<span>How can I migrate my Odoo database from another service provider?</span>
|
|
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
|
|
</button>
|
|
<div class="faq-answer">
|
|
<p>To migrate your database to our service, please create a support ticket indicating that you want to migrate. Our team will then send you a link to a secure form where you can upload your database. Once received, we will spin up a new server according to your requirements and provide you with the credentials.</p>
|
|
<p>We will copy your database to the new server, but you will need to install Odoo Enterprise and any third-party modules via Git.</p>
|
|
<p>Please note that we do not support patch releases (e.g., 18.1 or 17.2) — only the main releases (18.0, 17.0, 19.0) are supported. Our migration service currently supports databases based on Odoo 17, 18, and 19.</p>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question">
|
|
<span>Can I update my Odoo database from an older version, e.g., 14 → 19?</span>
|
|
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
|
|
</button>
|
|
<div class="faq-answer">
|
|
<p>Yes, we can help you upgrade your database from older versions to a supported release (17, 18, or 19), but only after reviewing your database to ensure compatibility. To start the process, please create a support ticket so our team can get in contact, review your database, and guide you through the upgrade steps safely.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact Form -->
|
|
<section class="contact-section" id="contact">
|
|
<div class="container">
|
|
<h2>Still questions? Contact our support.</h2>
|
|
<form class="contact-form" id="supportForm" action="https://ODOO4projects.com/website/form/" method="POST" enctype="multipart/form-data">
|
|
<input type="hidden" name="csrf_token" id="csrfToken" value="" />
|
|
<div class="form-group">
|
|
<label for="contactName">Your Name <span class="required">*</span></label>
|
|
<input type="text" id="contactName" name="contact_name" required placeholder="Your Name" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="contactEmail">Your Email <span class="required">*</span></label>
|
|
<input type="email" id="contactEmail" name="email_from" required placeholder="Your Email" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="contactUuid">UUID</label>
|
|
<input type="text" id="contactUuid" name="UUID" placeholder="Paste your ODOO4projects UUID here" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="contactSubject">Subject <span class="required">*</span></label>
|
|
<input type="text" id="contactSubject" name="name" required placeholder="Subject" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="contactQuestion">Your Question <span class="required">*</span></label>
|
|
<textarea id="contactQuestion" name="description" required placeholder="Describe your issue or question in detail..."></textarea>
|
|
</div>
|
|
<button type="submit" class="btn" id="submitBtn">Submit</button>
|
|
<div class="form-success" id="formSuccess">
|
|
<i class="fas fa-check-circle"></i> Thank you! Your ticket has been submitted. We'll get back to you shortly.
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
|
|
<script>
|
|
/* ---- FAQ Accordion ---- */
|
|
document.querySelectorAll(".faq-question").forEach(function (btn) {
|
|
btn.addEventListener("click", function () {
|
|
var answer = this.nextElementSibling;
|
|
var isOpen = answer.classList.contains("open");
|
|
// Close all
|
|
document.querySelectorAll(".faq-answer.open").forEach(function (a) {
|
|
a.classList.remove("open");
|
|
});
|
|
document.querySelectorAll(".faq-question.open").forEach(function (b) {
|
|
b.classList.remove("open");
|
|
});
|
|
if (!isOpen) {
|
|
answer.classList.add("open");
|
|
this.classList.add("open");
|
|
}
|
|
});
|
|
});
|
|
|
|
/* ---- FAQ Tabs ---- */
|
|
document.querySelectorAll(".faq-tab-btn").forEach(function (tab) {
|
|
tab.addEventListener("click", function () {
|
|
document.querySelectorAll(".faq-tab-btn").forEach(function (t) {
|
|
t.classList.remove("active");
|
|
});
|
|
document.querySelectorAll(".faq-panel").forEach(function (p) {
|
|
p.classList.remove("active");
|
|
});
|
|
this.classList.add("active");
|
|
var panel = document.getElementById("panel-" + this.getAttribute("data-tab"));
|
|
if (panel) panel.classList.add("active");
|
|
});
|
|
});
|
|
|
|
/* ---- Fetch CSRF token then handle form submission ---- */
|
|
var form = document.getElementById("supportForm");
|
|
var submitBtn = document.getElementById("submitBtn");
|
|
var successDiv = document.getElementById("formSuccess");
|
|
|
|
// Fetch CSRF token from the Odoo site
|
|
fetch("https://ODOO4projects.com/web/csrf_token")
|
|
.then(function (r) { return r.json(); })
|
|
.then(function (data) {
|
|
document.getElementById("csrfToken").value = data.result || data.csrf_token || "";
|
|
})
|
|
.catch(function () {
|
|
// fallback: try to extract from page or just proceed without
|
|
});
|
|
|
|
form.addEventListener("submit", function (e) {
|
|
e.preventDefault();
|
|
|
|
// Basic validation
|
|
var name = document.getElementById("contactName").value.trim();
|
|
var email = document.getElementById("contactEmail").value.trim();
|
|
var subject = document.getElementById("contactSubject").value.trim();
|
|
var question = document.getElementById("contactQuestion").value.trim();
|
|
|
|
if (!name || !email || !subject || !question) {
|
|
alert("Please fill in all required fields.");
|
|
return;
|
|
}
|
|
|
|
submitBtn.disabled = true;
|
|
submitBtn.textContent = "Submitting...";
|
|
|
|
var formData = new FormData(form);
|
|
|
|
fetch(form.action, {
|
|
method: "POST",
|
|
body: formData,
|
|
})
|
|
.then(function (response) {
|
|
submitBtn.style.display = "none";
|
|
successDiv.classList.add("visible");
|
|
})
|
|
.catch(function (err) {
|
|
submitBtn.disabled = false;
|
|
submitBtn.textContent = "Submit";
|
|
alert("Could not submit form. Please try again or email us directly.");
|
|
});
|
|
});
|
|
</script>
|
|
<script
|
|
defer
|
|
src="https://static.odoo4projects.com/agent-odoo4projects/agent.js"
|
|
></script>
|
|
</body>
|
|
</html> |