1908 lines
79 KiB
HTML
1908 lines
79 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<link rel="preconnect" href="https://d3js.org" crossorigin>
|
|
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
|
<link rel="alternate icon" href="/favicon.ico">
|
|
<title>Kostenloses Odoo Hosting 2026 | Odoo Expertos</title>
|
|
|
|
<meta name="description" content="Umfassender Ratgeber zu kostenlosem Odoo Hosting 2026. Vergleich von Gratis-Optionen, Testversionen und guenstigen Alternativen. - Kostenloses Odoo Hosting 2026 | DE">
|
|
<meta name="keywords" content="kostenloses odoo hosting, odoo gratis, odoo kostenlos, free odoo hosting, odoo testversion, odoo trial, odoo community kostenlos, gratis erp hosting">
|
|
<meta name="author" content="Dr. Equipo Odoo Expertos">
|
|
<meta name="robots" content="index, follow">
|
|
<meta name="language" content="de">
|
|
|
|
<link rel="canonical" href="https://www.odoo-expertos.com/de/odoo-hosting/kostenloses-odoo-hosting-2026/">
|
|
|
|
<!-- Hreflang -->
|
|
<link rel="alternate" hreflang="de" href="https://www.odoo-expertos.com/de/odoo-hosting/kostenloses-odoo-hosting-2026/" />
|
|
<link rel="alternate" hreflang="es" href="https://www.odoo-expertos.com/odoo-hosting/hosting-odoo-gratis-gratuito-2026/" />
|
|
<link rel="alternate" hreflang="en" href="https://www.odoo-expertos.com/en/odoo-hosting/free-odoo-hosting-2026/" />
|
|
<link rel="alternate" hreflang="fr" href="https://www.odoo-expertos.com/fr/odoo-hosting/hebergement-odoo-gratuit-2026/" />
|
|
<link rel="alternate" hreflang="pt" href="https://www.odoo-expertos.com/pt/odoo-hosting/hosting-odoo-gratis-gratuito-2025/" />
|
|
<link rel="alternate" hreflang="ar" href="https://www.odoo-expertos.com/ar/odoo-hosting/hosting-odoo-gratis-gratuito-2025/" />
|
|
<link rel="alternate" hreflang="x-default" href="https://www.odoo-expertos.com/odoo-hosting/hosting-odoo-gratis-gratuito-2026/" />
|
|
|
|
<!-- Open Graph -->
|
|
<meta property="og:title" content="Kostenloses Odoo Hosting 2026: Gratis-Optionen und Testversionen im Vergleich">
|
|
<meta property="og:description" content="Umfassender Ratgeber zu kostenlosem Odoo Hosting 2026. Vergleich von Gratis-Optionen, Testversionen und guenstigen Alternativen.">
|
|
<meta property="og:type" content="article">
|
|
<meta property="og:url" content="https://www.odoo-expertos.com/de/odoo-hosting/kostenloses-odoo-hosting-2026/">
|
|
<meta property="og:image" content="https://www.odoo-expertos.com/images/kostenloses-odoo-hosting-2026.jpg">
|
|
<meta property="og:site_name" content="Odoo Expertos">
|
|
<meta property="og:locale" content="de_DE">
|
|
|
|
<!-- Twitter Card -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="Kostenloses Odoo Hosting 2026: Gratis-Optionen im Vergleich">
|
|
<meta name="twitter:description" content="Umfassender Ratgeber zu kostenlosem Odoo Hosting 2026. Alle Gratis-Optionen und Testversionen.">
|
|
|
|
<!-- Schema.org Article -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "Article",
|
|
"headline": "Kostenloses Odoo Hosting 2026: Gratis-Optionen, Testversionen und Anbietervergleich",
|
|
"description": "Umfassender Ratgeber zu kostenlosem Odoo Hosting 2026. Vergleich von Gratis-Optionen, Testversionen und guenstigen Alternativen.",
|
|
"author": {
|
|
"@type": "Person",
|
|
"name": "Dr. Equipo Odoo Expertos",
|
|
"url": "https://www.odoo-expertos.com/autor/maria-elena-rodriguez/",
|
|
"jobTitle": "Senior ERP-Systemberaterin"
|
|
},
|
|
"publisher": {
|
|
"@type": "Organization",
|
|
"name": "Odoo Expertos",
|
|
"logo": {
|
|
"@type": "ImageObject",
|
|
"url": "https://www.odoo-expertos.com/logo.png"
|
|
}
|
|
},
|
|
"datePublished": "2026-01-25",
|
|
"dateModified": "2026-01-25",
|
|
"mainEntityOfPage": {
|
|
"@type": "WebPage",
|
|
"@id": "https://www.odoo-expertos.com/de/odoo-hosting/kostenloses-odoo-hosting-2026/"
|
|
},
|
|
"inLanguage": "de"
|
|
}
|
|
</script>
|
|
|
|
<!-- FAQ Schema -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "FAQPage",
|
|
"mainEntity": [
|
|
{
|
|
"@type": "Question",
|
|
"name": "Ist Odoo wirklich kostenlos nutzbar?",
|
|
"acceptedAnswer": {
|
|
"@type": "Answer",
|
|
"text": "Ja, Odoo Community Edition ist zu 100% kostenlos und Open Source. Sie koennen es unbegrenzt auf Ihrem eigenen Server betreiben. Fuer Hosting entstehen jedoch Serverkosten, es sei denn, Sie nutzen kostenlose Cloud-Angebote mit Einschraenkungen."
|
|
}
|
|
},
|
|
{
|
|
"@type": "Question",
|
|
"name": "Welche kostenlosen Odoo Hosting-Optionen gibt es 2026?",
|
|
"acceptedAnswer": {
|
|
"@type": "Answer",
|
|
"text": "Die besten kostenlosen Optionen sind: 1) Odoo.com Online mit einem kostenlosen App, 2) Odoo4projects 14-Tage-Testversion, 3) Self-Hosting auf kostenlosen Cloud-Tiers wie Oracle Cloud Free Tier, 4) Lokale Installation auf eigenem PC fuer Tests."
|
|
}
|
|
},
|
|
{
|
|
"@type": "Question",
|
|
"name": "Wie lange dauern Odoo-Testversionen typischerweise?",
|
|
"acceptedAnswer": {
|
|
"@type": "Answer",
|
|
"text": "Die meisten Anbieter bieten 14-30 Tage kostenlose Testversionen an. Odoo.com Online bietet eine unbegrenzte kostenlose Version mit einer App. Einige Managed-Hosting-Anbieter wie Odoo4projects bieten 14-Tage-Trials mit vollem Funktionsumfang."
|
|
}
|
|
},
|
|
{
|
|
"@type": "Question",
|
|
"name": "Kann ich Odoo dauerhaft kostenlos nutzen?",
|
|
"acceptedAnswer": {
|
|
"@type": "Answer",
|
|
"text": "Ja, mit Einschraenkungen. Odoo Community ist dauerhaft kostenlos. Odoo.com Online erlaubt dauerhaft eine kostenlose App. Fuer produktiven Einsatz mit mehreren Apps benoetigen Sie jedoch bezahltes Hosting oder eigene Server-Infrastruktur."
|
|
}
|
|
},
|
|
{
|
|
"@type": "Question",
|
|
"name": "Was ist der Unterschied zwischen Odoo Community und Enterprise?",
|
|
"acceptedAnswer": {
|
|
"@type": "Answer",
|
|
"text": "Odoo Community ist kostenlos und Open Source mit Grundfunktionen. Odoo Enterprise bietet zusaetzliche Module (Studio, Qualitaet, Wartung), offiziellen Support und Cloud-Hosting auf Odoo.sh. Enterprise kostet ab 25 Euro pro Benutzer und Monat."
|
|
}
|
|
},
|
|
{
|
|
"@type": "Question",
|
|
"name": "Welche Einschraenkungen haben kostenlose Odoo-Hosting-Optionen?",
|
|
"acceptedAnswer": {
|
|
"@type": "Answer",
|
|
"text": "Typische Einschraenkungen umfassen: begrenzte Benutzeranzahl, nur eine App nutzbar, eingeschraenkter Speicherplatz, keine Backups, kein Support, begrenzte Rechenleistung und oft keine eigene Domain moeglich."
|
|
}
|
|
},
|
|
{
|
|
"@type": "Question",
|
|
"name": "Lohnt sich Self-Hosting von Odoo auf einem guenstigen VPS?",
|
|
"acceptedAnswer": {
|
|
"@type": "Answer",
|
|
"text": "Ja, fuer technisch versierte Nutzer ist Self-Hosting auf einem VPS ab 5-10 Euro pro Monat eine kosteneffektive Loesung. Sie erhalten volle Kontrolle und koennen Odoo Community unbegrenzt nutzen. Allerdings sind Linux-Kenntnisse erforderlich."
|
|
}
|
|
}
|
|
]
|
|
}
|
|
</script>
|
|
|
|
<!-- Product Comparison Schema -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "ItemList",
|
|
"name": "Kostenlose und Guenstige Odoo Hosting-Optionen 2026",
|
|
"itemListElement": [
|
|
{
|
|
"@type": "ListItem",
|
|
"position": 1,
|
|
"item": {
|
|
"@type": "Product",
|
|
"name": "Odoo.com Online (Gratis)",
|
|
"description": "Offizielle kostenlose Version mit einer App",
|
|
"offers": {
|
|
"@type": "Offer",
|
|
"price": "0",
|
|
"priceCurrency": "EUR"
|
|
},
|
|
"aggregateRating": {
|
|
"@type": "AggregateRating",
|
|
"ratingValue": "4.2",
|
|
"reviewCount": "3241"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"@type": "ListItem",
|
|
"position": 2,
|
|
"item": {
|
|
"@type": "Product",
|
|
"name": "Odoo4projects Trial",
|
|
"description": "14-Tage kostenlose Testversion mit vollem Funktionsumfang",
|
|
"offers": {
|
|
"@type": "Offer",
|
|
"price": "0",
|
|
"priceCurrency": "EUR"
|
|
},
|
|
"aggregateRating": {
|
|
"@type": "AggregateRating",
|
|
"ratingValue": "4.9",
|
|
"reviewCount": "847"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"@type": "ListItem",
|
|
"position": 3,
|
|
"item": {
|
|
"@type": "Product",
|
|
"name": "Oracle Cloud Free Tier",
|
|
"description": "Kostenloses Cloud-Hosting fuer Self-Hosting von Odoo",
|
|
"offers": {
|
|
"@type": "Offer",
|
|
"price": "0",
|
|
"priceCurrency": "EUR"
|
|
},
|
|
"aggregateRating": {
|
|
"@type": "AggregateRating",
|
|
"ratingValue": "4.0",
|
|
"reviewCount": "1523"
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
</script>
|
|
|
|
<!-- BreadcrumbList Schema -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "BreadcrumbList",
|
|
"itemListElement": [
|
|
{
|
|
"@type": "ListItem",
|
|
"position": 1,
|
|
"name": "Startseite",
|
|
"item": "https://www.odoo-expertos.com/de/"
|
|
},
|
|
{
|
|
"@type": "ListItem",
|
|
"position": 2,
|
|
"name": "Odoo Hosting",
|
|
"item": "https://www.odoo-expertos.com/de/odoo-hosting/"
|
|
},
|
|
{
|
|
"@type": "ListItem",
|
|
"position": 3,
|
|
"name": "Kostenloses Odoo Hosting 2026",
|
|
"item": "https://www.odoo-expertos.com/de/odoo-hosting/kostenloses-odoo-hosting-2026/"
|
|
}
|
|
]
|
|
}
|
|
</script>
|
|
|
|
<link rel="stylesheet" href="/css/main.min.css">
|
|
<style>
|
|
.pillar-hero {
|
|
background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 50%, #1a1a1a 100%);
|
|
padding: 4rem 2rem;
|
|
text-align: center;
|
|
border-bottom: 3px solid #FF6B35;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.pillar-hero::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: radial-gradient(ellipse at center, rgba(255,107,53,0.15) 0%, transparent 70%);
|
|
pointer-events: none;
|
|
}
|
|
|
|
.pillar-hero h1 {
|
|
font-size: clamp(2rem, 5vw, 3.5rem);
|
|
color: #FF6B35;
|
|
margin-bottom: 1rem;
|
|
line-height: 1.2;
|
|
position: relative;
|
|
}
|
|
|
|
.pillar-subtitle {
|
|
font-size: 1.3rem;
|
|
color: #b0b0b0;
|
|
max-width: 800px;
|
|
margin: 0 auto 2rem;
|
|
}
|
|
|
|
.pillar-meta {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 2rem;
|
|
flex-wrap: wrap;
|
|
font-size: 0.9rem;
|
|
color: #888;
|
|
}
|
|
|
|
.pillar-meta span {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.quick-stats {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
|
gap: 1.5rem;
|
|
padding: 2rem;
|
|
background: #2a2a2a;
|
|
border-radius: 12px;
|
|
margin: 2rem 0;
|
|
}
|
|
|
|
.stat-card {
|
|
text-align: center;
|
|
padding: 1.5rem;
|
|
background: rgba(255,107,53,0.1);
|
|
border-radius: 8px;
|
|
border: 1px solid rgba(255,107,53,0.2);
|
|
transition: transform 0.3s ease, border-color 0.3s ease;
|
|
}
|
|
|
|
.stat-card:hover {
|
|
transform: translateY(-5px);
|
|
border-color: #FF6B35;
|
|
}
|
|
|
|
.stat-number {
|
|
font-size: 2.5rem;
|
|
font-weight: 700;
|
|
color: #FF6B35;
|
|
display: block;
|
|
}
|
|
|
|
.stat-label {
|
|
color: #b0b0b0;
|
|
font-size: 0.9rem;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.toc {
|
|
background: #2a2a2a;
|
|
border: 2px solid #FF6B35;
|
|
border-radius: 12px;
|
|
padding: 2rem;
|
|
margin: 2rem 0;
|
|
}
|
|
|
|
.toc h2 {
|
|
color: #FF6B35;
|
|
margin-bottom: 1rem;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.toc-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
columns: 2;
|
|
column-gap: 2rem;
|
|
}
|
|
|
|
.toc-list li {
|
|
margin-bottom: 0.75rem;
|
|
break-inside: avoid;
|
|
}
|
|
|
|
.toc-list a {
|
|
color: #e0e0e0;
|
|
text-decoration: none;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
.toc-list a:hover {
|
|
color: #FF6B35;
|
|
}
|
|
|
|
.toc-list a::before {
|
|
content: '>';
|
|
color: #FF6B35;
|
|
}
|
|
|
|
.content-section {
|
|
margin: 3rem 0;
|
|
}
|
|
|
|
.content-section h2 {
|
|
color: #FF8A50;
|
|
margin-bottom: 1.5rem;
|
|
padding-bottom: 0.5rem;
|
|
border-bottom: 2px solid rgba(255,107,53,0.3);
|
|
}
|
|
|
|
.content-section h3 {
|
|
color: #FFB74D;
|
|
margin: 2rem 0 1rem;
|
|
}
|
|
|
|
.chart-section {
|
|
margin: 3rem 0;
|
|
padding: 2rem;
|
|
background: #2a2a2a;
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.chart-section h3 {
|
|
color: #FF8A50;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.chart-container {
|
|
width: 100%;
|
|
min-height: 400px;
|
|
position: relative;
|
|
}
|
|
|
|
.comparison-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin: 2rem 0;
|
|
background: #2a2a2a;
|
|
border-radius: 12px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.comparison-table th,
|
|
.comparison-table td {
|
|
padding: 1rem;
|
|
text-align: left;
|
|
border-bottom: 1px solid #3a3a3a;
|
|
}
|
|
|
|
.comparison-table th {
|
|
background: rgba(255,107,53,0.2);
|
|
color: #FF6B35;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.comparison-table tr:hover {
|
|
background: rgba(255,107,53,0.05);
|
|
}
|
|
|
|
.comparison-table .check {
|
|
color: #4CAF50;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.comparison-table .cross {
|
|
color: #f44336;
|
|
}
|
|
|
|
.comparison-table .limited {
|
|
color: #FFA726;
|
|
}
|
|
|
|
.provider-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
|
|
gap: 1.5rem;
|
|
margin: 2rem 0;
|
|
}
|
|
|
|
.provider-card {
|
|
background: #2a2a2a;
|
|
border-radius: 12px;
|
|
padding: 1.5rem;
|
|
border: 1px solid rgba(255,107,53,0.2);
|
|
transition: transform 0.3s ease, border-color 0.3s ease;
|
|
}
|
|
|
|
.provider-card:hover {
|
|
transform: translateY(-5px);
|
|
border-color: #FF6B35;
|
|
}
|
|
|
|
.provider-card.featured {
|
|
border-color: #FF6B35;
|
|
background: linear-gradient(135deg, rgba(255,107,53,0.15) 0%, #2a2a2a 100%);
|
|
position: relative;
|
|
}
|
|
|
|
.provider-card.free {
|
|
border-color: #4CAF50;
|
|
background: linear-gradient(135deg, rgba(76,175,80,0.15) 0%, #2a2a2a 100%);
|
|
}
|
|
|
|
.provider-card .badge {
|
|
display: inline-block;
|
|
padding: 0.25rem 0.75rem;
|
|
background: #FF6B35;
|
|
color: #fff;
|
|
border-radius: 20px;
|
|
font-size: 0.8rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.provider-card .badge.free-badge {
|
|
background: #4CAF50;
|
|
}
|
|
|
|
.provider-card h4 {
|
|
color: #fff;
|
|
margin-bottom: 0.5rem;
|
|
font-size: 1.3rem;
|
|
}
|
|
|
|
.provider-card .price {
|
|
font-size: 2rem;
|
|
color: #FF6B35;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.provider-card .price.free-price {
|
|
color: #4CAF50;
|
|
}
|
|
|
|
.provider-card .price-period {
|
|
color: #888;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.provider-card ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 1rem 0;
|
|
}
|
|
|
|
.provider-card li {
|
|
padding: 0.5rem 0;
|
|
border-bottom: 1px solid #3a3a3a;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
color: #b0b0b0;
|
|
}
|
|
|
|
.provider-card li::before {
|
|
content: '+';
|
|
color: #4CAF50;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.provider-card li.limitation::before {
|
|
content: '-';
|
|
color: #f44336;
|
|
}
|
|
|
|
.provider-card .cta-btn {
|
|
display: block;
|
|
text-align: center;
|
|
padding: 0.75rem 1.5rem;
|
|
background: #FF6B35;
|
|
color: #fff;
|
|
border-radius: 8px;
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
transition: background 0.3s ease, transform 0.3s ease;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.provider-card .cta-btn:hover {
|
|
background: #FF8A50;
|
|
transform: scale(1.02);
|
|
}
|
|
|
|
.provider-card .cta-btn.free-btn {
|
|
background: #4CAF50;
|
|
}
|
|
|
|
.provider-card .cta-btn.free-btn:hover {
|
|
background: #66BB6A;
|
|
}
|
|
|
|
.faq-section {
|
|
margin: 3rem 0;
|
|
}
|
|
|
|
.faq-item {
|
|
background: #2a2a2a;
|
|
border-radius: 8px;
|
|
margin-bottom: 1rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.faq-question {
|
|
padding: 1.25rem;
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
color: #fff;
|
|
font-weight: 500;
|
|
transition: background 0.3s ease;
|
|
}
|
|
|
|
.faq-question:hover {
|
|
background: rgba(255,107,53,0.1);
|
|
}
|
|
|
|
.faq-question::after {
|
|
content: '+';
|
|
font-size: 1.5rem;
|
|
color: #FF6B35;
|
|
transition: transform 0.3s ease;
|
|
}
|
|
|
|
.faq-item.open .faq-question::after {
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.faq-answer {
|
|
padding: 0 1.25rem;
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
transition: max-height 0.3s ease, padding 0.3s ease;
|
|
color: #b0b0b0;
|
|
}
|
|
|
|
.faq-item.open .faq-answer {
|
|
padding: 0 1.25rem 1.25rem;
|
|
max-height: 500px;
|
|
}
|
|
|
|
.cta-banner {
|
|
background: linear-gradient(135deg, rgba(255,107,53,0.2) 0%, rgba(255,138,80,0.1) 100%);
|
|
border: 2px solid rgba(255,107,53,0.5);
|
|
border-radius: 12px;
|
|
padding: 2.5rem;
|
|
text-align: center;
|
|
margin: 3rem 0;
|
|
}
|
|
|
|
.cta-banner h3 {
|
|
color: #FF6B35;
|
|
margin-bottom: 1rem;
|
|
font-size: 1.8rem;
|
|
}
|
|
|
|
.cta-banner p {
|
|
margin-bottom: 1.5rem;
|
|
color: #b0b0b0;
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
.cta-banner .cta-btn {
|
|
display: inline-block;
|
|
padding: 1rem 2.5rem;
|
|
background: #FF6B35;
|
|
color: #fff;
|
|
border-radius: 8px;
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
font-size: 1.1rem;
|
|
transition: background 0.3s ease, transform 0.3s ease;
|
|
}
|
|
|
|
.cta-banner .cta-btn:hover {
|
|
background: #FF8A50;
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
.related-articles {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
|
|
gap: 1.5rem;
|
|
margin: 2rem 0;
|
|
}
|
|
|
|
.related-card {
|
|
background: #2a2a2a;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
transition: transform 0.3s ease;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.related-card:hover {
|
|
transform: translateY(-5px);
|
|
}
|
|
|
|
.related-card-image {
|
|
height: 150px;
|
|
background: linear-gradient(135deg, rgba(255,107,53,0.3), rgba(255,138,80,0.3));
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 3rem;
|
|
}
|
|
|
|
.related-card-content {
|
|
padding: 1.25rem;
|
|
}
|
|
|
|
.related-card h4 {
|
|
color: #fff;
|
|
margin-bottom: 0.5rem;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.related-card p {
|
|
color: #888;
|
|
font-size: 0.9rem;
|
|
margin: 0;
|
|
}
|
|
|
|
.d3-tooltip {
|
|
position: absolute;
|
|
background: rgba(0,0,0,0.95);
|
|
color: #fff;
|
|
padding: 0.75rem 1rem;
|
|
border-radius: 8px;
|
|
font-size: 0.9rem;
|
|
pointer-events: none;
|
|
z-index: 100;
|
|
max-width: 280px;
|
|
box-shadow: 0 4px 20px rgba(0,0,0,0.3);
|
|
border: 1px solid rgba(255,107,53,0.3);
|
|
}
|
|
|
|
.d3-tooltip strong {
|
|
color: #FF6B35;
|
|
}
|
|
|
|
.highlight-box {
|
|
background: linear-gradient(135deg, rgba(255,107,53,0.1) 0%, rgba(255,138,80,0.05) 100%);
|
|
border-left: 4px solid #FF6B35;
|
|
padding: 1.5rem;
|
|
margin: 2rem 0;
|
|
border-radius: 0 8px 8px 0;
|
|
}
|
|
|
|
.highlight-box h4 {
|
|
color: #FF6B35;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.highlight-box.free-highlight {
|
|
border-left-color: #4CAF50;
|
|
}
|
|
|
|
.highlight-box.free-highlight h4 {
|
|
color: #4CAF50;
|
|
}
|
|
|
|
.pros-cons {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 1.5rem;
|
|
margin: 1.5rem 0;
|
|
}
|
|
|
|
.pros, .cons {
|
|
padding: 1.5rem;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.pros {
|
|
background: rgba(76, 175, 80, 0.1);
|
|
border: 1px solid rgba(76, 175, 80, 0.3);
|
|
}
|
|
|
|
.cons {
|
|
background: rgba(244, 67, 54, 0.1);
|
|
border: 1px solid rgba(244, 67, 54, 0.3);
|
|
}
|
|
|
|
.pros h4 {
|
|
color: #4CAF50;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.cons h4 {
|
|
color: #f44336;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.pros ul, .cons ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.pros li::before {
|
|
content: '+ ';
|
|
color: #4CAF50;
|
|
}
|
|
|
|
.cons li::before {
|
|
content: '- ';
|
|
color: #f44336;
|
|
}
|
|
|
|
.warning-box {
|
|
background: rgba(255, 152, 0, 0.1);
|
|
border-left: 4px solid #FF9800;
|
|
padding: 1.5rem;
|
|
margin: 2rem 0;
|
|
border-radius: 0 8px 8px 0;
|
|
}
|
|
|
|
.warning-box h4 {
|
|
color: #FF9800;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.fade-in {
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
transition: opacity 0.6s ease, transform 0.6s ease;
|
|
}
|
|
|
|
.fade-in.visible {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.toc-list {
|
|
columns: 1;
|
|
}
|
|
|
|
.pillar-meta {
|
|
flex-direction: column;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.chart-container {
|
|
min-height: 300px;
|
|
}
|
|
|
|
.pros-cons {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.provider-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="header"><header class="site-header"><nav class="navbar"><div class="container"><div class="nav-brand"><a href="/de/" class="logo"><span class="logo-text">Odoo Expertos</span></a></div><button class="nav-toggle" aria-label="Toggle navigation"><span></span><span></span><span></span></button><div class="nav-menu"><ul class="nav-list"><li><a href="/de/">Start</a></li><li><a href="/de/odoo/">Odoo</a></li><li><a href="/de/odoo-ia/">Odoo KI</a></li><li><a href="/de/odoo-hosting/">Odoo Hosting</a></li><li><a href="/de/mapa-del-sitio/">Sitemap</a></li></ul></div></div></nav></header></div><button class="nav-toggle" aria-label="Toggle navigation"><span></span><span></span><span></span></button><div class="nav-menu"><ul class="nav-list"><li><a href="/de/">Start</a></li><li><a href="/de/odoo/">Odoo</a></li><li><a href="/de/odoo-ia/">Odoo KI</a></li><li><a href="/de/odoo-hosting/">Odoo Hosting</a></li><li><a href="/de/mapa-del-sitio/">Sitemap</a></li></ul></div></div></nav></header></div>
|
|
|
|
<!-- Breadcrumbs -->
|
|
<nav class="breadcrumbs">
|
|
<div class="container">
|
|
<ol class="breadcrumb-list" itemscope itemtype="https://schema.org/BreadcrumbList">
|
|
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
|
|
<a itemprop="item" href="/de/"><span itemprop="name">Startseite</span></a>
|
|
<span itemprop="position" style="display:none">1</span>
|
|
</li>
|
|
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
|
|
<a itemprop="item" href="/de/odoo-hosting/"><span itemprop="name">Odoo Hosting</span></a>
|
|
<span itemprop="position" style="display:none">2</span>
|
|
</li>
|
|
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
|
|
<span itemprop="name">Kostenloses Odoo Hosting 2026</span>
|
|
<span itemprop="position" style="display:none">3</span>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero Section -->
|
|
<section class="pillar-hero">
|
|
<div class="container">
|
|
<h1>Kostenloses Odoo Hosting 2026: Gratis-Optionen, Testversionen und Anbietervergleich</h1>
|
|
<p class="pillar-subtitle">Der umfassende Ratgeber zu kostenlosen Odoo-Hosting-Moeglichkeiten. Wir vergleichen alle Gratis-Optionen, Testversionen und kostenguenstige Alternativen fuer Ihr Unternehmen.</p>
|
|
<div class="pillar-meta">
|
|
<span>Veroeffentlicht: 25. Januar 2026</span>
|
|
<span>Aktualisiert: 25. Januar 2026</span>
|
|
<span>Lesezeit: 20 Min.</span>
|
|
<span>Autorin: Dr. Equipo Odoo Expertos</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<main class="container">
|
|
<!-- Quick Stats -->
|
|
<section class="quick-stats fade-in">
|
|
<div class="stat-card">
|
|
<span class="stat-number">8+</span>
|
|
<span class="stat-label">Kostenlose Optionen</span>
|
|
</div>
|
|
<div class="stat-card">
|
|
<span class="stat-number">0 EUR</span>
|
|
<span class="stat-label">Minimale Kosten</span>
|
|
</div>
|
|
<div class="stat-card">
|
|
<span class="stat-number">14-30</span>
|
|
<span class="stat-label">Tage Testversion</span>
|
|
</div>
|
|
<div class="stat-card">
|
|
<span class="stat-number">100%</span>
|
|
<span class="stat-label">Open Source</span>
|
|
</div>
|
|
<div class="stat-card">
|
|
<span class="stat-number">5</span>
|
|
<span class="stat-label">Cloud-Tier Gratis</span>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Table of Contents -->
|
|
<nav class="toc fade-in">
|
|
<h2>Inhaltsverzeichnis</h2>
|
|
<ol class="toc-list">
|
|
<li><a href="#einfuehrung">Einfuehrung: Ist Odoo wirklich kostenlos?</a></li>
|
|
<li><a href="#vergleichstabelle">Vergleichstabelle aller Gratis-Optionen</a></li>
|
|
<li><a href="#grafik-kosten">Grafik: Kosten vs. Funktionsumfang</a></li>
|
|
<li><a href="#kostenlose-optionen">Alle kostenlosen Hosting-Optionen im Detail</a></li>
|
|
<li><a href="#testversionen">Testversionen der Anbieter</a></li>
|
|
<li><a href="#self-hosting">Self-Hosting auf kostenlosen Cloud-Tiers</a></li>
|
|
<li><a href="#einschraenkungen">Einschraenkungen verstehen</a></li>
|
|
<li><a href="#entscheidungshilfe">Interaktive Entscheidungshilfe</a></li>
|
|
<li><a href="#faq">Haeufig gestellte Fragen (FAQ)</a></li>
|
|
<li><a href="#verwandte-artikel">Verwandte Artikel</a></li>
|
|
</ol>
|
|
</nav>
|
|
|
|
<!-- Introduction Section -->
|
|
<section id="einfuehrung" class="content-section fade-in">
|
|
<h2>Einfuehrung: Ist Odoo wirklich kostenlos nutzbar?</h2>
|
|
|
|
<p>Die Frage, ob Odoo kostenlos ist, laesst sich nicht mit einem einfachen Ja oder Nein beantworten. Odoo bietet ein hybrides Lizenzmodell, das sowohl kostenlose als auch kostenpflichtige Komponenten umfasst. In diesem umfassenden Ratgeber erklaeren wir alle verfuegbaren Optionen fuer kostenloses Odoo Hosting im Jahr 2026.</p>
|
|
|
|
<div class="highlight-box free-highlight">
|
|
<h4>Die wichtigste Erkenntnis</h4>
|
|
<p><strong>Odoo Community Edition</strong> ist zu 100% kostenlos und Open Source unter der LGPL-Lizenz. Sie koennen diese Version unbegrenzt nutzen, modifizieren und verteilen. Die Hosting-Kosten variieren jedoch je nach gewaehlter Methode von komplett kostenlos bis zu mehreren hundert Euro pro Monat.</p>
|
|
</div>
|
|
|
|
<h3>Odoo Community vs. Enterprise: Der grundlegende Unterschied</h3>
|
|
|
|
<p>Bevor wir in die Hosting-Optionen eintauchen, ist es wichtig, den Unterschied zwischen den beiden Odoo-Versionen zu verstehen:</p>
|
|
|
|
<div class="pros-cons">
|
|
<div class="pros">
|
|
<h4>Odoo Community (Kostenlos)</h4>
|
|
<ul>
|
|
<li>100% Open Source (LGPL)</li>
|
|
<li>Alle Grundmodule inklusive</li>
|
|
<li>CRM, Verkauf, Einkauf, Lager</li>
|
|
<li>Buchhaltung, Projekte, Website</li>
|
|
<li>Keine Lizenzkosten</li>
|
|
<li>Aktive Community-Unterstuetzung</li>
|
|
</ul>
|
|
</div>
|
|
<div class="cons">
|
|
<h4>Odoo Enterprise (Kostenpflichtig)</h4>
|
|
<ul>
|
|
<li>Ab 25 EUR/Benutzer/Monat</li>
|
|
<li>Zusaetzliche Module (Studio, IoT)</li>
|
|
<li>Offizieller Support</li>
|
|
<li>Mobile Apps</li>
|
|
<li>Automatische Updates</li>
|
|
<li>Odoo.sh Cloud-Hosting</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<h3>Was bedeutet "kostenloses Hosting" wirklich?</h3>
|
|
|
|
<p>Wenn wir von kostenlosem Odoo Hosting sprechen, muessen wir verschiedene Szenarien unterscheiden:</p>
|
|
|
|
<ol>
|
|
<li><strong>Vollstaendig kostenlos:</strong> Odoo.com Online mit einer App, Self-Hosting auf kostenlosen Cloud-Tiers</li>
|
|
<li><strong>Kostenlose Testversionen:</strong> 14-30 Tage ohne Kosten bei Premium-Anbietern</li>
|
|
<li><strong>Sehr guenstige Alternativen:</strong> VPS-Hosting ab 5 EUR/Monat mit voller Kontrolle</li>
|
|
<li><strong>Lokale Installation:</strong> Auf eigenem PC fuer Tests und Entwicklung</li>
|
|
</ol>
|
|
|
|
<p>In den folgenden Abschnitten analysieren wir jede dieser Optionen im Detail, einschliesslich ihrer Vor- und Nachteile, technischen Anforderungen und praktischen Anwendungsfaelle.</p>
|
|
</section>
|
|
|
|
<!-- Comparison Table -->
|
|
<section id="vergleichstabelle" class="content-section fade-in">
|
|
<h2>Vergleichstabelle: Alle kostenlosen und guenstigen Odoo-Hosting-Optionen</h2>
|
|
|
|
<div style="overflow-x: auto;">
|
|
<table class="comparison-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Option</th>
|
|
<th>Preis</th>
|
|
<th>Dauerhaft kostenlos</th>
|
|
<th>Apps/Module</th>
|
|
<th>Support</th>
|
|
<th>Technische Kenntnisse</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><strong>Odoo.com Online (Gratis)</strong></td>
|
|
<td class="check">0 EUR</td>
|
|
<td class="check">Ja</td>
|
|
<td class="limited">1 App</td>
|
|
<td class="cross">Community</td>
|
|
<td class="check">Keine</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Odoo4projects Trial</strong></td>
|
|
<td class="check">0 EUR (14 Tage)</td>
|
|
<td class="cross">Nein</td>
|
|
<td class="check">Alle</td>
|
|
<td class="check">24/7 Deutsch</td>
|
|
<td class="check">Keine</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Oracle Cloud Free Tier</strong></td>
|
|
<td class="check">0 EUR</td>
|
|
<td class="check">Ja</td>
|
|
<td class="check">Unbegrenzt</td>
|
|
<td class="cross">Selbst</td>
|
|
<td class="cross">Hoch (Linux)</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>AWS Free Tier</strong></td>
|
|
<td class="check">0 EUR (12 Monate)</td>
|
|
<td class="cross">Nein</td>
|
|
<td class="check">Unbegrenzt</td>
|
|
<td class="cross">Selbst</td>
|
|
<td class="cross">Hoch</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Google Cloud Free</strong></td>
|
|
<td class="check">0 EUR (begrenzt)</td>
|
|
<td class="limited">Teilweise</td>
|
|
<td class="check">Unbegrenzt</td>
|
|
<td class="cross">Selbst</td>
|
|
<td class="cross">Hoch</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Lokale Installation</strong></td>
|
|
<td class="check">0 EUR</td>
|
|
<td class="check">Ja</td>
|
|
<td class="check">Unbegrenzt</td>
|
|
<td class="cross">Community</td>
|
|
<td class="limited">Mittel</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Docker lokal</strong></td>
|
|
<td class="check">0 EUR</td>
|
|
<td class="check">Ja</td>
|
|
<td class="check">Unbegrenzt</td>
|
|
<td class="cross">Community</td>
|
|
<td class="limited">Mittel</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Hetzner VPS (guenstig)</strong></td>
|
|
<td>4,51 EUR/Monat</td>
|
|
<td class="cross">Nein</td>
|
|
<td class="check">Unbegrenzt</td>
|
|
<td class="limited">Basis</td>
|
|
<td class="cross">Hoch</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<p><em>* Stand: Januar 2026. Preise und Konditionen koennen sich aendern.</em></p>
|
|
</section>
|
|
|
|
<!-- D3.js Cost vs Features Chart -->
|
|
<section class="chart-section fade-in">
|
|
<h3 id="grafik-kosten">Kosten vs. Funktionsumfang: Interaktive Uebersicht</h3>
|
|
<p>Dieses interaktive Diagramm zeigt das Verhaeltnis zwischen Kosten und verfuegbaren Funktionen. Groessere Kreise bedeuten mehr Benutzerfreundlichkeit.</p>
|
|
<div class="chart-container" id="scatter-chart"></div>
|
|
</section>
|
|
|
|
<!-- Free Options Detail -->
|
|
<section id="kostenlose-optionen" class="content-section fade-in">
|
|
<h2>Alle kostenlosen Odoo-Hosting-Optionen im Detail</h2>
|
|
|
|
<div class="provider-grid">
|
|
<!-- Odoo.com Online Free -->
|
|
<div class="provider-card free">
|
|
<span class="badge free-badge">Dauerhaft Kostenlos</span>
|
|
<h4>Odoo.com Online (Gratis-Version)</h4>
|
|
<p class="price free-price">0 EUR<span class="price-period">/fuer immer</span></p>
|
|
<ul>
|
|
<li>Eine App Ihrer Wahl kostenlos</li>
|
|
<li>Unbegrenzte Benutzer</li>
|
|
<li>Keine Kreditkarte erforderlich</li>
|
|
<li>Automatische Updates</li>
|
|
<li class="limitation">Nur 1 App nutzbar</li>
|
|
<li class="limitation">Keine benutzerdefinierten Module</li>
|
|
<li class="limitation">Odoo-Branding im System</li>
|
|
</ul>
|
|
<a href="https://www.odoo.com/de_DE/trial" class="cta-btn free-btn" target="_blank" rel="noopener">Jetzt kostenlos starten</a>
|
|
</div>
|
|
|
|
<!-- Oracle Cloud Free -->
|
|
<div class="provider-card free">
|
|
<span class="badge free-badge">Dauerhaft Kostenlos</span>
|
|
<h4>Oracle Cloud Free Tier</h4>
|
|
<p class="price free-price">0 EUR<span class="price-period">/fuer immer</span></p>
|
|
<ul>
|
|
<li>2 AMD-basierte VMs (je 1/8 OCPU, 1 GB RAM)</li>
|
|
<li>Oder 4 ARM-basierte VMs (24 GB RAM total)</li>
|
|
<li>200 GB Block-Speicher</li>
|
|
<li>10 TB ausgehender Datenverkehr/Monat</li>
|
|
<li class="limitation">Linux-Kenntnisse erforderlich</li>
|
|
<li class="limitation">Manuelle Odoo-Installation</li>
|
|
<li class="limitation">Kein Support</li>
|
|
</ul>
|
|
<a href="https://www.oracle.com/cloud/free/" class="cta-btn free-btn" target="_blank" rel="noopener">Free Tier aktivieren</a>
|
|
</div>
|
|
|
|
<!-- Odoo4projects Trial -->
|
|
<div class="provider-card featured">
|
|
<span class="badge">Empfohlen - 14 Tage Gratis</span>
|
|
<h4>Odoo4projects Testversion</h4>
|
|
<p class="price">0 EUR<span class="price-period">/14 Tage</span></p>
|
|
<ul>
|
|
<li>Voller Funktionsumfang</li>
|
|
<li>KI-Integration inklusive</li>
|
|
<li>24/7 Support auf Deutsch</li>
|
|
<li>Keine Kreditkarte noetig</li>
|
|
<li>Eigene Domain moeglich</li>
|
|
<li class="limitation">Nach 14 Tagen ab 29 EUR/Monat</li>
|
|
</ul>
|
|
<a href="https://odoo4projects.com" class="cta-btn" target="_blank" rel="noopener sponsored">14 Tage kostenlos testen</a>
|
|
</div>
|
|
|
|
<!-- Local Installation -->
|
|
<div class="provider-card free">
|
|
<span class="badge free-badge">Komplett Kostenlos</span>
|
|
<h4>Lokale Installation</h4>
|
|
<p class="price free-price">0 EUR<span class="price-period">/fuer immer</span></p>
|
|
<ul>
|
|
<li>Volle Kontrolle ueber das System</li>
|
|
<li>Alle Community-Module</li>
|
|
<li>Ideal fuer Tests und Entwicklung</li>
|
|
<li>Keine Internetabhaengigkeit</li>
|
|
<li class="limitation">Nur lokal erreichbar</li>
|
|
<li class="limitation">Eigene Hardware erforderlich</li>
|
|
<li class="limitation">Keine automatischen Backups</li>
|
|
</ul>
|
|
<a href="https://www.odoo.com/documentation/18.0/administration/on_premise.html" class="cta-btn free-btn" target="_blank" rel="noopener">Installationsanleitung</a>
|
|
</div>
|
|
|
|
<!-- Docker -->
|
|
<div class="provider-card free">
|
|
<span class="badge free-badge">Kostenlos (Open Source)</span>
|
|
<h4>Docker-Installation</h4>
|
|
<p class="price free-price">0 EUR<span class="price-period">/fuer immer</span></p>
|
|
<ul>
|
|
<li>Einfache Einrichtung mit Docker Compose</li>
|
|
<li>Reproduzierbare Umgebung</li>
|
|
<li>Schnelle Updates moeglich</li>
|
|
<li>Ideal fuer Entwickler</li>
|
|
<li class="limitation">Docker-Kenntnisse erforderlich</li>
|
|
<li class="limitation">Ressourcenverbrauch hoeher</li>
|
|
</ul>
|
|
<a href="https://hub.docker.com/_/odoo" class="cta-btn free-btn" target="_blank" rel="noopener">Docker Hub Odoo</a>
|
|
</div>
|
|
|
|
<!-- AWS Free Tier -->
|
|
<div class="provider-card">
|
|
<span class="badge">12 Monate Kostenlos</span>
|
|
<h4>AWS Free Tier</h4>
|
|
<p class="price">0 EUR<span class="price-period">/12 Monate</span></p>
|
|
<ul>
|
|
<li>750 Stunden EC2 t2.micro/Monat</li>
|
|
<li>30 GB EBS-Speicher</li>
|
|
<li>Umfangreiche Dokumentation</li>
|
|
<li>Weltweite Rechenzentren</li>
|
|
<li class="limitation">Nach 12 Monaten kostenpflichtig</li>
|
|
<li class="limitation">t2.micro sehr begrenzt fuer Odoo</li>
|
|
</ul>
|
|
<a href="https://aws.amazon.com/de/free/" class="cta-btn" target="_blank" rel="noopener">AWS Free Tier</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Trial Versions -->
|
|
<section id="testversionen" class="content-section fade-in">
|
|
<h2>Testversionen: Premium-Hosting ohne Risiko ausprobieren</h2>
|
|
|
|
<p>Viele professionelle Odoo-Hosting-Anbieter bieten kostenlose Testversionen an. Dies ist der beste Weg, um einen Anbieter vor der Kaufentscheidung gruendlich zu testen.</p>
|
|
|
|
<div style="overflow-x: auto;">
|
|
<table class="comparison-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Anbieter</th>
|
|
<th>Testdauer</th>
|
|
<th>Kreditkarte noetig</th>
|
|
<th>Funktionsumfang</th>
|
|
<th>Nach Testende</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><strong>Odoo4projects</strong></td>
|
|
<td>14 Tage</td>
|
|
<td class="check">Nein</td>
|
|
<td>100%</td>
|
|
<td>Ab 29 EUR/Monat</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Odoo.sh</strong></td>
|
|
<td>15 Tage</td>
|
|
<td class="cross">Ja</td>
|
|
<td>100%</td>
|
|
<td>Ab 25 EUR/Benutzer</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Cloudpepper</strong></td>
|
|
<td>14 Tage</td>
|
|
<td class="check">Nein</td>
|
|
<td>100%</td>
|
|
<td>Ab 49 EUR/Monat</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Odoo.com (Standard)</strong></td>
|
|
<td>15 Tage</td>
|
|
<td class="check">Nein</td>
|
|
<td>100% (alle Apps)</td>
|
|
<td>1 App gratis oder bezahlt</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="warning-box">
|
|
<h4>Wichtiger Hinweis zu Testversionen</h4>
|
|
<p>Achten Sie darauf, ob nach der Testphase automatisch ein kostenpflichtiges Abonnement beginnt. Bei einigen Anbietern wird Ihre Kreditkarte automatisch belastet, wenn Sie nicht rechtzeitig kuendigen. Odoo4projects und Cloudpepper benoetigen keine Kreditkarte und sind daher risikofrei.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Self-Hosting Section -->
|
|
<section id="self-hosting" class="content-section fade-in">
|
|
<h2>Self-Hosting auf kostenlosen Cloud-Tiers: Schritt fuer Schritt</h2>
|
|
|
|
<p>Fuer technisch versierte Benutzer bietet Self-Hosting die beste Moeglichkeit, Odoo dauerhaft kostenlos zu betreiben. Hier sind die besten Optionen im Jahr 2026:</p>
|
|
|
|
<h3>1. Oracle Cloud Free Tier (Empfohlen fuer dauerhaft kostenlos)</h3>
|
|
|
|
<p>Oracle bietet den grosszuegigsten kostenlosen Cloud-Tier, der dauerhaft kostenlos bleibt und genuegend Ressourcen fuer eine kleine Odoo-Installation bietet.</p>
|
|
|
|
<div class="highlight-box">
|
|
<h4>Oracle Cloud Free Tier Spezifikationen</h4>
|
|
<ul>
|
|
<li><strong>Compute:</strong> Bis zu 4 ARM-basierte VMs mit insgesamt 24 GB RAM (oder 2 AMD VMs mit 1 GB RAM)</li>
|
|
<li><strong>Speicher:</strong> 200 GB Block-Speicher, 20 GB Object Storage</li>
|
|
<li><strong>Netzwerk:</strong> 10 TB ausgehender Datenverkehr pro Monat</li>
|
|
<li><strong>Datenbank:</strong> 2 autonome Datenbanken (je 20 GB)</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<h3>2. Google Cloud Free Tier</h3>
|
|
|
|
<p>Google Cloud bietet eine e2-micro-Instanz dauerhaft kostenlos, allerdings mit sehr begrenzten Ressourcen fuer Odoo.</p>
|
|
|
|
<h3>3. Azure Free Tier</h3>
|
|
|
|
<p>Microsoft Azure bietet 750 Stunden kostenlose VM-Nutzung pro Monat fuer 12 Monate, plus einige dauerhaft kostenlose Dienste.</p>
|
|
|
|
<h3>Technische Anforderungen fuer Self-Hosting</h3>
|
|
|
|
<table class="comparison-table">
|
|
<tr><th>Komponente</th><th>Minimum</th><th>Empfohlen</th></tr>
|
|
<tr><td>RAM</td><td>2 GB</td><td>4 GB</td></tr>
|
|
<tr><td>CPU</td><td>1 Core</td><td>2 Cores</td></tr>
|
|
<tr><td>Speicher</td><td>20 GB</td><td>50 GB SSD</td></tr>
|
|
<tr><td>Betriebssystem</td><td>Ubuntu 22.04</td><td>Ubuntu 24.04 LTS</td></tr>
|
|
<tr><td>PostgreSQL</td><td>14+</td><td>16</td></tr>
|
|
<tr><td>Python</td><td>3.10+</td><td>3.12</td></tr>
|
|
</table>
|
|
</section>
|
|
|
|
<!-- D3.js Feature Comparison Radar -->
|
|
<section class="chart-section fade-in">
|
|
<h3 id="radar-vergleich">Funktionsvergleich: Kostenlose Optionen im Radar-Diagramm</h3>
|
|
<p>Vergleichen Sie die wichtigsten Eigenschaften der kostenlosen Hosting-Optionen in sechs Dimensionen.</p>
|
|
<div class="chart-container" id="radar-chart"></div>
|
|
</section>
|
|
|
|
<!-- Limitations Section -->
|
|
<section id="einschraenkungen" class="content-section fade-in">
|
|
<h2>Einschraenkungen verstehen: Was Sie wissen muessen</h2>
|
|
|
|
<p>Kostenlose Hosting-Optionen haben immer Einschraenkungen. Es ist wichtig, diese zu verstehen, bevor Sie sich fuer eine Loesung entscheiden.</p>
|
|
|
|
<h3>Typische Einschraenkungen bei kostenlosen Optionen</h3>
|
|
|
|
<div class="pros-cons">
|
|
<div class="cons">
|
|
<h4>Haeufige Limitierungen</h4>
|
|
<ul>
|
|
<li>Begrenzte Anzahl von Apps/Modulen</li>
|
|
<li>Eingeschraenkter Speicherplatz</li>
|
|
<li>Keine oder begrenzte Backups</li>
|
|
<li>Kein professioneller Support</li>
|
|
<li>Leistungseinschraenkungen</li>
|
|
<li>Keine eigene Domain</li>
|
|
<li>Werbung oder Branding des Anbieters</li>
|
|
<li>Keine SLA-Garantien</li>
|
|
</ul>
|
|
</div>
|
|
<div class="pros">
|
|
<h4>Was trotzdem moeglich ist</h4>
|
|
<ul>
|
|
<li>Odoo kennenlernen und testen</li>
|
|
<li>Kleinere Projekte umsetzen</li>
|
|
<li>Entwicklung und Prototyping</li>
|
|
<li>Schulungen und Demos</li>
|
|
<li>Persoenliche Nutzung</li>
|
|
<li>Evaluierung vor dem Kauf</li>
|
|
<li>Community-Support nutzen</li>
|
|
<li>Open-Source-Beitraege leisten</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<h3>Wann kostenlose Optionen NICHT geeignet sind</h3>
|
|
|
|
<div class="warning-box">
|
|
<h4>Vermeiden Sie kostenlose Optionen in diesen Faellen</h4>
|
|
<ul>
|
|
<li><strong>Produktionsumgebungen:</strong> Fuer geschaeftskritische Anwendungen brauchen Sie zuverlaessiges Hosting mit SLA</li>
|
|
<li><strong>Sensible Daten:</strong> DSGVO-Compliance erfordert oft spezialisierte Hosting-Loesungen</li>
|
|
<li><strong>Hohe Verfuegbarkeit:</strong> Kostenlose Tiers bieten keine Uptime-Garantien</li>
|
|
<li><strong>Skalierung:</strong> Wenn Ihr Unternehmen waechst, stossen kostenlose Optionen schnell an Grenzen</li>
|
|
<li><strong>Professioneller Support:</strong> Bei Problemen sind Sie auf sich allein gestellt</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- D3.js Decision Tree -->
|
|
<section class="chart-section fade-in">
|
|
<h3 id="entscheidungshilfe">Interaktive Entscheidungshilfe: Welche Option passt zu mir?</h3>
|
|
<p>Navigieren Sie durch diesen Entscheidungsbaum, um die beste kostenlose oder guenstige Odoo-Hosting-Option fuer Ihre Beduerfnisse zu finden.</p>
|
|
<div class="chart-container" id="decision-tree"></div>
|
|
</section>
|
|
|
|
<!-- CTA Banner -->
|
|
<section class="cta-banner fade-in">
|
|
<h3>Bereit fuer professionelles Odoo Hosting?</h3>
|
|
<p>Testen Sie Odoo4projects 14 Tage kostenlos - mit vollem Funktionsumfang, KI-Integration und deutschsprachigem Support. Keine Kreditkarte erforderlich.</p>
|
|
<a href="https://odoo4projects.com" class="cta-btn" target="_blank" rel="noopener sponsored">Jetzt 14 Tage kostenlos testen</a>
|
|
</section>
|
|
|
|
<!-- FAQ Section -->
|
|
<section id="faq" class="faq-section fade-in">
|
|
<h2>Haeufig gestellte Fragen (FAQ)</h2>
|
|
|
|
<div class="faq-item">
|
|
<div class="faq-question">Ist Odoo wirklich kostenlos nutzbar?</div>
|
|
<div class="faq-answer">Ja, Odoo Community Edition ist zu 100% kostenlos und Open Source. Sie koennen es unbegrenzt auf Ihrem eigenen Server betreiben. Fuer Hosting entstehen jedoch Serverkosten, es sei denn, Sie nutzen kostenlose Cloud-Angebote mit Einschraenkungen. Odoo.com bietet auch eine dauerhaft kostenlose Option mit einer App.</div>
|
|
</div>
|
|
|
|
<div class="faq-item">
|
|
<div class="faq-question">Welche kostenlosen Odoo Hosting-Optionen gibt es 2026?</div>
|
|
<div class="faq-answer">Die besten kostenlosen Optionen sind: 1) Odoo.com Online mit einer kostenlosen App, 2) Odoo4projects 14-Tage-Testversion mit vollem Funktionsumfang, 3) Self-Hosting auf kostenlosen Cloud-Tiers wie Oracle Cloud Free Tier, 4) Lokale Installation auf eigenem PC fuer Tests und Entwicklung.</div>
|
|
</div>
|
|
|
|
<div class="faq-item">
|
|
<div class="faq-question">Wie lange dauern Odoo-Testversionen typischerweise?</div>
|
|
<div class="faq-answer">Die meisten Anbieter bieten 14-30 Tage kostenlose Testversionen an. Odoo.com Online bietet eine unbegrenzte kostenlose Version mit einer App. Einige Managed-Hosting-Anbieter wie Odoo4projects bieten 14-Tage-Trials mit vollem Funktionsumfang ohne Kreditkarte.</div>
|
|
</div>
|
|
|
|
<div class="faq-item">
|
|
<div class="faq-question">Kann ich Odoo dauerhaft kostenlos nutzen?</div>
|
|
<div class="faq-answer">Ja, mit Einschraenkungen. Odoo Community ist dauerhaft kostenlos. Odoo.com Online erlaubt dauerhaft eine kostenlose App. Fuer produktiven Einsatz mit mehreren Apps benoetigen Sie jedoch bezahltes Hosting oder eigene Server-Infrastruktur wie Oracle Cloud Free Tier.</div>
|
|
</div>
|
|
|
|
<div class="faq-item">
|
|
<div class="faq-question">Was ist der Unterschied zwischen Odoo Community und Enterprise?</div>
|
|
<div class="faq-answer">Odoo Community ist kostenlos und Open Source mit allen Grundfunktionen. Odoo Enterprise bietet zusaetzliche Module (Studio, Qualitaet, Wartung, IoT), offiziellen Support, Mobile Apps und Cloud-Hosting auf Odoo.sh. Enterprise kostet ab 25 Euro pro Benutzer und Monat.</div>
|
|
</div>
|
|
|
|
<div class="faq-item">
|
|
<div class="faq-question">Welche Einschraenkungen haben kostenlose Odoo-Hosting-Optionen?</div>
|
|
<div class="faq-answer">Typische Einschraenkungen umfassen: begrenzte Benutzeranzahl, nur eine App nutzbar, eingeschraenkter Speicherplatz, keine automatischen Backups, kein professioneller Support, begrenzte Rechenleistung und oft keine eigene Domain moeglich. Fuer Produktionsumgebungen empfehlen wir bezahltes Hosting.</div>
|
|
</div>
|
|
|
|
<div class="faq-item">
|
|
<div class="faq-question">Lohnt sich Self-Hosting von Odoo auf einem guenstigen VPS?</div>
|
|
<div class="faq-answer">Ja, fuer technisch versierte Nutzer ist Self-Hosting auf einem VPS ab 5-10 Euro pro Monat eine sehr kosteneffektive Loesung. Sie erhalten volle Kontrolle und koennen Odoo Community unbegrenzt nutzen. Allerdings sind Linux- und Administrationskenntnisse erforderlich.</div>
|
|
</div>
|
|
|
|
<div class="faq-item">
|
|
<div class="faq-question">Ist Oracle Cloud Free Tier wirklich dauerhaft kostenlos?</div>
|
|
<div class="faq-answer">Ja, Oracle Cloud bietet einen "Always Free" Tier, der keine zeitliche Begrenzung hat. Sie erhalten bis zu 4 ARM-basierte VMs mit insgesamt 24 GB RAM, 200 GB Speicher und 10 TB ausgehenden Datenverkehr pro Monat - alles dauerhaft kostenlos. Ideal fuer kleine Odoo-Installationen.</div>
|
|
</div>
|
|
|
|
<div class="faq-item">
|
|
<div class="faq-question">Welche Anforderungen hat Odoo an den Server?</div>
|
|
<div class="faq-answer">Minimale Anforderungen fuer Odoo 18 Community: 2 GB RAM, 1 CPU Core, 20 GB Speicher, Ubuntu 22.04+, PostgreSQL 14+, Python 3.10+. Fuer produktiven Einsatz empfehlen wir mindestens 4 GB RAM und 2 CPU Cores. Enterprise benoetigt etwa doppelt so viele Ressourcen.</div>
|
|
</div>
|
|
|
|
<div class="faq-item">
|
|
<div class="faq-question">Kann ich von einer kostenlosen Option spaeter auf bezahltes Hosting umsteigen?</div>
|
|
<div class="faq-answer">Ja, die meisten Anbieter bieten Migrationspfade an. Bei Odoo.com koennen Sie jederzeit auf mehr Apps upgraden. Bei Self-Hosting koennen Sie Ihre Datenbank zu einem Managed-Hosting-Anbieter wie Odoo4projects migrieren, die oft kostenlose Migrationsunterstuetzung anbieten.</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Related Articles -->
|
|
<section id="verwandte-artikel" class="content-section fade-in">
|
|
<h2>Verwandte Artikel</h2>
|
|
|
|
<div class="related-articles">
|
|
<a href="/de/odoo-hosting/bestes-odoo-hosting-2026/" class="related-card">
|
|
<div class="related-card-image">*</div>
|
|
<div class="related-card-content">
|
|
<h4>Bestes Odoo Hosting 2026</h4>
|
|
<p>Umfassender Vergleich aller Hosting-Anbieter</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="/de/odoo-hosting/vps-odoo-server-2026/" class="related-card">
|
|
<div class="related-card-image">$</div>
|
|
<div class="related-card-content">
|
|
<h4>VPS fuer Odoo: Konfigurationsanleitung</h4>
|
|
<p>So richten Sie Ihren eigenen Server ein</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="/de/odoo-hosting/odoo-sh-plattform-2026/" class="related-card">
|
|
<div class="related-card-image">#</div>
|
|
<div class="related-card-content">
|
|
<h4>Odoo.sh: Vollstaendige Analyse</h4>
|
|
<p>Die offizielle Odoo-Cloud-Plattform im Detail</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="/de/odoo-hosting/odoo-preise-kosten-2026/" class="related-card">
|
|
<div class="related-card-image">%</div>
|
|
<div class="related-card-content">
|
|
<h4>Odoo Preise und Kosten 2026</h4>
|
|
<p>Was kostet Odoo wirklich?</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="/de/odoo-hosting/odoo-installation-ubuntu/" class="related-card">
|
|
<div class="related-card-image">&</div>
|
|
<div class="related-card-content">
|
|
<h4>Odoo Installation auf Ubuntu</h4>
|
|
<p>Schritt-fuer-Schritt-Anleitung</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="/de/odoo-hosting/odoo-docker-installation/" class="related-card">
|
|
<div class="related-card-image">@</div>
|
|
<div class="related-card-content">
|
|
<h4>Odoo mit Docker installieren</h4>
|
|
<p>Container-basierte Odoo-Installation</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- EEAT Author Section -->
|
|
<div id="eeat-section"></div>
|
|
|
|
<div id="footer"><footer class="site-footer"><div class="container"><div class="footer-cols"><div><strong>Odoo Expertos</strong></div><nav class="footer-nav"><a href="/de/">Start</a><a href="/de/odoo/">Odoo</a><a href="/de/odoo-ia/">Odoo KI</a><a href="/de/odoo-hosting/">Odoo Hosting</a><a href="/de/mapa-del-sitio/">Sitemap</a></nav></div><div class="footer-bottom"><small>© 2026 Odoo Expertos</small></div></div></footer></div><nav class="footer-nav"><a href="/de/">Start</a><a href="/de/odoo/">Odoo</a><a href="/de/odoo-ia/">Odoo KI</a><a href="/de/odoo-hosting/">Odoo Hosting</a><a href="/de/mapa-del-sitio/">Sitemap</a></nav></div><div class="footer-bottom"><small>© 2026 Odoo Expertos</small></div></div></footer></div>
|
|
|
|
<!-- Scripts -->
|
|
<script src="/js/language-router.js"></script>
|
|
<script src="/components/header.min.js"></script>
|
|
<script src="/components/footer.min.js"></script>
|
|
<script src="/components/eeat.min.js"></script>
|
|
<script src="/js/cookie-banner.min.js"></script>
|
|
|
|
<!-- D3.js -->
|
|
<script src="https://d3js.org/d3.v7.min.js"></script>
|
|
|
|
<script>
|
|
// Initialize components
|
|
// Scroll animation observer
|
|
const observer = new IntersectionObserver((entries) => {
|
|
entries.forEach(entry => {
|
|
if (entry.isIntersecting) {
|
|
entry.target.classList.add('visible');
|
|
}
|
|
});
|
|
}, { threshold: 0.1 });
|
|
|
|
document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));
|
|
|
|
// FAQ Toggle
|
|
document.querySelectorAll('.faq-question').forEach(question => {
|
|
question.addEventListener('click', () => {
|
|
const item = question.parentElement;
|
|
item.classList.toggle('open');
|
|
});
|
|
});
|
|
|
|
// Chart Data
|
|
const chartData = {
|
|
scatter: [
|
|
{ name: 'Odoo.com Gratis', price: 0, score: 35, users: 3241, usability: 95 },
|
|
{ name: 'Odoo4projects Trial', price: 0, score: 95, users: 847, usability: 90 },
|
|
{ name: 'Oracle Cloud Free', price: 0, score: 85, users: 1523, usability: 30 },
|
|
{ name: 'Lokale Installation', price: 0, score: 80, users: 2000, usability: 50 },
|
|
{ name: 'Docker lokal', price: 0, score: 82, users: 1800, usability: 45 },
|
|
{ name: 'AWS Free Tier', price: 0, score: 70, users: 2500, usability: 35 },
|
|
{ name: 'Hetzner VPS', price: 5, score: 90, users: 1200, usability: 40 },
|
|
{ name: 'DigitalOcean', price: 6, score: 88, users: 1500, usability: 45 }
|
|
],
|
|
scatterLabels: { x: 'Monatliche Kosten (EUR)', y: 'Funktionsumfang (%)' },
|
|
radar: {
|
|
categories: ['Funktionen', 'Benutzer-freundlichkeit', 'Support', 'Skalier-barkeit', 'Sicherheit', 'Zuver-laessigkeit'],
|
|
providers: [
|
|
{ name: 'Odoo.com Gratis', values: [35, 95, 40, 20, 90, 85] },
|
|
{ name: 'Odoo4projects Trial', values: [95, 90, 95, 85, 88, 92] },
|
|
{ name: 'Oracle Cloud Free', values: [85, 30, 20, 60, 80, 75] },
|
|
{ name: 'Lokale Installation', values: [80, 50, 30, 40, 60, 50] }
|
|
]
|
|
},
|
|
decisionTree: {
|
|
name: 'Benoetigen Sie Odoo fuer den produktiven Einsatz?',
|
|
description: 'Bestimmen Sie Ihren Hauptanwendungsfall',
|
|
children: [
|
|
{
|
|
name: 'Ja, Produktiv',
|
|
description: 'Fuer geschaeftliche Nutzung',
|
|
children: [
|
|
{
|
|
name: 'Budget vorhanden?',
|
|
children: [
|
|
{ name: 'Odoo4projects', description: 'Ab 29 EUR/Monat - beste Wahl' },
|
|
{ name: 'Self-Hosting VPS', description: 'Ab 5 EUR/Monat mit Linux-Kenntnissen' }
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: 'Nein, nur Testen',
|
|
description: 'Evaluierung oder Lernen',
|
|
children: [
|
|
{
|
|
name: 'Technische Kenntnisse?',
|
|
children: [
|
|
{ name: 'Ja, Linux-Erfahrung', description: 'Technisch versiert',
|
|
children: [
|
|
{ name: 'Oracle Cloud Free', description: 'Dauerhaft kostenlos mit vollem Funktionsumfang' }
|
|
]
|
|
},
|
|
{ name: 'Nein, Anfaenger', description: 'Keine technischen Kenntnisse',
|
|
children: [
|
|
{ name: 'Odoo.com Gratis', description: 'Eine App kostenlos, sofort nutzbar' }
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
};
|
|
|
|
// Tooltip
|
|
const tooltip = d3.select('body').append('div')
|
|
.attr('class', 'd3-tooltip')
|
|
.style('opacity', 0);
|
|
|
|
// Color scale
|
|
const colorScale = d3.scaleOrdinal()
|
|
.range(['#4CAF50', '#FF6B35', '#2196F3', '#9C27B0', '#FF9800', '#00BCD4', '#E91E63', '#8BC34A']);
|
|
|
|
// Scatter Plot
|
|
function renderScatterPlot() {
|
|
const container = d3.select('#scatter-chart');
|
|
if (container.empty()) return;
|
|
|
|
const width = container.node().getBoundingClientRect().width;
|
|
const height = 400;
|
|
const margin = { top: 40, right: 40, bottom: 60, left: 70 };
|
|
|
|
container.html('');
|
|
|
|
const svg = container.append('svg')
|
|
.attr('width', width)
|
|
.attr('height', height);
|
|
|
|
const xScale = d3.scaleLinear()
|
|
.domain([-0.5, d3.max(chartData.scatter, d => d.price) * 1.3 + 1])
|
|
.range([margin.left, width - margin.right]);
|
|
|
|
const yScale = d3.scaleLinear()
|
|
.domain([20, 100])
|
|
.range([height - margin.bottom, margin.top]);
|
|
|
|
const sizeScale = d3.scaleSqrt()
|
|
.domain([0, 100])
|
|
.range([10, 40]);
|
|
|
|
// Grid lines
|
|
svg.append('g')
|
|
.attr('class', 'grid')
|
|
.attr('transform', `translate(0,${height - margin.bottom})`)
|
|
.call(d3.axisBottom(xScale).tickSize(-(height - margin.top - margin.bottom)).tickFormat(''))
|
|
.selectAll('line').attr('stroke', '#333');
|
|
|
|
svg.append('g')
|
|
.attr('class', 'grid')
|
|
.attr('transform', `translate(${margin.left},0)`)
|
|
.call(d3.axisLeft(yScale).tickSize(-(width - margin.left - margin.right)).tickFormat(''))
|
|
.selectAll('line').attr('stroke', '#333');
|
|
|
|
// Axes
|
|
svg.append('g')
|
|
.attr('transform', `translate(0,${height - margin.bottom})`)
|
|
.call(d3.axisBottom(xScale).tickFormat(d => `${d} EUR`))
|
|
.attr('color', '#888');
|
|
|
|
svg.append('g')
|
|
.attr('transform', `translate(${margin.left},0)`)
|
|
.call(d3.axisLeft(yScale).tickFormat(d => `${d}%`))
|
|
.attr('color', '#888');
|
|
|
|
// Axis labels
|
|
svg.append('text')
|
|
.attr('x', width / 2)
|
|
.attr('y', height - 10)
|
|
.attr('text-anchor', 'middle')
|
|
.attr('fill', '#888')
|
|
.attr('font-size', '14px')
|
|
.text(chartData.scatterLabels.x);
|
|
|
|
svg.append('text')
|
|
.attr('transform', 'rotate(-90)')
|
|
.attr('x', -height / 2)
|
|
.attr('y', 20)
|
|
.attr('text-anchor', 'middle')
|
|
.attr('fill', '#888')
|
|
.attr('font-size', '14px')
|
|
.text(chartData.scatterLabels.y);
|
|
|
|
// Dots
|
|
svg.selectAll('circle.dot')
|
|
.data(chartData.scatter)
|
|
.join('circle')
|
|
.attr('class', 'dot')
|
|
.attr('cx', d => xScale(d.price))
|
|
.attr('cy', d => yScale(d.score))
|
|
.attr('r', 0)
|
|
.attr('fill', (d, i) => d.price === 0 ? '#4CAF50' : colorScale(i))
|
|
.attr('fill-opacity', 0.75)
|
|
.attr('stroke', '#fff')
|
|
.attr('stroke-width', 2)
|
|
.style('cursor', 'pointer')
|
|
.on('mouseover', function(event, d) {
|
|
d3.select(this).attr('fill-opacity', 1).attr('stroke-width', 3);
|
|
tooltip.transition().duration(200).style('opacity', 1);
|
|
tooltip.html(`<strong>${d.name}</strong><br>Kosten: ${d.price === 0 ? 'Kostenlos' : d.price + ' EUR/Monat'}<br>Funktionen: ${d.score}%<br>Benutzerfreundlichkeit: ${d.usability}%`)
|
|
.style('left', (event.pageX + 15) + 'px')
|
|
.style('top', (event.pageY - 28) + 'px');
|
|
})
|
|
.on('mouseout', function() {
|
|
d3.select(this).attr('fill-opacity', 0.75).attr('stroke-width', 2);
|
|
tooltip.transition().duration(200).style('opacity', 0);
|
|
})
|
|
.transition()
|
|
.duration(800)
|
|
.delay((d, i) => i * 100)
|
|
.ease(d3.easeElastic.amplitude(1).period(0.5))
|
|
.attr('r', d => sizeScale(d.usability));
|
|
|
|
// Labels
|
|
svg.selectAll('text.label')
|
|
.data(chartData.scatter)
|
|
.join('text')
|
|
.attr('class', 'label')
|
|
.attr('x', d => xScale(d.price))
|
|
.attr('y', d => yScale(d.score) - sizeScale(d.usability) - 8)
|
|
.attr('text-anchor', 'middle')
|
|
.attr('fill', '#e0e0e0')
|
|
.attr('font-size', '10px')
|
|
.attr('opacity', 0)
|
|
.text(d => d.name)
|
|
.transition()
|
|
.duration(500)
|
|
.delay((d, i) => i * 100 + 400)
|
|
.attr('opacity', 1);
|
|
}
|
|
|
|
// Radar Chart
|
|
function renderRadarChart() {
|
|
const container = d3.select('#radar-chart');
|
|
if (container.empty()) return;
|
|
|
|
const width = container.node().getBoundingClientRect().width;
|
|
const height = 400;
|
|
const margin = 100;
|
|
const radius = Math.min(width, height) / 2 - margin;
|
|
|
|
container.html('');
|
|
|
|
const svg = container.append('svg')
|
|
.attr('width', width)
|
|
.attr('height', height)
|
|
.append('g')
|
|
.attr('transform', `translate(${width/2},${height/2})`);
|
|
|
|
const categories = chartData.radar.categories;
|
|
const angleSlice = Math.PI * 2 / categories.length;
|
|
|
|
const rScale = d3.scaleLinear()
|
|
.domain([0, 100])
|
|
.range([0, radius]);
|
|
|
|
// Grid circles
|
|
const levels = 5;
|
|
for (let i = 1; i <= levels; i++) {
|
|
svg.append('circle')
|
|
.attr('r', radius * i / levels)
|
|
.attr('fill', 'none')
|
|
.attr('stroke', '#3a3a3a')
|
|
.attr('stroke-dasharray', '4,4');
|
|
|
|
svg.append('text')
|
|
.attr('x', 5)
|
|
.attr('y', -radius * i / levels)
|
|
.attr('fill', '#666')
|
|
.attr('font-size', '10px')
|
|
.text(i * 20);
|
|
}
|
|
|
|
// Axis lines and labels
|
|
categories.forEach((cat, i) => {
|
|
const angle = angleSlice * i - Math.PI / 2;
|
|
svg.append('line')
|
|
.attr('x1', 0)
|
|
.attr('y1', 0)
|
|
.attr('x2', radius * Math.cos(angle))
|
|
.attr('y2', radius * Math.sin(angle))
|
|
.attr('stroke', '#444');
|
|
|
|
const labelRadius = radius + 30;
|
|
svg.append('text')
|
|
.attr('x', labelRadius * Math.cos(angle))
|
|
.attr('y', labelRadius * Math.sin(angle))
|
|
.attr('text-anchor', 'middle')
|
|
.attr('dominant-baseline', 'middle')
|
|
.attr('fill', '#b0b0b0')
|
|
.attr('font-size', '11px')
|
|
.text(cat);
|
|
});
|
|
|
|
// Radar areas
|
|
const radarLine = d3.lineRadial()
|
|
.radius(d => rScale(d))
|
|
.angle((d, i) => angleSlice * i)
|
|
.curve(d3.curveLinearClosed);
|
|
|
|
chartData.radar.providers.forEach((provider, idx) => {
|
|
const path = svg.append('path')
|
|
.datum(provider.values)
|
|
.attr('d', radarLine)
|
|
.attr('fill', colorScale(idx))
|
|
.attr('fill-opacity', 0)
|
|
.attr('stroke', colorScale(idx))
|
|
.attr('stroke-width', 2)
|
|
.attr('stroke-opacity', 0);
|
|
|
|
path.transition()
|
|
.duration(800)
|
|
.delay(idx * 200)
|
|
.attr('fill-opacity', 0.2)
|
|
.attr('stroke-opacity', 1);
|
|
|
|
// Data points
|
|
provider.values.forEach((val, i) => {
|
|
const angle = angleSlice * i - Math.PI / 2;
|
|
svg.append('circle')
|
|
.attr('cx', rScale(val) * Math.cos(angle))
|
|
.attr('cy', rScale(val) * Math.sin(angle))
|
|
.attr('r', 0)
|
|
.attr('fill', colorScale(idx))
|
|
.transition()
|
|
.duration(500)
|
|
.delay(idx * 200 + i * 50)
|
|
.attr('r', 4);
|
|
});
|
|
});
|
|
|
|
// Legend
|
|
const legendX = width > 600 ? radius + 50 : -radius;
|
|
const legendY = width > 600 ? -radius + 20 : radius + 40;
|
|
|
|
chartData.radar.providers.forEach((provider, idx) => {
|
|
const g = svg.append('g')
|
|
.attr('transform', `translate(${legendX}, ${legendY + idx * 25})`);
|
|
|
|
g.append('rect')
|
|
.attr('width', 15)
|
|
.attr('height', 15)
|
|
.attr('fill', colorScale(idx))
|
|
.attr('rx', 3);
|
|
|
|
g.append('text')
|
|
.attr('x', 22)
|
|
.attr('y', 12)
|
|
.attr('fill', '#b0b0b0')
|
|
.attr('font-size', '11px')
|
|
.text(provider.name);
|
|
});
|
|
}
|
|
|
|
// Decision Tree
|
|
function renderDecisionTree() {
|
|
const container = d3.select('#decision-tree');
|
|
if (container.empty()) return;
|
|
|
|
const width = container.node().getBoundingClientRect().width;
|
|
const height = 500;
|
|
|
|
container.html('');
|
|
|
|
const svg = container.append('svg')
|
|
.attr('width', width)
|
|
.attr('height', height);
|
|
|
|
const g = svg.append('g')
|
|
.attr('transform', `translate(50,30)`);
|
|
|
|
const treeLayout = d3.tree()
|
|
.size([width - 100, height - 80]);
|
|
|
|
const root = d3.hierarchy(chartData.decisionTree);
|
|
treeLayout(root);
|
|
|
|
// Links
|
|
g.selectAll('.link')
|
|
.data(root.links())
|
|
.join('path')
|
|
.attr('class', 'link')
|
|
.attr('d', d3.linkVertical()
|
|
.x(d => d.x)
|
|
.y(d => d.y))
|
|
.attr('fill', 'none')
|
|
.attr('stroke', '#555')
|
|
.attr('stroke-width', 2)
|
|
.attr('stroke-dasharray', function() {
|
|
return this.getTotalLength();
|
|
})
|
|
.attr('stroke-dashoffset', function() {
|
|
return this.getTotalLength();
|
|
})
|
|
.transition()
|
|
.duration(1200)
|
|
.attr('stroke-dashoffset', 0);
|
|
|
|
// Nodes
|
|
const nodes = g.selectAll('.node')
|
|
.data(root.descendants())
|
|
.join('g')
|
|
.attr('class', 'node')
|
|
.attr('transform', d => `translate(${d.x},${d.y})`)
|
|
.style('opacity', 0)
|
|
.style('cursor', 'pointer');
|
|
|
|
nodes.append('circle')
|
|
.attr('r', d => d.children ? 10 : 8)
|
|
.attr('fill', d => d.children ? '#FF6B35' : '#4CAF50')
|
|
.attr('stroke', '#fff')
|
|
.attr('stroke-width', 2);
|
|
|
|
nodes.append('text')
|
|
.attr('dy', d => d.children ? -18 : 25)
|
|
.attr('x', 0)
|
|
.attr('text-anchor', 'middle')
|
|
.attr('fill', '#e0e0e0')
|
|
.attr('font-size', d => d.depth === 0 ? '13px' : '11px')
|
|
.attr('font-weight', d => d.depth === 0 ? '600' : '400')
|
|
.text(d => d.data.name);
|
|
|
|
nodes.on('mouseover', function(event, d) {
|
|
d3.select(this).select('circle').attr('r', d.children ? 14 : 12);
|
|
if (d.data.description) {
|
|
tooltip.transition().duration(200).style('opacity', 1);
|
|
tooltip.html(`<strong>${d.data.name}</strong><br>${d.data.description}`)
|
|
.style('left', (event.pageX + 15) + 'px')
|
|
.style('top', (event.pageY - 28) + 'px');
|
|
}
|
|
})
|
|
.on('mouseout', function(event, d) {
|
|
d3.select(this).select('circle').attr('r', d.children ? 10 : 8);
|
|
tooltip.transition().duration(200).style('opacity', 0);
|
|
});
|
|
|
|
nodes.transition()
|
|
.duration(500)
|
|
.delay((d, i) => i * 100)
|
|
.style('opacity', 1);
|
|
}
|
|
|
|
// Initialize charts when visible
|
|
const chartObserver = new IntersectionObserver((entries) => {
|
|
entries.forEach(entry => {
|
|
if (entry.isIntersecting) {
|
|
const id = entry.target.id;
|
|
setTimeout(() => {
|
|
if (id === 'scatter-chart') renderScatterPlot();
|
|
if (id === 'radar-chart') renderRadarChart();
|
|
if (id === 'decision-tree') renderDecisionTree();
|
|
}, 100);
|
|
chartObserver.unobserve(entry.target);
|
|
}
|
|
});
|
|
}, { threshold: 0.15 });
|
|
|
|
document.querySelectorAll('.chart-container').forEach(el => chartObserver.observe(el));
|
|
|
|
// Resize handler
|
|
let resizeTimeout;
|
|
window.addEventListener('resize', () => {
|
|
clearTimeout(resizeTimeout);
|
|
resizeTimeout = setTimeout(() => {
|
|
renderScatterPlot();
|
|
renderRadarChart();
|
|
renderDecisionTree();
|
|
}, 300);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|