<!DOCTYPE html> <html lang="sv"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> <meta name="description" content="AINNOVA - Skräddarsydda chatbots som förbättrar din kundservice och effektiviserar ditt företag"> <meta name="format-detection" content="telephone=no"> <title>AINNOVA | Chatbot-paket</title> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@700&display=swap"> <style> /* AINNOVA färgpalett enligt designprotokoll */ :root { --primary-blue: #007BBF; --white: #FFFFFF; --light-gray: #E6EBF1; --lighter-gray: #F7F9FC; --button-green: #80CB45; --button-green-hover: #3A8C2D; --text-dark-gray: #222222; --text-medium-gray: #56585E; --text-light-gray: #888888; --border-gray: #CCCCCC; --shadow: rgba(0,0,0,0.1); }
/* Grund- och resetstil */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Lato', sans-serif; background: var(--primary-blue); }
/* Huvudlayout */
.ainnova-wrapper { padding: 14px 20px 20px; min-height: 100vh; background: var(--primary-blue); }
.container { margin: 0 auto; width: calc(100% - 20px); max-width: 1000px; background: var(--white); padding: 30px; border-radius: 10px; box-shadow: 0 4px 12px var(--shadow); }
/* Typografi */
h1 {
font-family: 'Montserrat', sans-serif;
font-size: 36px;
color: var(--primary-blue);
margin-bottom: 20px;
text-align: center;
}
h2 {
font-size: 24px;
color: var(--text-dark-gray);
margin-top: 30px;
margin-bottom: 15px;
}
h3 {
font-size: 20px;
color: var(--primary-blue);
margin-top: 20px;
margin-bottom: 10px;
}
p {
font-size: 16px;
color: var(--text-dark-gray);
line-height: 1.6;
margin-bottom: 15px;
}
/* Listformat med ikoner utan svarta punkter */
ul {
list-style-type: none;
padding-left: 0;
margin: 15px 0;
}
ul li {
display: flex;
align-items: flex-start;
margin-bottom: 12px;
line-height: 1.5;
color: var(--text-dark-gray);
}
.ainnova-icon {
display: inline-block;
width: 24px;
height: 24px;
background-image: url('<https://valingeveckan.wordpress.com/wp-content/uploads/2025/04/namnlos-design-4-1.png>');
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
flex-shrink: 0;
}
/* Länkar - Subtil stil utan understrykning */
a {
color: var(--primary-blue);
text-decoration: none;
transition: color 0.3s;
}
a:hover {
color: var(--button-green-hover);
}
/* Konkurrentlänkar - extra subtil */
.competitor-link {
color: var(--text-light-gray);
font-weight: normal;
transition: color 0.3s;
}
.competitor-link:hover {
color: var(--primary-blue);
}
/* Bilder */
.image-container {
display: flex;
justify-content: space-between;
margin: 25px 0;
gap: 20px;
}
.image-container img {
width: 48%;
border-radius: 5px;
box-shadow: 0 2px 4px var(--shadow);
}
.full-width-image {
width: 100%;
max-height: 300px;
object-fit: cover;
border-radius: 5px;
margin: 25px 0;
box-shadow: 0 2px 4px var(--shadow);
}
/* Betoningsboxar */
.highlight-box {
background-color: var(--light-gray);
border-left: 4px solid var(--primary-blue);
padding: 15px;
margin: 20px 0;
border-radius: 0 5px 5px 0;
}
/* Konkurrentlista */
.competitors-section {
margin: 40px 0 10px;
padding: 15px;
background-color: var(--lighter-gray);
border-radius: 5px;
border-top: 1px solid var(--border-gray);
}
.competitors-section h3 {
font-size: 16px;
color: var(--text-medium-gray);
margin-bottom: 10px;
}
/* Tabellstilar - Exakt som i "våra erbjudanden på ett silverfat" */
.table-title { background: var(--light-gray); color: var(--text-dark-gray); padding: 10px; text-align: center; font-weight: bold; border-radius: 5px; margin-bottom: 5px; }
.table-container { padding: 0 15px; overflow-x: auto; }
table { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 0 0 20px 0; box-shadow: 0 2px 4px var(--shadow); }
th, td { border: 2px solid var(--border-gray); box-shadow: inset 0 0 3px var(--shadow); padding: 12px; text-align: left; vertical-align: top; }
th { background: var(--primary-blue); color: var(--white); font-weight: bold; text-transform: uppercase; }
tbody:nth-child(odd) { background: var(--white); }
tbody:nth-child(even) { background: var(--light-gray); }
/* Navigationscirklar - UPPDATERAD för att matcha bilden */
.cta-circles {
display: flex;
justify-content: center;
flex-wrap: nowrap; /* ÄNDRAD: Alla på en rad i desktop */
gap: 20px;
margin: 40px 0 20px;
}
.cta-circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: var(--button-green);
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: var(--text-dark-gray);
font-weight: bold;
text-align: center;
transition: background-color 0.3s, transform 0.3s;
animation: pulse 2s infinite;
font-size: 17px;
}
.cta-circle:nth-child(even) {
background-color: var(--primary-blue);
color: var(--white);
}
.cta-circle:hover {
background-color: var(--button-green-hover);
color: var(--white);
transform: scale(1.05);
animation: none;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
/* Tillbaka till toppen-knapp - UPPDATERAD för att matcha bilden */
.back-to-top {
display: block;
width: 100%;
margin: 20px auto 0;
padding: 10px;
background-color: var(--primary-blue);
color: var(--white);
text-align: center;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background-color 0.3s;
}
.back-to-top:hover {
background-color: var(--button-green-hover);
color: var(--white);
text-decoration: none;
}
/* Responsivitet */
@media (max-width: 768px) {
.container {
padding: 15px;
width: 100%;
}
h1 { font-size: 28px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
p, li { font-size: 15px; }
.image-container {
flex-direction: column;
}
.image-container img {
width: 100%;
}
/* Samma mobilanpassning som i prislistan för tabeller */
thead { display: none; }
table, tbody { display: block; }
tr {
display: grid;
grid-template-areas: "category" "service" "price" "desc";
margin-bottom: 15px;
border: 2px solid var(--border-gray);
border-radius: 5px;
background: var(--white);
box-shadow: 0 2px 4px rgba(0,0,0,0.15);
position: relative;
}
/* Visar kategorinamn i mobilvy */
tr::before {
content: attr(data-category);
display: block;
padding: 8px 12px;
background: var(--primary-blue);
color: var(--white);
font-weight: bold;
grid-area: category;
}
tbody:nth-child(odd) tr::before {
background: var(--primary-blue);
}
tbody:nth-child(even) tr::before {
background: var(--button-green-hover);
}
td { display: block; border: none; text-align: center; }
td:nth-child(1) {
grid-area: service;
font-weight: bold;
background: var(--button-green);
color: var(--text-dark-gray);
padding: 10px;
}
td:nth-child(2) {
grid-area: price;
border-bottom: 1px solid var(--border-gray);
padding: 10px;
}
td:nth-child(3) {
grid-area: desc;
background: var(--lighter-gray);
padding: 10px;
}
/* UPPDATERAD: Navigationscirklar i par på mobil */
.cta-circles {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.cta-circle {
width: 90px;
height: 90px;
font-size: 15px;
}
.back-to-top { font-size: 14px; padding: 8px 20px; }
}
</style>
</head> <body> <div class="ainnova-wrapper" id="top"> <div class="container"> <!-- HUVUDRUBRIK OCH INLEDNING --> <h1>Chatbot-paket</h1> <p><strong>Automatisera din kundservice och spara tid med en intelligent chatbot som svarar på frågor dygnet runt.</strong></p> <p>En väldesignad chatbot kan hantera upp till 80% av vanliga kundförfrågningar, vilket frigör tid för dig och dina medarbetare att fokusera på det som verkligen kräver mänsklig expertis. Vi hjälper dig att skapa en skräddarsydd chatbot som passar din verksamhet, dina kunder och dina specifika behov.</p>
<!-- BILDCONTAINER -->
<div class="image-container">
<img src="<https://img.freepik.com/free-vector/chat-bot-concept-with-mobile-phone_23-2147823747.jpg>" alt="Chatbot-gränssnitt på datorskärm">
<img src="<https://img.freepik.com/free-vector/chat-bot-concept-with-smartphone_23-2147823748.jpg>" alt="Person som interagerar med chatbot på mobil">
</div>
<!-- FÖRSTA SEKTIONEN -->
<h2>Fördelar med en skräddarsydd chatbot</h2>
<p>En välutformad chatbot ger dig och dina kunder många fördelar som direkt påverkar både kundnöjdhet och ditt företags effektivitet.</p>
<!-- LISTA MED IKONER -->
<ul>
<li>
<span class="ainnova-icon"></span>
<span><strong>Kundservice dygnet runt:</strong> Dina kunder får omedelbar hjälp oavsett tid på dygnet, vilket ökar kundnöjdheten</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Frigjord arbetstid:</strong> Låt chatboten hantera rutinförfrågningar så att du och dina medarbetare kan fokusera på mer komplexa ärenden</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Konsekvent kommunikation:</strong> Chatboten ger alltid samma korrekta information och har samma servicenivå till alla kunder</span>
</li>
</ul>
<!-- BETONINGSBOX -->
<div class="highlight-box">
<h3>Chatbots som faktiskt fungerar</h3>
<p>Vår erfarenhet med moderna AI-verktyg gör att vi kan leverera chatbots som faktiskt förstår vad användaren menar - inte bara reagerar på nyckelord. Vi skapar lösningar som känns naturliga att kommunicera med och som kontinuerligt blir bättre genom användning.</p>
</div>
<!-- ANDRA SEKTIONEN - TABELL -->
<h2>Våra chatbot-paket</h2>
<p>Vi erbjuder olika nivåer av chatbot-lösningar som kan anpassas efter dina behov och budget.</p>
<div class="table-title">Paket och priser för chatbots. Vårt verkliga värde ligger i att välja rätt verktyg åt dig och att du med hjälp av AI ska kunna bygga allt själv. Detta är av AI framtagna exempelsidor!!!🤺.</div>
<div class="table-container">
<table>
<thead>
<tr>
<th>Paket</th>
<th>Pris (ex moms)</th>
<th>Innehåll</th>
</tr>
</thead>
<tbody>
<tr data-category="Enklare chatbots">
<td>Enkel FAQ-chatbot</td>
<td>15 000 kr</td>
<td>En chatbot som svarar på vanliga frågor baserat på din egen FAQ eller kunskapsbas. Perfekt för att hantera återkommande kundförfrågningar dygnet runt.</td>
</tr>
<tr data-category="Enklare chatbots">
<td>Interaktiv chatbot</td>
<td>20 000 kr</td>
<td>En mer avancerad chatbot som kan föra dialoger, samla in grundläggande information och guida användare genom enkla processer på din webbplats.</td>
</tr>
</tbody>
<tbody>
<tr data-category="Avancerade lösningar">
<td>AI-driven chatbot</td>
<td>Från 35 000 kr</td>
<td>En intelligent chatbot byggd med moderna AI-tekniker som kan förstå naturligt språk, lära sig av interaktioner och hantera komplexa frågor baserat på din verksamhets kunskapsbas.</td>
</tr>
<tr data-category="Avancerade lösningar">
<td>Integrerad affärschatbot</td>
<td>Från 45 000 kr</td>
<td>En komplett lösning som integreras med dina affärssystem för att kunna utföra handlingar som bokningar, beställningar eller statusuppdateringar baserat på användarens önskemål.</td>
</tr>
</tbody>
<tbody>
<tr data-category="Tillägg">
<td>Utbildning och uppdatering</td>
<td>5 000 kr</td>
<td>Utbildning för ditt team i hur ni själva kan uppdatera och förbättra chatboten, samt initial fintrimmning efter lansering.</td>
</tr>
<tr data-category="Tillägg">
<td>Löpande support</td>
<td>800 kr/timme</td>
<td>Löpande hjälp med uppdateringar, förbättringar och tekniskt stöd efter att chatboten lanserats.</td>
</tr>
</tbody>
</table>
</div>
<!-- TILLÄGG FÖR PRISMODELL -->
<div class="highlight-box">
<h3>Vår prismodellsfilosofi</h3>
<p>Till skillnad från många konkurrenter som lockar med låga startkostnader men sedan tar ut höga månadskostnader, fokuserar vi på långsiktig kostnadseffektivitet. Med våra chatbot-paket får du en kvalitativ lösning med en tydlig engångskostnad och minimala löpande avgifter. Detta ger dig full kontroll över din investering och en lägre totalkostnad över tid.</p>
</div>
<!-- TREDJE SEKTIONEN -->
<h2>Hur vi skapar din chatbot</h2>
<p>Vi följer en beprövad process för att utveckla en chatbot som verkligen levererar värde för ditt företag och dina kunder.</p>
<!-- UNDERSEKTIONER -->
<h3>Behovsanalys och planering</h3>
<p>Vi börjar med att förstå dina kunders vanligaste frågor och de områden där en chatbot kan göra mest nytta. Vi identifierar också vilka system chatboten behöver integreras med.</p>
<h3>Design och kunskapsbygge</h3>
<p>Vi skapar en kunskapsbas för chatboten och designar samtalsflöden som känns naturliga. Vi anpassar tone-of-voice för att matcha ditt varumärke och säkerställer en positiv användarupplevelse.</p>
<h3>Implementering och träning</h3>
<p>Vi implementerar chatboten på din webbplats eller plattform, tränar den på din specifika information och testar noggrant innan lansering. Efter lansering fortsätter vi att finjustera baserat på verkliga interaktioner.</p>
<!-- BILD I FULLBREDD -->
<img src="<https://img.freepik.com/free-vector/ai-chatbot-smart-digital-customer-service-application-concept-computer-mobile-device-application-using-artificial-intelligence-chat-bot-automatic-reply-online-message-help-customers-instantly_1150-61327.jpg>" alt="AI-chatbot på olika enheter" class="full-width-image">
<!-- FJÄRDE SEKTIONEN -->
<h2>Därför ska du välja AINNOVA</h2>
<p>Vi skapar chatbots som faktiskt fungerar och levererar konkret värde för din verksamhet.</p>
<!-- LISTA MED IKONER -->
<ul>
<li>
<span class="ainnova-icon"></span>
<span><strong>Fokus på affärsnytta:</strong> Vi bygger chatbots som löser verkliga problem och ger mätbara resultat för din verksamhet</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Användarvänlighet:</strong> Vi prioriterar att skapa chatbots som är enkla och trevliga att interagera med för dina kunder</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Kontinuerlig förbättring:</strong> Vi hjälper dig att analysera och förbättra din chatbot baserat på faktiska kundinteraktioner</span>
</li>
</ul>
<!-- EXTRA BILD FÖRE NAVIGATIONSCIRKLAR -->
<img src="<https://img.freepik.com/free-vector/automation-customer-service-concept-with-3d-rendering-cute-robot-working-with-headset-notebook_616485-35.jpg>" alt="Team som utvecklar chatbot-lösningar" class="full-width-image">
<!-- KONKURRENTER -->
<div class="competitors-section">
<h3>Andra leverantörer inom chatbot-lösningar:</h3>
<p><a href="<https://www.notion.so/Chatbot-paket-1cd9c8142e3f802bb758d017cf369c4b>" class="competitor-link" target="_blank" rel="noopener noreferrer">Se fler leverantörer</a></p>
</div>
<!-- NAVIGATIONSCIRKLAR OCH TILLBAKA TILL TOPPEN -->
<footer>
<nav class="cta-circles">
<a href="<https://ainnova.se/>" class="cta-circle" target="_blank" rel="noopener noreferrer">AINNOVA</a>
<a href="<https://erbjudanden.ainnova.se/>" class="cta-circle" target="_blank" rel="noopener noreferrer">Erbjudanden</a>
<a href="<https://ainnova.se/kontakt>" class="cta-circle" target="_blank" rel="noopener noreferrer">Kontakt</a>
<a href="<https://delicate-neighbor-37a.notion.site/Du-f-r-alltid-AINNOVAS-b-sta-tips-1649c8142e3f805cbf91d9c1fe7d320c>" class="cta-circle" target="_blank" rel="noopener noreferrer">Notion</a>
</nav>
<a href="#top" class="back-to-top">🤺 Opp till topps bestemor! 🤺</a>
</footer>
</div>
</div>
<script>
document.querySelector('.back-to-top').addEventListener('click', function(e) {
e.preventDefault();
document.getElementById('top').scrollIntoView({ behavior: 'smooth' });
});
</script>
</body> </html>