Oliver/ODOO4projects.com
Public Access
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Oliver/ODOO4projects.com:feat/fix-4-15
Oliver/ODOO4projects.com:main Oliver/ODOO4projects.com:feat/odoo-hosting-2027 Oliver/ODOO4projects.com:copy/ai-agents-n8n Oliver/ODOO4projects.com:feat/add-agent-skills Oliver/ODOO4projects.com:feat/fix-4-15
...
compare: Oliver/ODOO4projects.com:04d39157b8f76e299b3eaed8ea7126953dada59c
Oliver/ODOO4projects.com:main Oliver/ODOO4projects.com:feat/odoo-hosting-2027 Oliver/ODOO4projects.com:copy/ai-agents-n8n Oliver/ODOO4projects.com:feat/add-agent-skills Oliver/ODOO4projects.com:feat/fix-4-15
14 Commits
feat/fix-4-15 ... 04d39157b8
Author SHA1 Message Date
oliver 04d39157b8 Buy Area 2026-10-08 17:28:26 -03:00
oliver 5cc0c06a11 Fix modal close + color 2026-10-08 16:29:57 -03:00
ODOO4projects Web Developer b003c221ce fix: Custom Quote modal text visibility and close button 
- Dark text (#171c26) for all form fields in modal on ivory background
- Explicit colors for labels, inputs, placeholders
- Close button (X) now visible with midnight background
 2026-10-08 18:52:55 +00:00
ODOO4projects Web Developer 79f2a71d49 feat: rename Rates & SUITES to Order & Pricing, add Custom Quote modal 
- Change section header to 'Order & Pricing'
- Add 'Get Custom Quote' button that opens modal with name, email, requirements fields
- Requirements field has placeholder: 'Describe your requirements (how many users? onsite, cloud? how many workers?)'
- Submit to https://n8n.odoo4projects.com/webhook/ODOO4projects/crm with UTM tracking
- Empire 'Get Custom Quote' button now opens modal instead of Order Widget
- Add CSS for modal overlay, form styling, and mobile responsiveness
 2026-10-08 17:39:08 +00:00
Reef 729289ef71 Publish blog post: 6 Tips to Leverage the Latest Odoo Management App Update 2026-10-08 15:50:04 +00:00
ODOO4projects Web Developer 06ed942f8b fix: correct trial location preselection after city-only values 
- options now use city values (saopaulo) instead of full hostnames
- preselect logic extracts city from bestServer.host before matching
 2026-10-06 22:48:35 +00:00
ODOO4projects Web Developer 3d1473a2d5 feat: add agent-skills JSON to homepage for free trial provisioning 
- includes spin_up_free_trial skill with MCP server reference
- defines six server locations (Manchester, Sydney, Mumbai, São Paulo, Meppel, Boston)
- provides workflow steps and clear instructions for conversational agents
 2026-10-06 22:46:11 +00:00
Reef e926f850f7 Publish blog post: Odoo 20 Is Live on Our Servers — With an MCP Server and Free Backups 2026-10-06 22:06:05 +00:00
ODOO4projects Web Developer eb142d1aa6 fix: location values now return city name only (saopaulo instead of api.saopaulo.odoo4projects.com) 2026-10-05 20:37:28 +00:00
ODOO4projects Web Developer 4d9becd159 feat: spinning-up widget for ?message=spinning_up URL param 2026-10-05 20:32:13 +00:00
ODOO4projects Web Developer 5f4c75e94f feat: store UTM params in cookies, inject into webhook payloads 2026-10-05 20:30:30 +00:00
ODOO4projects Web Developer d83d960543 email: professional HTML template for new trial signup confirmation 2026-10-05 20:01:52 +00:00
ODOO4projects Web Developer 9751bda35c copywriter: FAQ growth path & pricing outcome-based language 2026-10-05 19:57:16 +00:00
ODOO4projects Web Developer 3e899391d7 fix: change trial webhook to n8n.odoo4projects.com/webhook/ODOO4projects/trial 2026-10-05 19:18:51 +00:00
10 changed files with 806 additions and 69 deletions
Expand all files Collapse all files

No files matched your search

blog/index.json
+16
View File
@@ -1,5 +1,21 @@
{ {
"posts": [ "posts": [
{
"id": "6-tips-to-leverage-the-latest-odoo-management-app-update",
"date": "2026-10-08",
"area": "news",
"headline": "6 Tips to Leverage the Latest Odoo Management App Update",
"teaser": "We've just rolled out a major update to the management app preinstalled on your ODOO4project service. Along with a fresh",
"link": "blog/posts/6-tips-to-leverage-the-latest-odoo-management-app-update.html"
},
{
"id": "odoo-20-is-live-on-our-servers-with-an-mcp-server-and-free-backups",
"date": "2026-10-06",
"area": "news",
"headline": "Odoo 20 Is Live on Our Servers — With an MCP Server and Free Backups",
"teaser": "Two weeks. That is how long it took us to bring up Odoo 20 on our servers, with all of the new features that come with i",
"link": "blog/posts/odoo-20-is-live-on-our-servers-with-an-mcp-server-and-free-backups.html"
},
{ {
"id": "odoo-community-is-going-online-on-odoo4projects", "id": "odoo-community-is-going-online-on-odoo4projects",
"date": "2026-09-28", "date": "2026-09-28",
blog/posts/6-tips-to-leverage-the-latest-odoo-management-app-update.html
+72
View File
@@ -0,0 +1,72 @@
<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>6 Tips to Leverage the Latest Odoo Management App Update | ODOO4projects</title>
<meta name="description" content="We've just rolled out a major update to the management app preinstalled on your ODOO4project service. Along with a fresh new look, we've added several powe" />
<link rel="canonical" href="https://odoo4projects.com/blog/posts/6-tips-to-leverage-the-latest-odoo-management-app-update.html" />
<meta property="og:title" content="6 Tips to Leverage the Latest Odoo Management App Update" />
<meta property="og:description" content="We've just rolled out a major update to the management app preinstalled on your ODOO4project service. Along with a fresh new look, we've added several powe" />
<meta property="og:type" content="article" />
<meta property="og:image" content="https://image.office.odoo4projects.com/img/20_4server.png" />
<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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<link rel="stylesheet" href="../../style.css" />
<style>
body { background: #0d1b2e; }
.blog-post { max-width: 720px; margin: 0 auto; padding: 3rem 1.5rem 6rem; color: #171c26; background: #faf7f1; min-height: 100vh; }
.blog-post h1 { font-family: 'Marcellus', Georgia, serif; font-size: 2.4rem; font-weight: 400; margin: 0 0 0.5rem; color: #0d1b2e; }
.blog-post .post-meta { font-family: Inter, sans-serif; font-size: 0.82rem; color: rgba(23,28,38,0.6); margin-bottom: 2rem; }
.blog-post .post-meta .badge { display: inline-block; font-size: 0.68rem; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #c9a227; margin-right: 0.75rem; }
.blog-post .post-image { width: 100%; border-radius: 0.75rem; margin-bottom: 2rem; box-shadow: 0 2px 8px rgba(13,27,46,0.08); }
.blog-post p { font-family: Inter, sans-serif; font-size: 1rem; line-height: 1.7; margin-bottom: 1.2rem; }
.blog-post h2 { font-family: 'Marcellus', Georgia, serif; font-size: 1.6rem; font-weight: 400; margin: 2rem 0 0.75rem; color: #0d1b2e; }
.blog-post h3 { font-family: 'Marcellus', Georgia, serif; font-size: 1.25rem; font-weight: 400; margin: 1.5rem 0 0.5rem; color: #0d1b2e; }
.blog-post ul, .blog-post ol { font-family: Inter, sans-serif; font-size: 1rem; line-height: 1.7; margin-bottom: 1.2rem; padding-left: 1.5rem; }
.blog-post li { margin-bottom: 0.3rem; }
.blog-post a { color: #8a6f1f; text-decoration: underline; }
.blog-post strong { font-weight: 600; }
.blog-post blockquote { border-left: 3px solid #c9a227; padding-left: 1rem; margin-left: 0; color: rgba(23,28,38,0.7); font-style: italic; }
.back-link { display: inline-block; margin-top: 2rem; font-family: 'Marcellus', Georgia, serif; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.04em; color: #c9a227; text-decoration: none; }
.back-link:hover { text-decoration: underline; }
@media (max-width: 600px) { .blog-post h1 { font-size: 1.7rem; } .blog-post { padding: 2rem 1rem 4rem; } }
</style>
</head>
<body>
<main class="blog-post">
<span class="badge">news</span>
<h1>6 Tips to Leverage the Latest Odoo Management App Update</h1>
<div class="post-meta">Oct 08, 2026</div>
<img src="https://image.office.odoo4projects.com/img/20_4server.png" alt="6 Tips to Leverage the Latest Odoo Management App Update" class="post-image" loading="lazy" />
<div class="post-body">
<p>We've just rolled out a major update to the management app preinstalled on your ODOO4project service. Along with a fresh new look, we've added several powerful features to make managing your Odoo hosting easier. Here are six practical tips to help you get the most out of them.</p>
<h3>1. Automate hosting tasks with the new MCP server</h3>
<p>The new MCP server lets your agent control your Odoo hosting directly. You can restart the server, upload modules, add or check domains, manage backups, and read logfiles—all without manual intervention. <strong>Tip:</strong> Configure your agent to handle routine maintenance so you can focus on development.</p>
<h3>2. Download and archive logfiles for easier troubleshooting</h3>
<p>You can now download and archive logfiles directly from the app. <strong>Tip:</strong> When debugging an issue, download the relevant logfile to analyze it locally. Archive older logs regularly to keep your system organized and reduce clutter.</p>
<h3>3. Take advantage of the free backup schema</h3>
<p>We've added a free backup schema for everyone to improve data security. <strong>Tip:</strong> Make sure backups are scheduled and test restoring from a backup occasionally to ensure your data is safe.</p>
<h3>4. Explore the improved AI server management backend</h3>
<p>The AI server management backend has been upgraded. <strong>Tip:</strong> Spend a few minutes navigating the new interface—you'll find streamlined workflows that make server management more intuitive.</p>
<h3>5. Install modules faster with improved GIT support</h3>
<p>Module installation via GIT has been improved. <strong>Tip:</strong> Use GIT to install or update modules more efficiently, especially when you need to manage versions or deploy across multiple environments.</p>
<h3>6. Get instant help from the AI support bot</h3>
<p>Our AI support bot has also been improved. <strong>Tip:</strong> When you run into a question, ask the bot first—it's a quick way to get answers without leaving your workflow.</p>
<p>These updates are designed to save you time and give you more control over your Odoo hosting. Ready to try them out? <a href="https://ODOO4projects.com">Start your free trial on ODOO4projects.com</a>.</p>
</div>
<a href="../../index.html#blog" class="back-link">&larr; Back to the Blog</a>
</main>
</body>
</html>
blog/posts/odoo-20-is-live-on-our-servers-with-an-mcp-server-and-free-backups.html
+52
View File
@@ -0,0 +1,52 @@
<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Odoo 20 Is Live on Our Servers — With an MCP Server and Free Backups | ODOO4projects</title>
<meta name="description" content="Two weeks. That is how long it took us to bring up Odoo 20 on our servers, with all of the new features that come with it. It is live now.But the version u" />
<link rel="canonical" href="https://odoo4projects.com/blog/posts/odoo-20-is-live-on-our-servers-with-an-mcp-server-and-free-backups.html" />
<meta property="og:title" content="Odoo 20 Is Live on Our Servers — With an MCP Server and Free Backups" />
<meta property="og:description" content="Two weeks. That is how long it took us to bring up Odoo 20 on our servers, with all of the new features that come with it. It is live now.But the version u" />
<meta property="og:type" content="article" />
<meta property="og:image" content="https://image.office.odoo4projects.com/img/ODOO_20_chatter.png" />
<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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<link rel="stylesheet" href="../../style.css" />
<style>
body { background: #0d1b2e; }
.blog-post { max-width: 720px; margin: 0 auto; padding: 3rem 1.5rem 6rem; color: #171c26; background: #faf7f1; min-height: 100vh; }
.blog-post h1 { font-family: 'Marcellus', Georgia, serif; font-size: 2.4rem; font-weight: 400; margin: 0 0 0.5rem; color: #0d1b2e; }
.blog-post .post-meta { font-family: Inter, sans-serif; font-size: 0.82rem; color: rgba(23,28,38,0.6); margin-bottom: 2rem; }
.blog-post .post-meta .badge { display: inline-block; font-size: 0.68rem; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #c9a227; margin-right: 0.75rem; }
.blog-post .post-image { width: 100%; border-radius: 0.75rem; margin-bottom: 2rem; box-shadow: 0 2px 8px rgba(13,27,46,0.08); }
.blog-post p { font-family: Inter, sans-serif; font-size: 1rem; line-height: 1.7; margin-bottom: 1.2rem; }
.blog-post h2 { font-family: 'Marcellus', Georgia, serif; font-size: 1.6rem; font-weight: 400; margin: 2rem 0 0.75rem; color: #0d1b2e; }
.blog-post h3 { font-family: 'Marcellus', Georgia, serif; font-size: 1.25rem; font-weight: 400; margin: 1.5rem 0 0.5rem; color: #0d1b2e; }
.blog-post ul, .blog-post ol { font-family: Inter, sans-serif; font-size: 1rem; line-height: 1.7; margin-bottom: 1.2rem; padding-left: 1.5rem; }
.blog-post li { margin-bottom: 0.3rem; }
.blog-post a { color: #8a6f1f; text-decoration: underline; }
.blog-post strong { font-weight: 600; }
.blog-post blockquote { border-left: 3px solid #c9a227; padding-left: 1rem; margin-left: 0; color: rgba(23,28,38,0.7); font-style: italic; }
.back-link { display: inline-block; margin-top: 2rem; font-family: 'Marcellus', Georgia, serif; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.04em; color: #c9a227; text-decoration: none; }
.back-link:hover { text-decoration: underline; }
@media (max-width: 600px) { .blog-post h1 { font-size: 1.7rem; } .blog-post { padding: 2rem 1rem 4rem; } }
</style>
</head>
<body>
<main class="blog-post">
<span class="badge">News</span>
<h1>Odoo 20 Is Live on Our Servers — With an MCP Server and Free Backups</h1>
<div class="post-meta">Oct 06, 2026</div>
<img src="https://image.office.odoo4projects.com/img/ODOO_20_chatter.png" alt="Odoo 20 Is Live on Our Servers — With an MCP Server and Free Backups" class="post-image" loading="lazy" />
<div class="post-body">
<p>Two weeks. That is how long it took us to bring up Odoo 20 on our servers, with all of the new features that come with it. It is live now.</p><p>But the version upgrade is not the whole story. Alongside it, we shipped a set of updates to our management console — the place where you manage your Odoo hosting from inside Odoo itself.</p><h2>An MCP Server for Your Agent</h2><p>The biggest addition is an MCP server that lets your agent control your Odoo hosting directly. That means an agent can:</p><ul><li>Restart the server</li><li>Upload modules</li><li>Add and check domains</li><li>Manage your backups</li><li>Read the logfiles</li></ul><p>Instead of clicking through menus to handle routine hosting tasks, you can hand them to an agent and stay focused on your actual work.</p><h2>Logfiles You Can Keep</h2><p>Logfiles can now be downloaded and archived. When something needs investigating, you can pull the logs and hold on to them, rather than scrolling through a live view and hoping the relevant lines are still there by the time you look.</p><h2>Free Backups for Everyone</h2><p>We also added a free backup scheme for every customer. Backups are the least glamorous part of hosting and the one you miss most when they are gone. Having a baseline in place for everyone meaningfully improves data security across the board.</p><h2>Better AI Server Management</h2><p>Finally, we improved our AI server management backend — the layer that connects the agent-facing tools to the underlying hosting infrastructure. It is now more capable and better suited to the way these tools are actually used.</p><h2>What It Adds Up To</h2><p>Odoo 20 running on our servers, a console that manages your Odoo from within Odoo, an MCP server that opens hosting tasks up to your agent, downloadable and archivable logfiles, a free backup scheme, and a stronger AI management backend. All of it is available now.</p><p>Take a look at our homepage and sign up for a trial to see how it works in practice.</p>
</div>
<a href="../../index.html#blog" class="back-link">&larr; Back to the Blog</a>
</main>
</body>
</html>
email/trial-confirmation.html
+206
View File
@@ -0,0 +1,206 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Confirm your email to get your Odoo instance</title>
<style>
* { box-sizing: border-box; }
body {
margin: 0;
padding: 0;
background: #f4f0e8;
font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
line-height: 1.6;
color: #0d1b2e;
}
table { width: 100%; border-collapse: collapse; }
.container {
max-width: 600px;
margin: 0 auto;
background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.header {
background: #0d1b2e;
color: #fff;
padding: 32px 24px;
text-align: center;
}
.brand {
font-family: Marcellus, serif;
font-size: 28px;
font-weight: 700;
letter-spacing: -0.5px;
margin: 0;
}
.content { padding: 32px 24px; }
h1 {
font-family: Marcellus, serif;
font-size: 26px;
margin: 0 0 16px 0;
color: #0d1b2e;
}
p { margin: 0 0 16px 0; color: #162a45; }
.highlight {
background: rgba(201,162,39,0.08);
padding: 12px 16px;
border-radius: 6px;
border-left: 3px solid #c9a227;
margin: 16px 0;
}
.cta {
display: inline-block;
background: #c9a227;
color: #fff;
padding: 14px 28px;
text-decoration: none;
border-radius: 6px;
font-weight: 600;
margin: 24px 0;
font-size: 16px;
}
.cta:hover { background: #b38f22; }
.steps { margin: 24px 0; }
.step {
display: flex;
align-items: flex-start;
margin-bottom: 16px;
}
.step-number {
background: #0d1b2e;
color: #fff;
width: 28px;
height: 28px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
margin-right: 12px;
flex-shrink: 0;
}
.step-content { flex: 1; }
.step h3 { margin: 0 0 4px 0; font-size: 16px; color: #0d1b2e; }
.step p { margin: 0; font-size: 14px; color: #162a45; }
.footer {
background: #f4f0e8;
padding: 24px;
border-top: 1px solid #e8e2d4;
font-size: 13px;
color: #162a45;
}
.footer p { margin: 0 0 8px 0; }
.footer a { color: #c9a227; text-decoration: underline; }
.support {
margin-top: 24px;
padding: 16px;
background: rgba(13,27,46,0.05);
border-radius: 6px;
text-align: center;
}
.support a { color: #0d1b2e; font-weight: 600; text-decoration: none; }
.support a:hover { text-decoration: underline; }
.unsubscribe { margin-top: 8px; color: #6b7b8c; }
.unsubscribe a { color: #6b7b8c; text-decoration: underline; }
@media (max-width: 600px) {
.container { border-radius: 0; }
.header { padding: 24px 16px; }
.content { padding: 24px 16px; }
h1 { font-size: 22px; }
.cta { padding: 12px 20px; font-size: 15px; }
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center">
<table class="container" cellpadding="0" cellspacing="0" border="0">
<!-- Header -->
<tr>
<td class="header">
<h1 class="brand">ODOO4projects</h1>
<p style="font-size: 14px; margin-top: 8px; opacity: 0.85;">Odoo Community Managed Hosting</p>
</td>
</tr>
<!-- Main Content -->
<tr>
<td class="content">
<h1>Confirm your email to get your Odoo instance</h1>
<p>Thanks for signing up for the 30-day free trial of Odoo Community V20 hosting.</p>
<p>Your Odoo instance is waiting to be launched. Confirm your email address and we'll spin it up immediately.</p>
<!-- Confirmation CTA -->
<center>
<a class="cta" href="https://odoo4projects.com/trial/confirm?token=USER_TOKEN">Confirm Email</a>
</center>
<div class="highlight">
<strong>What happens next:</strong> We'll email your login credentials once your instance is ready.
</div>
<!-- Steps -->
<div class="steps">
<div class="step">
<div class="step-number">1</div>
<div class="step-content">
<h3>Confirm email</h3>
<p>Click the button above to verify your address and start your Odoo V20 instance.</p>
</div>
</div>
<div class="step">
<div class="step-number">2</div>
<div class="step-content">
<h3>Instance spins up</h3>
<p>We provision your Odoo Community V20 server automatically. Usually takes 2-5 minutes.</p>
</div>
</div>
<div class="step">
<div class="step-number">3</div>
<div class="step-content">
<h3>Login credentials</h3>
<p>We email your URL, username, and temporary password. You can change them right away.</p>
</div>
</div>
</div>
<p><strong>What you get in this trial:</strong></p>
<ul>
<li>Odoo Community V20 — fully featured, open-source ERP</li>
<li>Automatic backups and SSL certificate</li>
<li>Domain mapping (use your own domain or our free subdomain)</li>
<li>No credit card required</li>
</ul>
<div class="support">
<p>Questions? Reply to this email or contact us directly:</p>
<p><a href="mailto:support@odoo4projects.com">support@odoo4projects.com</a></p>
</div>
</td>
</tr>
<!-- Footer -->
<tr>
<td class="footer">
<p><strong>ODOO4projects</strong> — Smart, scalable business solutions</p>
<p>
<a href="https://odoo4projects.com/legal/privacy">Privacy</a> &bull;
<a href="https://odoo4projects.com/legal/terms">Terms</a> &bull;
<a href="https://odoo4projects.com/contactus">Contact</a>
</p>
<p class="unsubscribe">
<a href="https://odoo4projects.com/unsubscribe?token=USER_TOKEN">Unsubscribe</a> from these emails
</p>
<p style="margin-top: 8px; opacity: 0.7;">&copy; 2024 ODOO4projects LLC. All rights reserved.</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
images/upload_20261008_180119_1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

index.html
+167 -41
View File
@@ -30,6 +30,63 @@
] ]
} }
</script> </script>
<script type="application/json" id="agent-skills">
{
"skills": [
{
"name": "spin_up_free_trial",
"description": "Spin up a free trial of ODOO4projects.",
"when_to_use": [
"User wants to create an ODOO4projects free trial",
"User asks to spin up or provision a trial",
"User asks to try ODOO4projects"
],
"offer": {
"type": "free_trial",
"available": true
},
"mcp": {
"server": "https://n8n.odoo4projects.com/mcp/trial"
},
"server_locations": [
{
"name": "Manchester",
"id": "manchester"
},
{
"name": "Sydney",
"id": "sydney"
},
{
"name": "Mumbai",
"id": "mumbai"
},
{
"name": "São Paulo",
"id": "sao-paulo"
},
{
"name": "Meppel",
"id": "meppel"
},
{
"name": "Boston",
"id": "boston"
}
],
"workflow": [
"Use the ODOO4projects trial MCP server to create the free trial.",
"If the user specifies a server location, use that location.",
"If no server location is specified, ask the user which available location they prefer.",
"After signup, the user will receive a confirmation email.",
"The user must confirm the trial using the confirmation email.",
"After the trial is confirmed, the user will receive their ODOO4projects credentials."
],
"instruction": "When the user requests a free trial, use the ODOO4projects trial MCP server to provision it. Do not claim that the trial is fully activated until the required email confirmation has been completed. Explain that the user will receive a confirmation email after signup and, once confirmed, will receive their credentials."
}
]
}
</script>
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin /> <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin />
@@ -124,7 +181,27 @@
.oca-icon-link:hover{color:var(--brass-bright);transform:scale(1.2)} .oca-icon-link:hover{color:var(--brass-bright);transform:scale(1.2)}
.oca-empty{text-align:center;padding:2rem;color:rgba(255,255,255,.4);font-style:italic;display:none} .oca-empty{text-align:center;padding:2rem;color:rgba(255,255,255,.4);font-style:italic;display:none}
.oca-loading{text-align:center;padding:2rem;color:rgba(255,255,255,.4);font-size:.88rem} .oca-loading{text-align:center;padding:2rem;color:rgba(255,255,255,.4);font-size:.88rem}
@media(max-width:600px){.oca-table td,.oca-table th{padding:.5rem .65rem;font-size:.8rem}} /* Custom Quote Modal */
.ow-sub{font-size:.95rem;color:var(--midnight);margin-bottom:1.5rem}
.ow-panel input[type="text"],.ow-panel textarea{width:100%;padding:.8rem 1rem;border-radius:var(--radius);border:1px solid var(--line-brass);background:rgba(255,255,255,.05);color:#171c26;font-family:Inter,sans-serif;font-size:.88rem;outline:none;transition:border-color .2s,background .2s;box-sizing:border-box}
.ow-panel input[type="text"]:focus,.ow-panel textarea:focus{border-color:var(--brass);background:rgba(255,255,255,.08)}
.ow-panel textarea{min-height:100px;resize:vertical}
.ow-panel textarea::placeholder{color:rgba(23,28,38,.3)}
.ow-panel input[type="email"]::placeholder{color:rgba(23,28,38,.3)}
.ow-close{background:var(--midnight);border:1px solid var(--line);color:#fff;font-size:2rem;cursor:pointer;line-height:1;position:absolute;right:1rem;top:1rem;transition:color .2s,background .2s;border-radius:var(--radius);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}
.ow-close:hover{color:var(--brass);background:var(--midnight-2)}
/* Custom Quote Modal overrides for biz-field inside ow-panel */
#customQuoteModal .biz-field label{color:#171c26}
#customQuoteModal .biz-field textarea{color:#171c26}
#customQuoteModal .biz-field textarea::placeholder{color:rgba(23,28,38,.3)}
#customQuoteModal .biz-field input[type="email"]{color:#171c26}
#customQuoteModal .biz-field input[type="email"]::placeholder{color:rgba(23,28,38,.3)}
#customQuoteModal .biz-field input[type="text"]{color:#171c26}
#customQuoteModal .biz-field input[type="text"]::placeholder{color:rgba(23,28,38,.3)}
/* Success message sits on the light modal panel, so it needs dark text (the global .biz-success rules target the dark wizard section) */
#customQuoteModal .biz-success h3{color:var(--midnight)}
#customQuoteModal .biz-success p{color:var(--midnight)}
@media(max-width:600px){.oca-table td,.oca-table th{padding:.5rem .65rem;font-size:.8rem}.ow-panel{left:5%;right:5%}.ow-close{top:.5rem;right:.5rem;font-size:1.6rem}}
</style> </style>
<link rel="stylesheet" href="style.css" media="print" onload="this.media='all'" /> <link rel="stylesheet" href="style.css" media="print" onload="this.media='all'" />
<noscript><link rel="stylesheet" href="style.css" /></noscript> <noscript><link rel="stylesheet" href="style.css" /></noscript>
@@ -134,14 +211,14 @@
THESIS: The homepage as a global business lounge concierge desk — midnight blue, brass, marble, city placards for the six regions. The category default (hero + feature grid + pricing grid) is reframed as hospitality: the visitor checks in, reads the rate card, and books a suite. THESIS: The homepage as a global business lounge concierge desk — midnight blue, brass, marble, city placards for the six regions. The category default (hero + feature grid + pricing grid) is reframed as hospitality: the visitor checks in, reads the rate card, and books a suite.
OWN-WORLD: Midnight blue (#0d1b2e) ground, brass (#c9a227) for every accent and CTA, cream (#f4f0e8) for light surfaces. Marcellus serif for display, Inter for body. Six city photos (Amsterdam, Boston, London, Mumbai, São Paulo, Sydney) as circular placards. Hairline brass rules. Concierge-card features. OWN-WORLD: Midnight blue (#0d1b2e) ground, brass (#c9a227) for every accent and CTA, cream (#f4f0e8) for light surfaces. Marcellus serif for display, Inter for body. Six city photos (Amsterdam, Boston, London, Mumbai, São Paulo, Sydney) as circular placards. Hairline brass rules. Concierge-card features.
STORY: The visitor understands: "I can deploy Odoo in 5 minutes, globally, without DevOps. This is enterprise-grade, but the concierge handles everything." They believe it from the city photos (real regions), the partner logos, the brass CTA, and the "No setup fee. Stripe Payment. Cancel at any time" footer. STORY: The visitor understands: "I can deploy Odoo in 5 minutes, globally, without DevOps. This is enterprise-grade, but the concierge handles everything." They believe it from the city photos (real regions), the partner logos, the brass CTA, and the "No setup fee. Stripe Payment. Cancel at any time" footer.
FIRST VIEWPORT: Midnight hero with faint Amsterdam skyline. Brass kicker "FULLY MANAGED ODOO HOSTING". Large serif h1 "Deploy Odoo in 5 Minutes — Fully Managed Hosting". Stats row with brass checks. Brass CTA button "See Plans & Pricing" + ghost "How It Works". Bottom: six city placards (photo + name + region) in a horizontal strip. FIRST VIEWPORT: Midnight hero with faint Amsterdam skyline. Brass kicker "FULLY MANAGED ODOO COMMUNITY HOSTING". Large serif h1 "Deploy Odoo in 5 Minutes — Fully Managed Hosting". Stats row with brass checks. Brass CTA button "See Plans & Pricing" + ghost "How It Works". Bottom: six city placards (photo + name + region) in a horizontal strip.
FORM: The Grand Hotel Business Lounge (model-pick, user-chosen). Seed key: 7db4dced. FORM: The Grand Hotel Business Lounge (model-pick, user-chosen). Seed key: 7db4dced.
FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review, the verdict, and DESIGN.md. FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review, the verdict, and DESIGN.md.
--> -->
<!-- Hero --> <!-- Hero -->
<section class="hero"> <section class="hero">
<div class="container"> <div class="container">
<div class="hero-kicker">Fully Managed Odoo Hosting</div> <div class="hero-kicker">Fully Managed Odoo Community Hosting</div>
<h1>Deploy Odoo in <span>5 Minutes</span> — Fully Managed Hosting</h1> <h1>Deploy Odoo in <span>5 Minutes</span> — Fully Managed Hosting</h1>
<p class="hero-sub">Launch a production-ready Odoo Community instance with automatic backups, free SSL, and Git-based module management. No DevOps required.</p> <p class="hero-sub">Launch a production-ready Odoo Community instance with automatic backups, free SSL, and Git-based module management. No DevOps required.</p>
<div class="hero-stats"> <div class="hero-stats">
@@ -157,6 +234,18 @@
</div> </div>
</section> </section>
<!-- Spinning Up Widget (shown when ?message=spinning_up) -->
<section class="spinning-up" id="spinningUp" style="display:none;">
<div class="container">
<div class="spinning-card">
<i class="fas fa-cog fa-spin"></i>
<h3>Spinning up your Odoo instance</h3>
<p>We're provisioning your Odoo Community V20 server. This usually takes 2-5 minutes.</p>
<p class="spinning-note">You'll receive an email with your login credentials once it's ready.</p>
</div>
</div>
</section>
<!-- Server Status Banner --> <!-- Server Status Banner -->
<section class="server-banner" id="serverBanner"> <section class="server-banner" id="serverBanner">
<div class="container"> <div class="container">
@@ -243,25 +332,25 @@
<div class="container"> <div class="container">
<h2 class="section-title">Frequently asked questions</h2> <h2 class="section-title">Frequently asked questions</h2>
<div class="faq-grid"> <div class="faq-grid">
<div class="faq-card" onclick="this.classList.toggle('open')">
<div class="faq-q"><span>How fast can I get started?</span> <i class="fas fa-chevron-down"></i></div>
<div class="faq-a"><p>Pick a plan, choose your region — your instance is live in under 5 minutes. No setup fee. Stripe Payment. Cancel at any time</p></div>
</div>
<div class="faq-card" onclick="this.classList.toggle('open')">
<div class="faq-q"><span>Can I install custom modules?</span> <i class="fas fa-chevron-down"></i></div>
<div class="faq-a"><p>Yes. Starting with On the Rise we fully support Git-based modules. Quick Git is included for one-click installs.</p></div>
</div>
<div class="faq-card" onclick="this.classList.toggle('open')"> <div class="faq-card" onclick="this.classList.toggle('open')">
<div class="faq-q"><span>What if I outgrow my plan?</span> <i class="fas fa-chevron-down"></i></div> <div class="faq-q"><span>What if I outgrow my plan?</span> <i class="fas fa-chevron-down"></i></div>
<div class="faq-a"><p>Upgrade instantly from your Odoo Settings panel. No data migration, no downtime.</p></div> <div class="faq-a"><p>Grow from Side Hustle to Empire without data migration or downtime. Upgrade in your Odoo Settings panel — your instance stays live, your data moves with you.</p></div>
</div>
<div class="faq-card" onclick="this.classList.toggle('open')">
<div class="faq-q"><span>Can I customize it?</span> <i class="fas fa-chevron-down"></i></div>
<div class="faq-a"><p>Yes. On the Rise and above support Git-based modules. Install custom apps, build your own, or use Quick GIT for one-click installs.</p></div>
</div>
<div class="faq-card" onclick="this.classList.toggle('open')">
<div class="faq-q"><span>How fast can I get started?</span> <i class="fas fa-chevron-down"></i></div>
<div class="faq-a"><p>Five minutes. Pick a plan, choose your region — your Odoo instance is live. No setup fee. Stripe payment. Cancel anytime.</p></div>
</div> </div>
<div class="faq-card" onclick="this.classList.toggle('open')"> <div class="faq-card" onclick="this.classList.toggle('open')">
<div class="faq-q"><span>Can I run Odoo Enterprise?</span> <i class="fas fa-chevron-down"></i></div> <div class="faq-q"><span>Can I run Odoo Enterprise?</span> <i class="fas fa-chevron-down"></i></div>
<div class="faq-a"><p>Powerhouse and above are Enterprise-ready. You bring your license; we provide the infrastructure.</p></div> <div class="faq-a"><p>Powerhouse and Empire are Enterprise-ready. Bring your license; we provide the infrastructure.</p></div>
</div> </div>
<div class="faq-card" onclick="this.classList.toggle('open')"> <div class="faq-card" onclick="this.classList.toggle('open')">
<div class="faq-q"><span>ODOO Community? What can it do?</span> <i class="fas fa-chevron-down"></i></div> <div class="faq-q"><span>ODOO Community? What can it do?</span> <i class="fas fa-chevron-down"></i></div>
<div class="faq-a"><p>Inventory, accounting, CRM, sales, manufacturing, HR, and more — all in one system. Community is free and fully open-source.</p></div> <div class="faq-a"><p>Inventory, accounting, CRM, sales, manufacturing, HR — all in one system. Free and fully open-source.</p></div>
</div> </div>
<div class="faq-card" onclick="this.classList.toggle('open')"> <div class="faq-card" onclick="this.classList.toggle('open')">
<div class="faq-q"><span>Do you have an affiliate program?</span> <i class="fas fa-chevron-down"></i></div> <div class="faq-q"><span>Do you have an affiliate program?</span> <i class="fas fa-chevron-down"></i></div>
@@ -275,15 +364,15 @@
<!-- Pricing --> <!-- Pricing -->
<section class="section-dark" id="pricing"> <section class="section-dark" id="pricing">
<div class="container"> <div class="container">
<p class="section-kicker">Rates &amp; Suites</p> <p class="section-kicker">Order & Pricing</p>
<h2 class="section-title">Your Plan, Your Timing: Upgrade Anytime</h2> <h2 class="section-title">Your Plan, Your Timing: Upgrade Anytime</h2>
<div class="pricing-server-row"> <div class="pricing-server-row">
<label for="pricingServerLocation">Server Location</label> <label for="pricingServerLocation">Server Location</label>
<select id="pricingServerLocation" class="pricing-server-select"></select> <select id="pricingServerLocation" class="pricing-server-select"></select>
<label for="pricingOdooVersion">Odoo Version</label> <label for="pricingOdooVersion">Odoo Version</label>
<select id="pricingOdooVersion" class="pricing-server-select"> <select id="pricingOdooVersion" class="pricing-server-select">
<option value="19.0">19.0 &mdash; Tons of OCA supported modules</option> <option value="19.0">19.0 — Tons of OCA supported modules</option>
<option value="20.0">20.0 &mdash; Latest Greatest</option> <option value="20.0" selected>20.0 — Latest Greatest</option>
</select> </select>
</div> </div>
<div class="pricing-grid"> <div class="pricing-grid">
@@ -296,12 +385,12 @@
<small class="price-period">/ year</small> <small class="price-period">/ year</small>
<div class="price-save">Save 8%</div> <div class="price-save">Save 8%</div>
</div> </div>
<p class="desc">&ldquo;ODOO Standard .. that is all my business needs&rdquo;</p> <p class="desc">"ODOO Standard .. that is all my business needs"</p>
<a href="javascript:void(0)" class="btn btn-brass btn-buy" data-id="54">Buy Now</a> <a href="javascript:void(0)" class="btn btn-brass btn-buy" data-id="6">Buy Now</a>
<ul> <ul>
<li><i class="fas fa-check" style="color: var(--success)"></i> ODOO CE Hosting</li> <li><i class="fas fa-check" style="color: var(--success)"></i> Launch Odoo CE in 5 minutes</li>
<li><i class="fas fa-check" style="color: var(--success)"></i> Automatic Backups</li> <li><i class="fas fa-check" style="color: var(--success)"></i> Automatic backups — no remembering</li>
<li><i class="fas fa-check" style="color: var(--success)"></i> Domain Mapping, SSL Cert</li> <li><i class="fas fa-check" style="color: var(--success)"></i> Domain mapping & SSL cert</li>
</ul> </ul>
</div> </div>
<div class="pcard-foot">No setup fee. Stripe Payment<br />Cancel at any time</div> <div class="pcard-foot">No setup fee. Stripe Payment<br />Cancel at any time</div>
@@ -315,13 +404,13 @@
<small class="price-period">/ year</small> <small class="price-period">/ year</small>
<div class="price-save">Save 9%</div> <div class="price-save">Save 9%</div>
</div> </div>
<p class="desc">&ldquo;I need some modules and professional reports&rdquo;</p> <p class="desc">"I need some modules and professional reports"</p>
<a href="javascript:void(0)" class="btn btn-brass btn-buy" data-id="55">Buy Now</a> <a href="javascript:void(0)" class="btn btn-brass btn-buy" data-id="4">Buy Now</a>
<ul> <ul>
<li><i class="fas fa-check" style="color: var(--success)"></i> ODOO CE Hosting</li> <li><i class="fas fa-check" style="color: var(--success)"></i> Launch Odoo CE in 5 minutes</li>
<li><i class="fas fa-check" style="color: var(--success)"></i> Automatic Backups</li> <li><i class="fas fa-check" style="color: var(--success)"></i> Automatic backups — no remembering</li>
<li><i class="fas fa-check" style="color: var(--success)"></i> Domain Mapping, SSL Cert</li> <li><i class="fas fa-check" style="color: var(--success)"></i> Domain mapping & SSL cert</li>
<li><i class="fas fa-check" style="color: var(--success)"></i> Module installation via GIT / quickGIT</li> <li><i class="fas fa-check" style="color: var(--success)"></i> Install custom modules via Git/QuickGIT</li>
</ul> </ul>
</div> </div>
<div class="pcard-foot">No setup fee. Stripe Payment<br />Cancel at any time</div> <div class="pcard-foot">No setup fee. Stripe Payment<br />Cancel at any time</div>
@@ -335,15 +424,14 @@
<small class="price-period">/ year</small> <small class="price-period">/ year</small>
<div class="price-save">Save 10%</div> <div class="price-save">Save 10%</div>
</div> </div>
<p class="desc">&ldquo;ODOO Enterprise is a must have!&rdquo;</p> <p class="desc">"ODOO Enterprise is a must have!"</p>
<a href="javascript:void(0)" class="btn btn-brass btn-buy" data-id="56">Buy Now</a> <a href="javascript:void(0)" class="btn btn-brass btn-buy" data-id="5">Buy Now</a>
<ul> <ul>
<li><i class="fas fa-check" style="color: var(--success)"></i> ODOO CE Hosting</li> <li><i class="fas fa-check" style="color: var(--success)"></i> Launch Odoo CE in 5 minutes</li>
<li><i class="fas fa-check" style="color: var(--success)"></i> Automatic Backups</li> <li><i class="fas fa-check" style="color: var(--success)"></i> Automatic backups — no remembering</li>
<li><i class="fas fa-check" style="color: var(--success)"></i> 3 Domain Mapping, SSL Cert</li> <li><i class="fas fa-check" style="color: var(--success)"></i> 3 domains & SSL certs</li>
<li><i class="fas fa-check" style="color: var(--success)"></i> Module installation via GIT / quickGIT</li> <li><i class="fas fa-check" style="color: var(--success)"></i> Install custom modules via Git/QuickGIT</li>
<li><i class="fas fa-check" style="color: var(--success)"></i> 2 Workers</li> <li><i class="fas fa-check" style="color: var(--success)"></i> 2 workers for reliability</li>
<li><i class="fas fa-check" style="color: var(--success)"></i> 2GB HDD</li>
</ul> </ul>
</div> </div>
<div class="pcard-foot">No setup fee. Stripe Payment<br />Cancel at any time</div> <div class="pcard-foot">No setup fee. Stripe Payment<br />Cancel at any time</div>
@@ -357,13 +445,13 @@
<small class="price-period">/ year</small> <small class="price-period">/ year</small>
<div class="price-save"></div> <div class="price-save"></div>
</div> </div>
<p class="desc">&ldquo;My house! My Horse! My Server!&rdquo;</p> <p class="desc">"My house! My Horse! My Server!"</p>
<a href="javascript:void(0)" class="btn btn-brass btn-empire" data-plan="Empire" data-price="950.00" data-is-empire="true">Get Custom Quote</a> <a href="javascript:void(0)" class="btn btn-brass btn-empire">Get Custom Quote</a>
<ul> <ul>
<li><i class="fas fa-check" style="color: var(--success)"></i> Our service on your server</li> <li><i class="fas fa-check" style="color: var(--success)"></i> Our service on your server</li>
<li><i class="fas fa-check" style="color: var(--success)"></i> All modules &amp; features</li> <li><i class="fas fa-check" style="color: var(--success)"></i> All modules & features</li>
<li><i class="fas fa-check" style="color: var(--success)"></i> Unlimited customization</li> <li><i class="fas fa-check" style="color: var(--success)"></i> Unlimited customization</li>
<li><i class="fas fa-check" style="color: var(--success)"></i> Priority support &amp; dedicated onboarding</li> <li><i class="fas fa-check" style="color: var(--success)"></i> Priority support & dedicated onboarding</li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -407,6 +495,37 @@
</div> </div>
</div> </div>
<!-- Custom Quote Modal -->
<div id="customQuoteModal" class="ow-overlay" onclick="if(event.target===this)closeCustomQuoteModal()">
<div id="customQuotePanel" class="ow-panel" style="display:none">
<button class="ow-close" onclick="closeCustomQuoteModal()">&times;</button>
<div class="ow-content">
<h2 class="ow-title">Get Custom Quote</h2>
<p class="ow-sub">Tell us about your needs and we'll prepare a tailored offer.</p>
<form id="customQuoteForm" class="biz-form" style="text-align:left">
<div class="biz-field">
<label for="cqName">Name</label>
<input type="text" id="cqName" placeholder="Your full name" required />
</div>
<div class="biz-field">
<label for="cqEmail">Email</label>
<input type="email" id="cqEmail" placeholder="your@email.com" required />
</div>
<div class="biz-field">
<label for="cqRequirements">Your Requirements</label>
<textarea id="cqRequirements" placeholder="Describe your requirements (how many users? onsite, cloud? how many workers?)" required></textarea>
</div>
<button type="submit" class="btn btn-brass btn-lg">Submit Request</button>
</form>
<div class="biz-success" id="customQuoteSuccess" style="display:none">
<i class="fas fa-check-circle"></i>
<h3>Request received</h3>
<p>We'll review your requirements and get back to you shortly.</p>
</div>
</div>
</div>
</div>
<!-- Blog --> <!-- Blog -->
<section class="blog-section blog-section-light" id="blog"> <section class="blog-section blog-section-light" id="blog">
<div class="container"> <div class="container">
@@ -510,7 +629,6 @@
<h4>About us</h4> <h4>About us</h4>
<p>We build smart, scalable business solutions by combining the <strong>stability</strong> of Odoo ERP with the <strong>power</strong> of AI and N8N automation.</p> <p>We build smart, scalable business solutions by combining the <strong>stability</strong> of Odoo ERP with the <strong>power</strong> of AI and N8N automation.</p>
<p>From streamlined sales to global rollouts, our <strong>lean, eco-friendly</strong> approach helps businesses cut costs, boost efficiency, and grow without limits.</p> <p>From streamlined sales to global rollouts, our <strong>lean, eco-friendly</strong> approach helps businesses cut costs, boost efficiency, and grow without limits.</p>
<p><a href="mailto:support@odoo4projects.com" class="footer-email">support@odoo4projects.com</a></p>
</div> </div>
<div> <div>
<h4>Follow us on</h4> <h4>Follow us on</h4>
@@ -518,6 +636,14 @@
<a href="https://www.linkedin.com/company/odoo4projects/" target="_blank" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a> <a href="https://www.linkedin.com/company/odoo4projects/" target="_blank" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@ODOO4projects" target="_blank" aria-label="YouTube"><i class="fab fa-youtube"></i></a> <a href="https://www.youtube.com/@ODOO4projects" target="_blank" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div> </div>
<form class="footer-contact-form" id="footerContactForm">
<input type="email" id="footerContactEmail" placeholder="Your email address" required />
<div class="footer-textarea-wrap">
<textarea id="footerContactText" placeholder="Your message..." required></textarea>
<button type="submit" class="footer-send-btn" aria-label="Send message"><i class="fas fa-paper-plane"></i></button>
</div>
<div class="footer-form-status" id="footerFormStatus" role="status"></div>
</form>
</div> </div>
</div> </div>
<div class="fcopy">Copyright &copy; ODOO4projects LLC</div> <div class="fcopy">Copyright &copy; ODOO4projects LLC</div>
odoo/support.html
+1 -1
View File
@@ -164,7 +164,7 @@ Please note: it does not cover general Odoo usage or functional questions.
<script> <script>
// Configuration - use your webhook // Configuration - use your webhook
const WEBHOOK = 'https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/702862fd-dd17-4a34-8efb-e9056d2c50df/chat'; const WEBHOOK = 'https://n8n.odoo4projects.com/webhook/960d7f0f-d0ef-42a5-a8f1-79db6a7d70bd/chat';
const messagesEl = document.getElementById('messagesInner'); const messagesEl = document.getElementById('messagesInner');
const input = document.getElementById('messageInput'); const input = document.getElementById('messageInput');
script.js
+189 -11
View File
@@ -6,6 +6,70 @@ var si = 0,
autoStop = false, autoStop = false,
autoInterval = 7000; autoInterval = 7000;
/* ---- UTM tracking helpers ---- */
(function () {
function getCookie(name) {
var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
return match ? decodeURIComponent(match[2]) : null;
}
function setCookie(name, value, days) {
var expires = '';
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = '; expires=' + date.toUTCString();
}
document.cookie = name + '=' + encodeURIComponent(value) + expires + '; path=/; SameSite=Lax';
}
function parseUTM() {
var urlParams = new URLSearchParams(window.location.search);
var utm = {};
var keys = ['source', 'medium', 'campaign'];
for (var i = 0; i < keys.length; i++) {
var val = urlParams.get('utm_' + keys[i]);
if (val) {
utm[keys[i]] = val;
setCookie('utm_' + keys[i], val, 90);
}
}
return utm;
}
function getStoredUTM() {
var utm = {};
var keys = ['source', 'medium', 'campaign'];
for (var i = 0; i < keys.length; i++) {
var val = getCookie('utm_' + keys[i]);
if (val) utm[keys[i]] = val;
}
return utm;
}
function injectUTM(data) {
var stored = getStoredUTM();
if (Object.keys(stored).length > 0) {
data.utm_source = stored.source || null;
data.utm_medium = stored.medium || null;
data.utm_campaign = stored.campaign || null;
}
return data;
}
window.UTM = { parse: parseUTM, getStored: getStoredUTM, inject: injectUTM };
window.UTM.parse(); // Parse on page load
})();
/* ---- Spinning Up Widget (shown when ?message=spinning_up) ---- */
(function () {
var urlParams = new URLSearchParams(window.location.search);
if (urlParams.get('message') === 'spinning_up') {
var el = document.getElementById('spinningUp');
if (el) el.style.display = 'block';
}
})();
if (slides.length > 0 && dots.length > 0) { if (slides.length > 0 && dots.length > 0) {
function show(i, direction) { function show(i, direction) {
if (direction === undefined) return; if (direction === undefined) return;
@@ -443,7 +507,9 @@ var si = 0,
if (el) { if (el) {
SERVERS.forEach(function(s) { SERVERS.forEach(function(s) {
var opt = document.createElement('option'); var opt = document.createElement('option');
opt.value = s.host; // Extract city from host: api.saopaulo.odoo4projects.com -> saopaulo
var cityVal = s.host.replace('api.', '').replace('.odoo4projects.com', '');
opt.value = cityVal;
opt.textContent = s.city; opt.textContent = s.city;
el.appendChild(opt); el.appendChild(opt);
}); });
@@ -464,8 +530,9 @@ var si = 0,
if (bestServer) { if (bestServer) {
[trialLoc, pricingLoc].forEach(function(el) { [trialLoc, pricingLoc].forEach(function(el) {
if (el) { if (el) {
var cityVal = bestServer.host.replace('api.', '').replace('.odoo4projects.com', '');
for (var i = 0; i < el.options.length; i++) { for (var i = 0; i < el.options.length; i++) {
if (el.options[i].value === bestServer.host) { if (el.options[i].value === cityVal) {
el.selectedIndex = i; el.selectedIndex = i;
break; break;
} }
@@ -502,10 +569,10 @@ var si = 0,
var btn = trialForm.querySelector('.btn-brass'); var btn = trialForm.querySelector('.btn-brass');
btn.textContent = 'Sending...'; btn.textContent = 'Sending...';
btn.disabled = true; btn.disabled = true;
fetch('https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/c25169c6-4234-4b47-8e74-612b9539da0a', { fetch('https://n8n.odoo4projects.com/webhook/ODOO4projects/trial', {
method: 'POST', method: 'POST',
headers: { 'Content-Type': 'application/json' }, headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ email: email, location: location }) body: JSON.stringify(UTM.inject({ email: email, location: location }))
}).then(function() { }).then(function() {
trialForm.style.display = 'none'; trialForm.style.display = 'none';
document.getElementById('trialSuccess').classList.add('visible'); document.getElementById('trialSuccess').classList.add('visible');
@@ -609,7 +676,7 @@ var si = 0,
fetch('https://n8n.odoo4projects.com/webhook/bring-your-business', { fetch('https://n8n.odoo4projects.com/webhook/bring-your-business', {
method: 'POST', method: 'POST',
headers: { 'Content-Type': 'application/json' }, headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ body: JSON.stringify(UTM.inject({
email: email, email: email,
description: description, description: description,
goals: goals, goals: goals,
@@ -617,7 +684,7 @@ var si = 0,
has_homepage: hasHomepage, has_homepage: hasHomepage,
uses_odoo: usesOdoo, uses_odoo: usesOdoo,
has_developer: hasDeveloper has_developer: hasDeveloper
}) }))
}).catch(function () { /* ignore */ }); }).catch(function () { /* ignore */ });
/* Show success message — we'll email the report */ /* Show success message — we'll email the report */
@@ -634,7 +701,7 @@ var si = 0,
var version = verSelect ? verSelect.value : ''; var version = verSelect ? verSelect.value : '';
var form = document.createElement('form'); var form = document.createElement('form');
form.method = 'POST'; form.method = 'POST';
form.action = 'https://odoo.odoo4projects.com/shop/post_basket'; form.action = 'https://20.odoo4projects.com/shop/post_basket';
form.target = '_blank'; form.target = '_blank';
form.style.display = 'none'; form.style.display = 'none';
var basket = document.createElement('input'); var basket = document.createElement('input');
@@ -729,10 +796,121 @@ var si = 0,
document.querySelectorAll('.btn-empire').forEach(function(btn) { document.querySelectorAll('.btn-empire').forEach(function(btn) {
btn.addEventListener('click', function() { btn.addEventListener('click', function() {
var plan = this.getAttribute('data-plan'); openCustomQuoteModal();
var price = parseFloat(this.getAttribute('data-price')); });
var isEmpire = this.getAttribute('data-is-empire') === 'true'; });
if (plan) openOrderWidget(plan, price, isEmpire);
/* ---- Custom Quote Modal ---- */
function openCustomQuoteModal() {
document.getElementById('customQuotePanel').style.display = 'block';
document.getElementById('customQuoteModal').style.display = 'flex';
}
function closeCustomQuoteModal() {
document.getElementById('customQuoteModal').style.display = 'none';
document.getElementById('customQuoteForm').reset();
document.getElementById('customQuoteSuccess').style.display = 'none';
}
/* Expose to global scope so the inline onclick handlers in the modal markup can reach them */
window.openCustomQuoteModal = openCustomQuoteModal;
window.closeCustomQuoteModal = closeCustomQuoteModal;
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape') {
var modal = document.getElementById('customQuoteModal');
if (modal && modal.style.display === 'flex') {
closeCustomQuoteModal();
}
}
});
/* Submit custom quote form */
var customQuoteForm = document.getElementById('customQuoteForm');
if (customQuoteForm) {
customQuoteForm.addEventListener('submit', function(e) {
e.preventDefault();
var name = document.getElementById('cqName').value.trim();
var email = document.getElementById('cqEmail').value.trim();
var requirements = document.getElementById('cqRequirements').value.trim();
if (!name || !email || !requirements) return;
var submitBtn = customQuoteForm.querySelector('.btn-lg');
submitBtn.textContent = 'Sending...';
submitBtn.disabled = true;
fetch('https://n8n.odoo4projects.com/webhook/ODOO4projects/crm', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(UTM.inject({
name: name,
email: email,
requirements: requirements,
area: 'quote'
}))
}).then(function() {
customQuoteForm.style.display = 'none';
document.getElementById('customQuoteSuccess').style.display = 'block';
submitBtn.textContent = 'Submit Request';
submitBtn.disabled = false;
}).catch(function() {
submitBtn.textContent = 'Submit Request';
submitBtn.disabled = false;
var errorMsg = document.createElement('div');
errorMsg.style.marginTop = '1rem';
errorMsg.style.color = '#dc3545';
errorMsg.textContent = 'Something went wrong. Please try again.';
customQuoteForm.appendChild(errorMsg);
setTimeout(function() { if(errorMsg.parentNode) errorMsg.parentNode.removeChild(errorMsg); }, 3000);
});
});
}
/* Attach "Get Custom Quote" click handlers to Empire buttons */
document.querySelectorAll('.btn-empire').forEach(function(btn) {
btn.addEventListener('click', function() {
openCustomQuoteModal();
});
});
})();
/* ---- Footer contact form ---- */
(function () {
var form = document.getElementById('footerContactForm');
if (!form) return;
var emailInput = document.getElementById('footerContactEmail');
var textInput = document.getElementById('footerContactText');
var submitBtn = form.querySelector('.footer-send-btn');
var status = document.getElementById('footerFormStatus');
function showStatus(message, isError) {
status.textContent = message;
status.classList.toggle('error', !!isError);
status.classList.add('visible');
}
form.addEventListener('submit', function (e) {
e.preventDefault();
var email = emailInput.value.trim();
var text = textInput.value.trim();
if (!email || !text) return;
submitBtn.disabled = true;
status.classList.remove('visible');
fetch('https://n8n.odoo4projects.com/webhook/ODOO4projects/crm', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(UTM.inject({
email: email,
requirements: text,
area: 'message'
}))
}).then(function () {
form.reset();
submitBtn.disabled = false;
showStatus("Thanks! We'll get back to you shortly.", false);
}).catch(function () {
submitBtn.disabled = false;
showStatus('Something went wrong. Please try again.', true);
}); });
}); });
})(); })();
static/agent-odoo4projects/agent.js
+1 -1
View File
@@ -3,7 +3,7 @@
const baseUrl = '/static/agent-odoo4projects'; const baseUrl = '/static/agent-odoo4projects';
const config = { const config = {
cssUrl: `${baseUrl}/agent.css`, // CSS file cssUrl: `${baseUrl}/agent.css`, // CSS file
api: `https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/702862fd-dd17-4a34-8efb-e9056d2c50df/chat`, // Backend webhook endpoint api: `https://n8n.odoo4projects.com/webhook/960d7f0f-d0ef-42a5-a8f1-79db6a7d70bd/chat`, // Backend webhook endpoint
buttonImage: `${baseUrl}/images/4.svg`, // Chat toggle button image buttonImage: `${baseUrl}/images/4.svg`, // Chat toggle button image
logoImage: `${baseUrl}/images/logo.svg`, // Logo image for chat widget logoImage: `${baseUrl}/images/logo.svg`, // Logo image for chat widget
preamble: '🤔 This is the ODOO4Projects sales agent 🛠️. Besides Sales, he can help revert module installations or restart your server using your UUID and a confirmation email. 📬 For human follow-up, leave your email.' // Initial bot message preamble: '🤔 This is the ODOO4Projects sales agent 🛠️. Besides Sales, he can help revert module installations or restart your server using your UUID and a confirmation email. 📬 For human follow-up, leave your email.' // Initial bot message
style.css
+102 -15
View File
@@ -663,7 +663,7 @@ img { max-width: 100%; height: auto; vertical-align: middle; }
transition: all 0.2s; transition: all 0.2s;
} }
.ow-close:hover { background: var(--cream); color: var(--ink); } .ow-close:hover { background: var(--cream); color: var(--ink); }
.ow-content { padding: 2rem; } .ow-content { padding: 2rem; color: var(--ink); }
.ow-title { font-family: Marcellus, Georgia, serif; font-size: clamp(1rem, 2vw, 1.24rem); margin-bottom: 0.5rem; color: var(--midnight); } .ow-title { font-family: Marcellus, Georgia, serif; font-size: clamp(1rem, 2vw, 1.24rem); margin-bottom: 0.5rem; color: var(--midnight); }
.ow-price { font-size: 0.85rem; color: var(--ink-soft); margin-bottom: 1rem; } .ow-price { font-size: 0.85rem; color: var(--ink-soft); margin-bottom: 1rem; }
.ow-price .ow-price-amount { font-size: 1rem; font-weight: 600; color: var(--midnight); } .ow-price .ow-price-amount { font-size: 1rem; font-weight: 600; color: var(--midnight); }
@@ -920,23 +920,76 @@ img { max-width: 100%; height: auto; vertical-align: middle; }
} }
.fcopy a { color: rgba(255,255,255,0.4); } .fcopy a { color: rgba(255,255,255,0.4); }
.fcopy a:hover { color: var(--brass); } .fcopy a:hover { color: var(--brass); }
.footer-email { .footer-contact-form {
display: inline-block; margin-top: 1.25rem;
margin-top: 0.75rem; display: flex;
padding: 0.5rem 0.8rem; flex-direction: column;
background: rgba(201,162,39,0.08); gap: 0.6rem;
border: 1px solid rgba(201,162,39,0.25); }
.footer-contact-form input[type="email"],
.footer-contact-form textarea {
width: 100%;
padding: 0.6rem 0.8rem;
border-radius: var(--radius); border-radius: var(--radius);
color: var(--brass); border: 1px solid var(--line-brass);
font-family: Inter, sans-serif; background: rgba(255,255,255,0.06);
font-size: 0.85rem;
transition: all 0.2s;
}
.footer-email:hover {
background: rgba(201,162,39,0.12);
border-color: var(--brass);
color: #fff; color: #fff;
font-family: Inter, sans-serif;
font-size: 0.82rem;
line-height: 1.6;
outline: none;
box-sizing: border-box;
transition: border-color 0.2s, background 0.2s;
} }
.footer-contact-form input[type="email"]:focus,
.footer-contact-form textarea:focus {
border-color: var(--brass);
background: rgba(255,255,255,0.1);
}
.footer-contact-form input[type="email"]::placeholder,
.footer-contact-form textarea::placeholder {
color: rgba(255,255,255,0.3);
}
.footer-textarea-wrap { position: relative; }
.footer-contact-form textarea {
min-height: 84px;
padding-right: 2.6rem;
resize: vertical;
}
.footer-send-btn {
position: absolute;
right: 0.45rem;
bottom: 0.45rem;
width: 1.9rem;
height: 1.9rem;
border: none;
border-radius: 50%;
background: var(--brass);
color: var(--midnight);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.72rem;
transition: background 0.2s, transform 0.2s;
}
.footer-send-btn:hover {
background: var(--brass-bright);
transform: translateY(-1px);
}
.footer-send-btn:disabled {
opacity: 0.6;
cursor: default;
transform: none;
}
.footer-form-status {
font-size: 0.82rem;
line-height: 1.4;
color: #4ade80;
display: none;
}
.footer-form-status.visible { display: block; }
.footer-form-status.error { color: #ef4444; }
@media (max-width: 768px) { @media (max-width: 768px) {
.fgrid { grid-template-columns: 1fr; } .fgrid { grid-template-columns: 1fr; }
.footer { padding-top: 2.5rem; padding-bottom: 5rem; } .footer { padding-top: 2.5rem; padding-bottom: 5rem; }
@@ -970,3 +1023,37 @@ img { max-width: 100%; height: auto; vertical-align: middle; }
.blog-section-dark .blog-badge-howto { background: #00f5ff; } .blog-section-dark .blog-badge-howto { background: #00f5ff; }
.blog-section-dark .blog-badge-news { background: #ffaa00; } .blog-section-dark .blog-badge-news { background: #ffaa00; }
.blog-section-dark .blog-badge-default { background: #a78bfa; } .blog-section-dark .blog-badge-default { background: #a78bfa; }
/* ---- Spinning Up Widget ---- */
.spinning-up {
background: #0d1b2e;
padding: 3rem 0;
text-align: center;
}
.spinning-card {
display: inline-block;
background: rgba(201,162,39,0.08);
border: 1px solid rgba(201,162,39,0.25);
border-radius: var(--radius-lg);
padding: 2rem;
max-width: 600px;
}
.spinning-card i {
color: var(--brass);
font-size: 3rem;
margin-bottom: 1.25rem;
display: block;
}
.spinning-card h3 {
color: #fff;
font-size: 1.6rem;
margin-bottom: 0.75rem;
}
.spinning-card p {
color: rgba(255,255,255,0.7);
margin: 0 0 0.75rem 0;
}
.spinning-note {
font-size: 0.9rem;
color: var(--brass);
}