{"id":24789,"date":"2025-10-14T20:17:38","date_gmt":"2025-10-14T20:17:38","guid":{"rendered":"https:\/\/purethemes.net\/?page_id=24789"},"modified":"2026-04-22T20:29:17","modified_gmt":"2026-04-22T20:29:17","slug":"ki-chatbot-fuer-wordpress","status":"publish","type":"page","link":"https:\/\/purethemes.net\/de\/ki-chatbot-fuer-wordpress\/","title":{"rendered":"AI Chatbot f\u00fcr WordPress und WooCommerce"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"24789\" class=\"elementor elementor-24789\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a5ede61 e-con-full hero-section e-flex e-con e-parent\" data-id=\"7a5ede61\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6ffeabfd e-con-full e-flex e-con e-child\" data-id=\"6ffeabfd\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6a71f522 e-con-full e-flex e-con e-child\" data-id=\"6a71f522\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd18770 elementor-widget elementor-widget-html\" data-id=\"cd18770\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ai-logos\" style=\" background: #f0f0f0; border-radius: 50px; display: inline-block; padding: 5px 13px; font-size: 16px; letter-spacing: -0.3px; color: #777;font-weight: 500;\">Basiert auf <img decoding=\"async\" style=\"position: relative;  top: -2px; margin-left: 3px;height: 18px;width: 18px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/download.svg\"> <span style=\"color: #222;\">ChatGPT<\/span> <img decoding=\"async\" style=\"position: relative;  top: -2px; margin-left: 5px;height: 18px;width: 18px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/gemini-color.svg\">  <span style=\"color: #222;\">Gemini<\/span> <img decoding=\"async\" style=\"position: relative;  top: -2px; margin-left: 10px;height: 18px;width: 18px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/Mistral_AI_logo.svg\">  <span style=\"color: #222;\">Mistral<\/span> <img decoding=\"async\" style=\"position: relative;  top: -2px; margin-left: 10px;height: 18px;width: 18px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/anthropic-1.svg\">  <span style=\"color: #222;\">Claude<\/span><\/div>\n\n<style>\n    @media (max-width: 1300px) {.ai-logos { zoom: 0.9;}\n    @media (max-width: 768px) {.ai-logos { zoom: 0.7; text-align: center;}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d32883 elementor-widget__width-inherit elementor-widget elementor-widget-elementskit-fancy-animated-text\" data-id=\"7d32883\" data-element_type=\"widget\" data-widget_type=\"elementskit-fancy-animated-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >            <h1 class=\"ekit-fancy-text slide\" data-id=\"7d32883\" data-animation-settings=\"{&quot;animationStyle&quot;:&quot;animated&quot;,&quot;animationDelay&quot;:5500,&quot;loadingBar&quot;:3800,&quot;lettersDelay&quot;:50,&quot;typeLettersDelay&quot;:150,&quot;duration&quot;:500,&quot;revealDuration&quot;:600,&quot;revealAnimationDelay&quot;:1500}\">\n                            <span class=\"ekit-fancy-prefix-text\">KI-Chatbot-Plugin <br> f\u00fcr<\/span>\n                        <span class=\"ekit-fancy-text-lists\">\n                                        <b class=\"ekit-fancy-text elementor-repeater-item-c742aae is-visible\">WordPress<\/b>\n                                        <b class=\"ekit-fancy-text elementor-repeater-item-b9b00af\">WooCommerce<\/b>\n                                    <\/span>\n                        <\/h1>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61b91c0 animated-fast elementor-widget__width-initial elementor-widget elementor-widget-elementskit-heading\" data-id=\"61b91c0\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-text_center   ekit_heading_mobile-text_center\">\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>Hinzuf\u00fcgen einer <strong>AI Assistant to your website that helps visitors find what they need in any language<\/strong>. Es lernt vom Inhalt Ihrer Website und gibt sofortige, pr\u00e4zise Antworten.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-75ed7ecd e-con-full e-flex e-con e-child\" data-id=\"75ed7ecd\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fe2044 elementor-widget__width-auto elementor-widget elementor-widget-elementskit-button\" data-id=\"1fe2044\" data-element_type=\"widget\" data-widget_type=\"elementskit-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\t\t<div class=\"ekit-btn-wraper\">\n\t\t\t\t\t\t\t<a href=\"#pricing\" class=\"elementskit-btn  whitespace--normal\" id=\"\">\n\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-shopping-cart1\"><\/i>Pro kaufen\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40441fdd animated-fast elementor-widget elementor-widget-elementskit-button\" data-id=\"40441fdd\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"elementskit-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\t\t<div class=\"ekit-btn-wraper\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/purethemes.net\/de\/?download=ai-chat-search\" class=\"elementskit-btn  whitespace--normal\" id=\"\">\n\t\t\t\t\tKostenlose Version laden<i aria-hidden=\"true\" class=\"icon icon-download\"><\/i>\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20170d2 e-con-full e-flex e-con e-child\" data-id=\"20170d2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38d9daa elementor-widget elementor-widget-image\" data-id=\"38d9daa\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-it-works\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"122\" height=\"122\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/10\/WordPress_blue_logo.svg\" class=\"attachment-large size-large wp-image-25209\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23f5987 elementor-widget elementor-widget-image\" data-id=\"23f5987\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#woocommerce\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"56\" height=\"23\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/10\/logo-woocommerce.svg\" class=\"attachment-large size-large wp-image-25207\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e46823f elementor-widget elementor-widget-image\" data-id=\"e46823f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#integrations\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"193\" height=\"193\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/whatsapp-1.png\" class=\"attachment-large size-large wp-image-30605\" alt=\"\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/whatsapp-1.png 193w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/whatsapp-1-150x150.png 150w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/whatsapp-1-12x12.png 12w\" sizes=\"(max-width: 193px) 100vw, 193px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5918fc elementor-widget elementor-widget-image\" data-id=\"b5918fc\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#integrations\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"197\" height=\"197\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/telegram-1.png\" class=\"attachment-large size-large wp-image-30604\" alt=\"\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/telegram-1.png 197w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/telegram-1-150x150.png 150w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/telegram-1-12x12.png 12w\" sizes=\"(max-width: 197px) 100vw, 197px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b334adf e-con-full e-flex e-con e-child\" data-id=\"b334adf\" data-element_type=\"container\" id=\"hero-bg-overflow\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9775812 e-con-full e-flex e-con e-child\" data-id=\"9775812\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8f4c255 e-flex e-con-boxed e-con e-child\" data-id=\"8f4c255\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fdaf9bc elementor-widget elementor-widget-html\" data-id=\"fdaf9bc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    .chat-container {\n        width: 100vw;\n        max-width: 420px;\n        height: 520px;\n        background-color: #ffffff;\n        border-radius: 8px;\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        border: none;\n        flex: 1;\n    }\n    \n    @media(max-width: 992px) {\n        .chat-container {\n            height: 400px;\n            max-width: 100%;\n        }\n    }\n    \n    .chat-header {\n        padding: 16px 20px;\n        border-bottom: 1px solid #e0e0e0;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        flex-shrink: 0;\n        width: 100%;\n    }\n    \n    .chat-header h5 {\n        font-size: 16px;\n        font-weight: 600;\n        margin: 0;\n        color: #111;\n    }\n\n    .chat-messages {\n        flex-grow: 1;\n        padding: 20px;\n        overflow-y: auto;\n        display: flex;\n        flex-direction: column;\n        gap: 15px;\n        width: 100%;\n        background: #fafafa;\n    }\n    \n    .chat-messages::-webkit-scrollbar {\n        width: 6px;\n    }\n    .chat-messages::-webkit-scrollbar-track {\n        background: transparent;\n    }\n    .chat-messages::-webkit-scrollbar-thumb {\n        background-color: #f0f0f0;\n        border-radius: 20px;\n    }\n\n    .message {\n        display: flex;\n        max-width: 90%;\n    }\n    \n    \/* Animated messages start hidden and slide in *\/\n    .message.animate-in {\n        opacity: 0;\n        transform: translateY(20px);\n        animation: slideIn 0.5s forwards;\n    }\n    \n    \/* Pre-rendered messages are immediately visible *\/\n    .message.prerendered {\n        opacity: 1;\n        transform: none;\n    }\n\n    .message.user {\n        align-self: flex-end;\n    }\n\n    .message.ai {\n        align-self: flex-start;\n    }\n    \n    .message.ai.product {\n        width: 100%;\n        max-width: 100%;\n    }\n\n    .message .bubble {\n        padding: 12px 18px;\n        border-radius: 8px;\n        word-wrap: break-word;\n        line-height: 1.5;\n    }\n\n    .message.user .bubble {\n        background-color: #0060FF1C;\n        color: #0060ff;\n    }\n\n    .message.ai .bubble {\n        background-color: #ffffff;\n        color: #374151;\n        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);\n    }\n    \n    .message.ai .bubble a {\n        color: #2563eb;\n        text-decoration: none;\n        font-weight: 600;\n    }\n    \n    .message.ai .bubble a:hover {\n        text-decoration: underline;\n    }\n\n    .product-card {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n    }\n\n    .product-image {\n        width: 60px;\n        height: 60px;\n        object-fit: contain;\n        flex-shrink: 0;\n    }\n\n    .product-details {\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n    }\n\n    .product-title {\n        font-weight: 600;\n        font-size: 0.95rem;\n        color: #111827;\n    }\n\n    .product-tag {\n        background-color: #16a34a15;\n        color: #16a34a;\n        font-size: 0.75rem;\n        font-weight: 500;\n        padding: 2px 8px;\n        border-radius: 20px;\n        align-self: flex-start;\n    }\n    \n    .product-description {\n        font-size: 0.875rem;\n        color: #4b5563;\n    }\n\n    .product-price {\n        font-size: 14px;\n        font-weight: 600;\n        color: #111827;\n        margin-top: 2px;\n    }\n    \n    .product-stock {\n        display: flex;\n        align-items: center;\n        gap: 3px;\n        font-size: 0.875rem;\n        font-weight: 500;\n        color: #16a34a;\n    }\n    \n    .chat-input-area {\n        padding: 12px 20px;\n        border-top: 1px solid #e5e7eb;\n        background-color: #ffffff;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n    \n    .chat-input-area input {\n        width: 100%;\n        border: none;\n        padding: 12px;\n        border-radius: 20px;\n        background-color: #f3f4f6;\n        font-size: 0.95rem;\n        outline: none;\n    }\n    \n    .chat-input-area input:focus {\n        box-shadow: 0 0 0 2px #dbeafe;\n    }\n    \n    .chat-input-area button {\n        border: none;\n        background-color: #1f2937;\n        color: white;\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        flex-shrink: 0;\n    }\n    \n    .chat-input-area button svg {\n        width: 20px;\n        height: 20px;\n    }\n\n    .demo-toggle-container {\n        display: flex;\n        justify-content: center;\n        padding: 20px 0 0 0;\n        gap: 12px;\n    }\n    \n    .toggle-wrapper {\n        background: #ffffff;\n        border-radius: 100px;\n        padding: 4px;\n        display: inline-flex;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n        position: relative;\n    }\n    \n    .toggle-wrapper::before {\n        content: '';\n        position: absolute;\n        background: linear-gradient(180deg, #DEEBFF 0%, #f2f7ff 100%);\n        border-radius: 100px;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        top: 4px;\n        bottom: 4px;\n        z-index: 1;\n        pointer-events: none;\n        left: var(--toggle-left, 4px);\n        width: var(--toggle-width, 205px);\n    }\n    \n    .toggle-option {\n        padding: 10px 24px !important;\n        border-radius: 100px;\n        border: none;\n        background: transparent;\n        cursor: pointer;\n        font-size: 16px !important;\n        font-weight: 500;\n        color: #6b7280;\n        transition: color 0.3s ease;\n        white-space: nowrap;\n        position: relative;\n        z-index: 2;\n    }\n    \n    .toggle-option.active {\n        color: #0060FF;\n    }\n    \n    .toggle-option:hover:not(.active) {\n        color: #374151;\n    }\n\n    @keyframes slideIn {\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n    \n    @media (max-width: 768px) {\n        .toggle-option {\n            padding: 8px 18px !important;\n            font-size: 14px !important;\n        }\n    }\n.k9m-cart-wrap {\n    width: 100%;\n}\n.xr7-cart-action {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 5px 12px;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 1.4;\n    color: var(--ai-chat-primary-color, #0073ee);\n    background: var(--ai-chat-primary-color-light, rgba(0, 115, 238, 0.1));\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    text-decoration: none !important;\n    white-space: nowrap;\n    width: auto;\n    margin: 3px 0 5px 0;\n}\n.v3p-price-row {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n}\n.demo-title-wrap {display: flex; align-items: center; gap: 8px;}\n<\/style>\n\n<div class=\"chat-container\">\n<div class=\"listeo-ai-chat-header\">\n                            <div class=\"listeo-ai-chat-header-left\">\n                                                                    <div class=\"listeo-ai-chat-avatar-wrapper\">\n                                        <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/12\/purethemes.webp\" alt=\"KI-Assistent\" class=\"listeo-ai-chat-avatar\">\n                                        <span class=\"listeo-ai-chat-status-dot\"><\/span>\n                                    <\/div>\n                                                                <div class=\"listeo-ai-chat-title\">KI-Assistent<\/div>\n                            <\/div>\n  \n                        <\/div>\n    <div class=\"chat-messages\" id=\"chat-messages\">\n        <!-- PRE-RENDERED: First 2 messages of \"knowledge\" demo for instant paint -->\n        <div class=\"message user prerendered\" data-prerendered=\"knowledge\">\n            <div class=\"bubble\">Wie kann ich mein Passwort zur\u00fccksetzen?<\/div>\n        <\/div>\n        <div class=\"message ai prerendered\" data-prerendered=\"knowledge\">\n            <div class=\"bubble\">Gehen Sie folgenderma\u00dfen vor, um Ihr Passwort zur\u00fcckzusetzen:<br><br>1. Gehen Sie zur Anmeldeseite<br>2. Klicken '<b>Passwort vergessen?<\/b>'<br>3. Geben Sie Ihre registrierte E-Mail ein<br>4. Pr\u00fcfen Sie Ihren Posteingang auf einen Link zum Zur\u00fccksetzen<br>5. Erstellen Sie ein neues Passwort<br><br>Der Link l\u00e4uft in 24 Stunden ab. Ben\u00f6tigen Sie Hilfe bei etwas anderem?<\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"demo-toggle-container\">\n    <div class=\"toggle-wrapper\" data-active=\"ecommerce\">\n        <button class=\"toggle-option active\" data-demo=\"knowledge\"><i aria-hidden=\"true\" class=\"icon icon-users\" style=\"font-size: 20px; margin: -5px 3px 0 0; display: inline-block; position: relative; top: 3px;\"><\/i> Kundenbetreuung<\/button>\n        <button class=\"toggle-option\" data-demo=\"ecommerce\"><i aria-hidden=\"true\" class=\"icon icon-shopping-cart1\" style=\"margin-right: 3px;\"><\/i> eCommerce<\/button>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    'use strict';\n    \n    \/\/ ============================================\n    \/\/ CONFIGURATION\n    \/\/ ============================================\n    const TYPING_EFFECT_MODE = 'auto';\n    \n    \/\/ Number of pre-rendered messages per demo (must match HTML above)\n    const PRERENDERED_COUNT = {\n        knowledge: 2,\n        ecommerce: 0\n    };\n    \n    function isTypingEffectEnabled() {\n        if (TYPING_EFFECT_MODE === true) return true;\n        if (TYPING_EFFECT_MODE === false) return false;\n        const lang = document.documentElement.lang || 'en';\n        return lang.toLowerCase().startsWith('en');\n    }\n    \n    const ENABLE_TYPING_EFFECT = isTypingEffectEnabled();\n    \/\/ ============================================\n\n    const transcripts = {\n        ecommerce: [\n            { \n                type: 'user', \n                message: \"Hi, I'm looking for headphones with ANC\" \n            },\n            {\n                type: 'ai',\n                message: '<div class=\"product-card\"><img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/10\/hpnes.png\" alt=\"Wireless Headphones\" class=\"product-image\" width=\"60\" height=\"60\" loading=\"lazy\"><div class=\"product-details\"><div class=\"demo-title-wrap\"><div class=\"product-title\">Wireless Headphones<\/div><div class=\"product-tag\">Best Match<\/div><\/div><div class=\"product-description\">Premium over-ear headphones with active noise cancellation...<\/div><div class=\"v3p-price-row\"><div class=\"product-price\">$50.00<\/div><div class=\"product-stock\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" width=\"16\" height=\"16\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg><span>In Stock<\/span><\/div><\/div><div class=\"k9m-cart-wrap\"><div class=\"xr7-cart-action\" data-product-id=\"2997\" role=\"button\" tabindex=\"0\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"><\/circle><circle cx=\"20\" cy=\"21\" r=\"1\"><\/circle><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"><\/path><\/svg><span class=\"xr7-cart-label\">Add to Cart<\/span><\/div><\/div><\/div><\/div>',\n                isHtml: true,\n                isProduct: true\n            },\n            { \n                type: 'ai', \n                message: \"I found a product that matches your request for headphones with ANC:<br><br><b>Wireless Headphones.<\/b> These headphones offer wireless convenience and noise-canceling feature as you requested.<br><br>You can check more details or purchase them <a href='#'>here<\/a>. Let me know if you want more info! \ud83c\udfa7\",\n                isHtml: true\n            },\n            {\n                type: 'user',\n                message: \"Great! Do you have a physical store I can visit?\"\n            },\n            {\n                type: 'ai',\n                message: \"While we're primarily an online store, we do have a <b>showroom in downtown Austin<\/b> where you can try our products! We're open Mon-Fri, 10 AM to 6 PM. \ufe0f\",\n                isHtml: true \n            },\n            {\n                type: 'user',\n                message: \"Check order #123, email: test@example.com\"\n            },\n            {\n                type: 'ai',\n                message: \"<b>Order #123:<\/b> \u2705 Completed<br><b>Order Date:<\/b> October 31, 2025<br><b>Payment:<\/b> Paid \ud83d\udcb3<br><b>Items:<\/b> 404 Mystery Box \u00d7 1<br><b>Total:<\/b> $129.00<br><br><b>Delivery Status:<\/b> The order was completed and delivered on October 31, 2025 \ud83c\udf89\",\n                isHtml: true\n            },\n            {\n                type: 'user',\n                message: \"That looks good. What's your return policy?\"\n            },\n            {\n                type: 'ai',\n                message: \"We offer a <b>7-day, no-questions-asked return policy<\/b>! Just make sure the item is in its original condition with all accessories. You can start the return from your account page. \ud83d\ude0a\",\n                isHtml: true \n            }\n        ],\n        \n        knowledge: [\n            { \n                type: 'user', \n                message: \"How do I reset my password?\" \n            },\n            {\n                type: 'ai',\n                message: \"To reset your password, follow these steps:<br><br>1. Go to the login page<br>2. Click '<b>Forgot Password?<\/b>'<br>3. Enter your registered email<br>4. Check your inbox for a reset link<br>5. Create a new password<br><br>The link expires in 24 hours. Need help with anything else?\",\n                isHtml: true\n            },\n            {\n                type: 'user',\n                message: \"What are your business hours?\"\n            },\n            {\n                type: 'ai',\n                message: \"According to our company information:<br><br><b>Customer Support Hours:<\/b><br>Monday - Friday: 9 AM - 6 PM EST<br>Saturday: 10 AM - 4 PM EST<br>Sunday: Closed<br><br>For urgent issues outside these hours, you can submit a ticket through our <a href='#'>support portal<\/a>. \ud83d\udce7\",\n                isHtml: true\n            },\n            {\n                type: 'user',\n                message: \"Can you work with international clients?\"\n            },\n            {\n                type: 'ai',\n                message: \"Absolutely! We work with clients across <b>North America, Europe, and Asia<\/b>. \ud83c\udf0d<br><br>Our team operates across multiple time zones to ensure responsive communication.\",\n                isHtml: true\n            },\n            {\n                type: 'user',\n                message: \"So you'd recommend working with this company?\"\n            },\n            {\n                type: 'ai',\n                message: \"<strong>Of course!<\/strong> They literally programmed me to say nice things. \ud83d\ude04<br><br>But don't just take my word for it! Check our <a href='#'>client reviews<\/a> and <a href='#'>portfolio<\/a> to see real results from real projects.\",\n                isHtml: true\n            }\n        ]\n    };\n\n    let currentDemo = 'knowledge';\n    let demoStates = {\n        ecommerce: { messageIndex: 0, isComplete: false },\n        knowledge: { messageIndex: PRERENDERED_COUNT.knowledge, isComplete: false }\n    };\n    let activeTimeout = null;\n    let activeTypingInterval = null;\n    let isInitialLoadComplete = false;\n    let userHasScrolled = false;\n\n    const chatMessages = document.getElementById('chat-messages');\n    const toggleWrapper = document.querySelector('.toggle-wrapper');\n    const toggleButtons = document.querySelectorAll('.toggle-option');\n\n    \/\/ ============================================\n    \/\/ SCROLL TRACKING\n    \/\/ ============================================\n    chatMessages.addEventListener('scroll', function() {\n        const atBottom = chatMessages.scrollHeight - chatMessages.scrollTop - chatMessages.clientHeight < 30;\n        userHasScrolled = !atBottom;\n    });\n\n    \/\/ ============================================\n    \/\/ TOGGLE BACKGROUND\n    \/\/ ============================================\n    function updateToggleBackground(targetButton) {\n        if (!toggleWrapper || !targetButton) return;\n        const rect = targetButton.getBoundingClientRect();\n        const wrapperRect = toggleWrapper.getBoundingClientRect();\n        \n        const left = rect.left - wrapperRect.left;\n        const width = rect.width;\n        \n        toggleWrapper.style.setProperty('--toggle-left', left + 'px');\n        toggleWrapper.style.setProperty('--toggle-width', width + 'px');\n    }\n\n    function initToggleBackground() {\n        const activeButton = document.querySelector('.toggle-option.active');\n        if (!activeButton || !toggleWrapper) return;\n        \n        const rect = activeButton.getBoundingClientRect();\n        const wrapperRect = toggleWrapper.getBoundingClientRect();\n        \n        if (rect.width === 0 || wrapperRect.width === 0) {\n            setTimeout(initToggleBackground, 100);\n            return;\n        }\n        \n        updateToggleBackground(activeButton);\n    }\n\n    if (document.readyState === 'complete') {\n        initToggleBackground();\n    } else {\n        window.addEventListener('load', initToggleBackground);\n    }\n    \/\/ Fallback for WP Rocket delayed scripts\n    setTimeout(initToggleBackground, 500);\n\n    \/\/ ============================================\n    \/\/ TOGGLE CLICK HANDLER\n    \/\/ ============================================\n    toggleButtons.forEach(function(button) {\n        button.addEventListener('click', function() {\n            if (!isInitialLoadComplete) return;\n            \n            var newDemo = this.dataset.demo;\n            if (currentDemo === newDemo) return;\n            \n            if (activeTimeout) clearTimeout(activeTimeout);\n            if (activeTypingInterval) clearInterval(activeTypingInterval);\n            \n            toggleButtons.forEach(function(btn) {\n                btn.classList.remove('active');\n            });\n            this.classList.add('active');\n            \n            updateToggleBackground(this);\n            toggleWrapper.dataset.active = newDemo;\n            \n            currentDemo = newDemo;\n            userHasScrolled = false;\n            displayCurrentDemo();\n        });\n    });\n\n    \/\/ ============================================\n    \/\/ DISPLAY \/ RENDER\n    \/\/ ============================================\n    function displayCurrentDemo() {\n        chatMessages.innerHTML = '';\n        var state = demoStates[currentDemo];\n        var transcript = transcripts[currentDemo];\n        \n        \/\/ Render all already-seen messages instantly (no animation)\n        for (var i = 0; i < state.messageIndex; i++) {\n            addMessageInstant(transcript[i]);\n        }\n        \n        \/\/ Continue animating remaining messages\n        if (!state.isComplete) {\n            activeTimeout = setTimeout(addMessage, 500);\n        }\n        \n        scrollToBottom();\n    }\n\n    function addMessageInstant(messageData) {\n        var messageDiv = document.createElement('div');\n        messageDiv.className = 'message ' + messageData.type + ' prerendered';\n        \n        if (messageData.type === 'ai' && messageData.isProduct) {\n            messageDiv.classList.add('product');\n        }\n\n        var bubbleDiv = document.createElement('div');\n        bubbleDiv.className = 'bubble';\n        \n        if (messageData.isHtml) {\n            bubbleDiv.innerHTML = messageData.message;\n        } else {\n            bubbleDiv.textContent = messageData.message;\n        }\n        \n        messageDiv.appendChild(bubbleDiv);\n        chatMessages.appendChild(messageDiv);\n    }\n\n    function addMessage() {\n        var state = demoStates[currentDemo];\n        var transcript = transcripts[currentDemo];\n        \n        if (state.messageIndex >= transcript.length) {\n            state.isComplete = true;\n            isInitialLoadComplete = true;\n            return;\n        }\n        \n        var messageData = transcript[state.messageIndex];\n        var messageDiv = document.createElement('div');\n        messageDiv.className = 'message ' + messageData.type + ' animate-in';\n        \n        if (messageData.type === 'ai' && messageData.isProduct) {\n            messageDiv.classList.add('product');\n        }\n\n        var bubbleDiv = document.createElement('div');\n        bubbleDiv.className = 'bubble';\n        \n        messageDiv.appendChild(bubbleDiv);\n        chatMessages.appendChild(messageDiv);\n\n        if (ENABLE_TYPING_EFFECT && !messageData.isHtml) {\n            addTypingEffect(bubbleDiv, messageData.message, function() {\n                state.messageIndex++;\n                activeTimeout = setTimeout(addMessage, 1000);\n            });\n        } else {\n            if (messageData.isHtml) {\n                bubbleDiv.innerHTML = messageData.message;\n            } else {\n                bubbleDiv.textContent = messageData.message;\n            }\n            scrollToBottom();\n            state.messageIndex++;\n            \n            if (!isInitialLoadComplete) {\n                isInitialLoadComplete = true;\n            }\n            \n            activeTimeout = setTimeout(addMessage, 1000);\n        }\n    }\n\n    function scrollToBottom() {\n        if (!userHasScrolled) {\n            chatMessages.scrollTop = chatMessages.scrollHeight;\n        }\n    }\n\n    function addTypingEffect(element, message, callback) {\n        var i = 0;\n        var speed = 35;\n\n        function type() {\n            if (i < message.length) {\n                element.textContent += message.charAt(i);\n                i++;\n                scrollToBottom();\n                activeTypingInterval = setTimeout(type, speed);\n            } else {\n                if (!isInitialLoadComplete) {\n                    isInitialLoadComplete = true;\n                }\n                if (callback) callback();\n            }\n        }\n        type();\n    }\n\n    \/\/ ============================================\n    \/\/ INIT: Start animating from where pre-rendered left off\n    \/\/ ============================================\n    \/\/ Use requestIdleCallback if available, otherwise small delay\n    \/\/ This ensures animations don't compete with initial page render\n    function startAnimation() {\n        activeTimeout = setTimeout(addMessage, 800);\n    }\n    \n    if ('requestIdleCallback' in window) {\n        requestIdleCallback(startAnimation);\n    } else {\n        setTimeout(startAnimation, 1000);\n    }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba15716 elementor-absolute elementor-widget elementor-widget-html\" data-id=\"ba15716\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n  <div data-us-project=\"x6cbPWi9roeeiZ8cuBu3\" \r\n     data-us-disablemouse=\"true\"\r\n     data-us-fps=\"30\"\r\n     data-us-scale=\"0.75\"\r\n     data-us-lazyload=\"false\"\r\n     data-us-fixed=\"true\"\r\n     class=\"hero-bg\"><\/div>\r\n\r\n<script src=\"https:\/\/purethemes.net\/hero_animation.js\"><\/script>\r\n\r\n<style>\r\n#hero-bg-overflow {\r\n    overflow: hidden;\r\n}\r\n\r\n.hero-bg {\r\n\r\n    position: absolute; \r\n    opacity: 1;\r\n    height: 1200px; \r\n    width: 1200px;\r\n    top: -20px; \r\n    left: -20px;\r\n    transform: rotate(180deg);\r\n    filter: brightness( 100% ) contrast( 100% ) saturate( 100% )  hue-rotate( -20deg ) blur(5px);\r\n}\r\n\r\n.hero-bg canvas {\r\n    width: 1200px !important;\r\n    height: 1200px !important;\r\n    object-fit: fill;\r\n    position: absolute;\r\n    bottom: 0;\r\n    \r\n    opacity: 0; \r\n    transition: opacity 1s ease-out;\r\n    will-change: opacity;\r\n}\r\n\r\n.hero-bg:after {\r\n    height: 100%;\r\n    width: 100%;\r\n    content: \"\";\r\n    background: linear-gradient(0.75turn, transparent 70%, #F3F8FF 90%, #F3F8FF 100%);\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    display: block;\r\n    z-index: 45;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .hero-bg, .hero-bg canvas {\r\n        width: 100vw !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13540a7b e-flex e-con-boxed e-con e-parent\" data-id=\"13540a7b\" data-element_type=\"container\" id=\"pricing\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6588e354 e-con-full e-flex e-con e-child\" data-id=\"6588e354\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-720733b5 animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"720733b5\" data-element_type=\"widget\" id=\"pricing\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-text_left\"><h3 class=\"ekit-heading--title elementskit-section-title\">Einmal bezahlen, f\u00fcr immer nutzen<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<div class=\"pricing-checks\" style=\"font-size: 17px; display: flex; gap: 20px; justify-content: center;\">\n<div><img decoding=\"async\" style=\"margin-top: -3px; max-height: 25px; \" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/checkblue.svg\" alt=\"\" \/> Einmalige Zahlung<\/div>\n<div><img decoding=\"async\" style=\"margin-top: -3px; max-height: 25px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/checkblue.svg\" alt=\"\" \/> Updates f\u00fcr die gesamte Lebensdauer<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c3b09b e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"1c3b09b\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a156f49 e-con-full e-flex e-con e-child\" data-id=\"a156f49\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c19197 elementor-widget elementor-widget-html\" data-id=\"9c19197\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .pts-pricing-wrap {\n    display: flex;\n    gap: 40px;\n    align-items: flex-start;\n    margin: 0 auto;\n    width: 100%;\n    border: 1px solid #e0e0e0;\n    padding: 30px 35px;\n    border-radius: 12px;\n    background-image: linear-gradient(140deg, #FFFFFF 65%, #f8f8f8 100%);\n  }\n\n  \/* \u2500\u2500 CARD \u2500\u2500 *\/\n  .pts-pricing-card-wrap {\n    background: #fff;\n    border-radius: 10px;\n    min-width: 380px;\n    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.09);\n  }\n\n  .pts-pricing-card {\n    background: #fff;\n    border-radius: 12px;\n    margin: 5px;\n    padding: 25px;\n    flex-shrink: 0;\n    border-radius: 12px;\n    position: relative;\n    background-color: transparent;\n    background-image: linear-gradient(180deg, #E8F1FF 0%, #FFFFFF 100%);\n  }\n\n  .pts-pricing-wrap {\n    display: flex;\n    \/*align-items: stretch;*\/\n    align-items: center;\n  }\n\n  .pts-pricing-card-wrap {\n    flex: 0 0 auto;\n  }\n\n  .pts-features-side {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .pts-price-main {\n    font-variant-numeric: tabular-nums;\n  }\n\n  .odo {\n    letter-spacing: -1px;\n    gap: -1px;\n  }\n\n  .pts-plan-badge {\n    display: inline-block;\n    font-size: 16px;\n    font-weight: 500;\n    padding: 3px 10px;\n    border-radius: 50px;\n    margin-bottom: 10px;\n    background-color: #fff;\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);\n    color: #666;\n    transition: background 0.2s, color 0.2s;\n    height: 26px;\n    min-width: 45px;\n    text-align: center;\n  }\n\n  .pts-plan-badge.is-pro {\n    background-color: #CADFFF;\n    color: #0060FF;\n    box-shadow: none;\n  }\n\n  \/* \u2500\u2500 PRICE ROW \u2500\u2500 *\/\n  .pts-price-row {\n    display: flex;\n    align-items: flex-end;\n    gap: 10px;\n    height: 58px;\n    overflow: hidden;\n  }\n\n  .pts-price-main {\n    font-size: 45px;\n    font-weight: 500;\n    color: #111;\n    line-height: 1;\n    height: 58px;\n    display: flex;\n    align-items: flex-end;\n    overflow: hidden;\n  }\n\n  .pts-price-main, .odo-col {\n    letter-spacing: -2px;\n  }\n\n  .pts-price-old {\n    font-size: 20px;\n    color: #999;\n    font-weight: 500;\n    align-self: flex-end;\n    padding-bottom: 3px;\n    visibility: visible;\n    transition: opacity 0.2s;\n    position: relative;\n  }\n  \n  .pts-price-old:before {\n    background-color: #fb2c36be;\n    content: \"\";\n    position: absolute;\n    top: calc(50% - 2px);\n    width: 100%;\n    height: 2px;\n    rotate: -10deg;\n  }\n  \n  #ptsLicenseText { display: flex; }\n  #ptsLicenseText div { padding-left: 5px; font-weight: 500; color: #111;}\n  .pts-locked  #ptsLicenseText div { font-weight: 400; }\n\n  .pts-price-old.hidden { visibility: hidden; }\n\n  \/* \u2500\u2500 SAVE BADGE \u2500\u2500 *\/\n  .pts-save-badge {\n    display: none;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 3px 9px;\n    border-radius: 20px;\n    transition: background 0.2s, color 0.2s;\n    align-self: flex-end;\n    margin-bottom: 6px;\n    white-space: nowrap;\n    \/*background: #fffcd3;*\/\n    \/*color: #7c7731;*\/\n    background: #c4eec0;\n    color: #227848;\n  }\n\n  .pts-save-badge.visible {\n    display: inline-block;\n  }\n\n  .pts-price-desc {\n    font-size: 16px;\n    font-weight: 500;\n    letter-spacing: -0.3px;\n    color: #818181;\n    margin-top: 6px;\n    margin-bottom: 15px;\n    min-height: 18px;\n  }\n\n  \/* \u2500\u2500 SLIDER \u2500\u2500 *\/\n  .pts-slider-wrap {\n    position: relative;\n    margin-bottom: 0;\n    padding-top: 38px;\n  }\n\n  \/* \u2500\u2500 SLIDER TOOLTIP \u2500\u2500 *\/\n  .pts-slider-tooltip {\n    position: absolute;\n    top: -3px;\n    transform: translateX(-50%);\n    background: #fff;\n    color: #222;\n    padding: 5px 12px;\n    border-radius: 56px;\n    font-size: 14px;\n    font-weight: 600;\n    white-space: nowrap;\n    transition: left 0.12s cubic-bezier(0.4, 0, 0.2, 1);\n    z-index: 5;\n    letter-spacing: -0.2px;\n    background-color: #CADFFF;\n    color: #0060FF;\n    background: linear-gradient(180deg, #e0edff 0%, #CADFFF 100%);\n    cursor: grab;\n    user-select: none;\n    -webkit-user-select: none;\n    touch-action: none;\n  }\n\n  .pts-slider-tooltip.is-free-tip {\n    background-color: #f0f0f0;\n    color: #555;\n    opacity: 0;\n  }\n\n  .pts-slider-tooltip.is-free-tip::after {\n    border-top-color: #f0f0f0;\n  }\n\n  .pts-slider-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    border: 5px solid transparent;\n    border-top-color: #CADFFF;\n  }\n\n  .pts-slider-tooltip.dragging {\n    cursor: grabbing;\n    transition: none;\n  }\n\n  input[type=\"range\"].pts-slider {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 100%;\n    height: 4px;\n    border-radius: 2px;\n    background: linear-gradient(to right, #0060FF 0%, #0060FF var(--fill, 25%), #e5e7eb var(--fill, 25%), #e5e7eb 100%);\n    outline: none;\n    cursor: pointer;\n    display: block;\n    padding: 0;\n    margin: 3px 0 0 0;\n  }\n\n  input[type=\"range\"].pts-slider::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: #fff;\n    border: 2.5px solid #0060FF;\n    box-shadow: 0 0 0 3px rgba(0,96,255,0.12);\n    cursor: grab;\n    transition: box-shadow 0.15s;\n  }\n\n  input[type=\"range\"].pts-slider::-webkit-slider-thumb:hover {\n    box-shadow: 0 0 0 5px rgba(0,96,255,0.12);\n  }\n\n  input[type=\"range\"].pts-slider::-moz-range-thumb {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: #fff;\n    border: 2.5px solid #0060FF;\n    box-shadow: 0 1px 4px rgba(0,96,255,0.25);\n    cursor: pointer;\n  }\n\n  .pts-slider-ticks {\n    position: relative;\n    height: 20px;\n    margin-top: 10px;\n  }\n\n.pts-slider-ticks span {\n    position: absolute;\n    min-width: 30px;\n    height: 20px;\n    text-align: center;\n    font-size: 14px;\n    color: #808080;\n    font-weight: 600;\n    cursor: pointer;\n    transition: color 0.15s;\n    white-space: nowrap;\n    transform: translateX(-50%);\n}\n\n.pts-slider-ticks span[data-idx=\"0\"] { left: 15px; }\n.pts-slider-ticks span[data-idx=\"1\"] { left: calc(1 * (100% - 20px) \/ 4 + 10px); }\n.pts-slider-ticks span[data-idx=\"2\"] { left: 50%; }\n.pts-slider-ticks span[data-idx=\"3\"] { left: calc(3 * (100% - 20px) \/ 4 + 10px); }\n.pts-slider-ticks span[data-idx=\"4\"] { left: calc(100% - 9px); }\n.pts-slider-ticks span:hover { color: #374151; }\n.pts-slider-ticks span.active-tick { color: #0060FF; font-weight: 700; }\n\n  \/* \u2500\u2500 BUY BUTTON \u2500\u2500 *\/\n  .pts-buy-btn {\n    display: block;\n    width: 100%;\n    margin-top: 24px;\n    padding: 14px 20px;\n    background-color: transparent;\n    width: 100%;\n    background-image: linear-gradient(180deg, #1B71FF 0%, #0060FF 100%);\n    color: #fff;\n    font-size: 15px;\n    font-weight: 600;\n    text-align: center;\n    border-radius: 50px;\n    text-decoration: none;\n    transition: 0.2s;\n    border: none;\n    cursor: pointer;\n  }\n\n  .pts-buy-btn:hover { color: #fff; transform: translateY(-1px) !important; box-shadow: 0 2px 12px rgba(0,0,0,0.1); }\n  .pts-buy-btn.is-free { background: #DFEBFF; color: #0060FF; }\n  .pts-buy-btn.is-free:hover { background: #d1e3ff; box-shadow: none; }\n\n  \/* \u2500\u2500 FEATURES SIDE \u2500\u2500 *\/\n  .pts-features-side {\n    flex: 1;\n    min-width: 0;\n    padding: 20px 25px;\n    border-radius: 12px;\n  }\n\n  .pts-features-header {\n    font-size: 20px;\n    font-weight: 600;\n    color: #222;\n    margin-bottom: 25px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    letter-spacing: -0.3px;\n  }\n\n  .pts-features-badge {\n    background: #d5fbd1;\n    color: #227848;\n    font-size: 14px;\n    font-weight: 500;\n    padding: 3px 9px;\n    border-radius: 20px;\n    transition: background 0.2s, color 0.2s;\n  }\n\n  .pts-features-badge.is-free { background: #f0f0f0; color: #555; }\n\n  ul.pts-features-checklist {\n    list-style: none;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 8px;\n  }\n\n  ul.pts-features-checklist li {\n    display: flex;\n    align-items: flex-start;\n    gap: 0px;\n    font-size: 16px;\n    color: #555;\n    line-height: 1.4;\n    transition: opacity 0.3s, filter 0.3s;\n    letter-spacing: -0.2px;\n    cursor: pointer;\n    transition: 0.2s;\n  }\n\n  ul.pts-features-checklist li .cool-feature {\n    text-decoration-line: underline;\n    text-decoration-style: dotted;\n    text-underline-offset: 3px;\n    text-decoration-color: #bbb;\n    transition: 0.2s;\n  }\n\n  ul.pts-features-checklist li .cool-feature:hover {\n    color: #111;\n    text-decoration-color: #444;\n  }\n\n  ul.pts-features-checklist li span,\n  ul.pts-features-checklist li span i {\n    text-decoration: none !important;\n  }\n\n  ul.pts-features-checklist li.pts-locked {\n    opacity: 0.35;\n    filter: grayscale(1);\n    pointer-events: none;\n  }\n\n  ul.pts-features-checklist li .pts-check-icon {\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n    margin-top: 1px;\n    margin-right: 7px;\n    filter: hue-rotate(230deg);\n  }\n\n  \/* \u2500\u2500 TOOLTIP \u2500\u2500 *\/\n  .pts-tooltip-trigger { position: relative; display: inline-flex; align-items: center; margin-left: 4px; margin-top: 1px; cursor: help; }\n  .pts-tooltip-trigger > i { font-size: 9px; color: #333; background: #f0f0f0; height: 20px; width: 20px; border-radius: 20px; line-height: 20px; transition: color 0.2s; text-align: center; }\n  .pts-tooltip-text { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background: #222; color: #fff; padding: 8px 12px; border-radius: 8px; font-size: 13px; line-height: 1.4; max-width: 210px; width: 210px; white-space: normal; word-wrap: break-word; text-align: center; opacity: 0; visibility: hidden; transition: opacity 0.3s; margin-bottom: 8px; z-index: 100; pointer-events: none; }\n  .pts-tooltip-text::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-top-color: #222; }\n  .pts-tooltip-trigger:hover .pts-tooltip-text { opacity: 1; visibility: visible; }\n\n  \/* \u2500\u2500 ODOMETER \u2500\u2500 *\/\n  .odo { display: inline-flex; font-variant-numeric: tabular-nums; align-items: flex-end; }\n  .odo-col { display: inline-block; overflow: hidden; height: 1em; line-height: 1; }\n  .odo-reel { display: block; }\n  .odo-reel span { display: block; height: 1em; line-height: 1; text-align: center; }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 990px) {\n    .pts-pricing-wrap { flex-direction: column; gap: 0; border: none; padding: 0; }\n    ul.pts-features-checklist { grid-template-columns: 1fr; margin-top: 0px; }\n    .pts-features-side,\n    .pts-pricing-card-wrap { min-width: auto; width: 100%; padding: 0; }\n    .pts-features-side { margin-top: 30px; border: 1px solid #e0e0e0; padding: 30px 25px; }\n  }\n<\/style>\n\n<div class=\"pts-pricing-wrap\">\n\n  <!-- LEFT: CARD -->\n  <div class=\"pts-pricing-card-wrap\">\n  <div class=\"pts-pricing-card\">\n\n    <div class=\"pts-plan-badge is-pro\" id=\"ptsPlanBadge\">Pro<\/div>\n\n    <div class=\"pts-price-row\">\n      <span class=\"pts-price-main price-swap\"><span>$59<\/span><\/span>\n      <span class=\"pts-save-badge\" id=\"ptsSaveBadge\"><\/span>\n      <span class=\"pts-price-old price-old-swap hidden\">&nbsp;<\/span>\n    <\/div>\n\n    <div class=\"pts-price-desc price-desc-swap\">Einmalige Zahlung<\/div>\n\n    <!-- Slider with tooltip -->\n    <div class=\"pts-slider-wrap\">\n      <div class=\"pts-slider-tooltip\" id=\"ptsSliderTooltip\">1 Website<\/div>\n      <input type=\"range\" class=\"pts-slider\" id=\"ptsSlider\" min=\"0\" max=\"4\" step=\"1\" value=\"1\">\n    <\/div>\n    <div class=\"pts-slider-ticks\">\n      <span data-idx=\"0\">Free<\/span>\n      <span data-idx=\"1\" class=\"active-tick\">1<\/span>\n      <span data-idx=\"2\">3<\/span>\n      <span data-idx=\"3\">5<\/span>\n      <span data-idx=\"4\">10<\/span>\n    <\/div>\n\n    <a href=\"https:\/\/checkout.dodopayments.com\/buy\/pdt_F2A5wLxD7vS11lobt5Kze?quantity=1&showDiscounts=false&redirect_url=https:\/\/purethemes.net%2Fai-chatbot-for-wordpress%2F\"\n       class=\"pts-buy-btn\"\n       id=\"ptsBuyBtn\"\n       target=\"_blank\"\n       rel=\"noopener\">\n      Jetzt kaufen\n    <\/a>\n\n  <\/div>\n  <\/div>\n\n<!-- RIGHT: FEATURES -->\n<div class=\"pts-features-side\">\n  <div class=\"pts-features-header\">\n    Was enthalten ist\n    <span class=\"pts-features-badge\" id=\"ptsFeatBadge\">Alles freigeschaltet<\/span>\n  <\/div>\n\n  <ul class=\"pts-features-checklist\" id=\"ptsFeatureList\">\n\n    <li data-min=\"0\" id=\"ptsLicenseLine\">\n      <img decoding=\"async\" class=\"pts-check-icon\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/checkblue.svg\" alt=\"\">\n      <div class=\"cool-feature\"><div id=\"ptsLicenseText\">Pro-Lizenz: <div>1 Website<\/div><\/div><\/div>\n    <\/li>\n\n    <li data-min=\"0\">\n      <img decoding=\"async\" class=\"pts-check-icon\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/checkblue.svg\" alt=\"\">\n      <div class=\"cool-feature\">Unbegrenzte Konversationen<\/div>\n    <\/li>\n\n    <li data-min=\"0\" id=\"ptsTrainingSources\">\n      <img decoding=\"async\" class=\"pts-check-icon\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/checkblue.svg\" alt=\"\">\n      <div class=\"cool-feature\">\n        <span class=\"pts-training-label\">Alle Schulungsquellen<\/span>\n      <\/div>\n      <span class=\"pts-training-tooltip pts-tooltip-trigger\">\n        <i class=\"fas fa-question\"><\/i>\n        <span class=\"pts-tooltip-text\">\n          Seiten, Beitr\u00e4ge, WooCommerce-Produkte, benutzerdefinierte Beitragstypen, externe Websites, PDF\n        <\/span>\n      <\/span>\n    <\/li>\n\n    <li data-min=\"0\">\n      <img decoding=\"async\" class=\"pts-check-icon\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/checkblue.svg\" alt=\"\">\n      <div class=\"cool-feature\">Customizable Design<\/div>\n      <span class=\"pts-tooltip-trigger\">\n        <i class=\"fas fa-question\"><\/i>\n        <span class=\"pts-tooltip-text\">\n          W\u00e4hlen Sie zwischen einer cleanen, minimalistischen Leiste, einem Bild oder einem animierten Seidenwellen-Effekt. Dunkel- und Hellmodus verf\u00fcgbar.\n        <\/span>\n      <\/span>\n    <\/li>\n\n    <li data-min=\"1\">\n      <img decoding=\"async\" class=\"pts-check-icon\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/checkblue.svg\" alt=\"\">\n      <div class=\"cool-feature\">Chat-Gespr\u00e4chsverlauf<\/div>\n      <span class=\"pts-tooltip-trigger\">\n        <i class=\"fas fa-question\"><\/i>\n        <span class=\"pts-tooltip-text\">\n          Alle Unterhaltungen zentral einsehen und nachverfolgen \u2013 User-Fragen, KI-Antworten und User-Details sehen.\n        <\/span>\n      <\/span>\n    <\/li>\n\n    <li data-min=\"1\">\n      <img decoding=\"async\" class=\"pts-check-icon\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/checkblue.svg\" alt=\"\">\n      <div class=\"cool-feature\">Chat-Insights<\/div>\n      <span class=\"pts-tooltip-trigger\">\n        <i class=\"fas fa-question\"><\/i>\n        <span class=\"pts-tooltip-text\">\n          KI analysiert Chatbot-Gespr\u00e4che und hebt Zusammenfassungen, L\u00fccken, Schw\u00e4chen und Stimmung hervor.\n        <\/span>\n      <\/span>\n    <\/li>\n\n    <li data-min=\"1\">\n      <img decoding=\"async\" class=\"pts-check-icon\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/checkblue.svg\" alt=\"\">\n      <div class=\"cool-feature\">WooCommerce-Integration<\/div>\n      <span class=\"pts-tooltip-trigger\">\n        <i class=\"fas fa-question\"><\/i>\n        <span class=\"pts-tooltip-text\">\n          Lass Besucher Produkte mit KI suchen und vergleichen, Empfehlungen erhalten oder den Bestellstatus pr\u00fcfen.\n        <\/span>\n      <\/span>\n    <\/li>\n\n    <li data-min=\"1\">\n      <img decoding=\"async\" class=\"pts-check-icon\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/checkblue.svg\" alt=\"\">\n      <div class=\"cool-feature\">Schnellaktions-Buttons<\/div>\n      <span class=\"pts-tooltip-trigger\">\n        <i class=\"fas fa-question\"><\/i>\n        <span class=\"pts-tooltip-text\">\n          Buttons mit Link (z.B. zu Seite oder WhatsApp), vordefinierte Frage an KI oder Kontaktformular-Popup\n        <\/span>\n      <\/span>\n    <\/li>\n\n    <li data-min=\"1\">\n      <img decoding=\"async\" class=\"pts-check-icon\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/checkblue.svg\" alt=\"\">\n      <div class=\"cool-feature\">KI-Lead-Erfassung<\/div>\n      <span class=\"pts-tooltip-trigger\">\n        <i class=\"fas fa-question\"><\/i>\n        <span class=\"pts-tooltip-text\">\n          KI kann die Daten des Besuchers wie E-Mail oder Telefonnummer erfassen und Ihnen eine E-Mail mit seiner Frage senden.\n        <\/span>\n      <\/span>\n    <\/li>\n\n    <li data-min=\"1\">\n      <img decoding=\"async\" class=\"pts-check-icon\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/checkblue.svg\" alt=\"\">\n      <div class=\"cool-feature\">Benutzerdefinierte KI-Anweisungen<\/div>\n      <span class=\"pts-tooltip-trigger\">\n        <i class=\"fas fa-question\"><\/i>\n        <span class=\"pts-tooltip-text\">\n          Weisen Sie Ihren KI-Assistenten in nat\u00fcrlicher Sprache an, genau so, wie Sie einen neuen Kollegen einweisen w\u00fcrden.\n        <\/span>\n      <\/span>\n    <\/li>\n\n    <li data-min=\"1\">\n      <img decoding=\"async\" class=\"pts-check-icon\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/checkblue.svg\" alt=\"\">\n      <div class=\"cool-feature\">Bild- und Sprachnachrichten<\/div>\n      <span class=\"pts-tooltip-trigger\">\n        <i class=\"fas fa-question\"><\/i>\n        <span class=\"pts-tooltip-text\">\n          Erm\u00f6glicht Besuchern, beim Chatten mit dem Chatbot Bilder anzuh\u00e4ngen oder Sprachnachrichten aufzunehmen.\n        <\/span>\n      <\/span>\n    <\/li>\n\n    <li data-min=\"1\">\n      <img decoding=\"async\" class=\"pts-check-icon\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/checkblue.svg\" alt=\"\">\n      <div class=\"cool-feature\">Telegram &amp; WhatsApp<\/div>\n      <span class=\"pts-tooltip-trigger\">\n        <i class=\"fas fa-question\"><\/i>\n        <span class=\"pts-tooltip-text\">\n          Lass Nutzer per Telegram oder WhatsApp mit deinem KI-Assistenten chatten.\n        <\/span>\n      <\/span>\n    <\/li>\n\n    <li data-min=\"1\">\n      <img decoding=\"async\" class=\"pts-check-icon\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/checkblue.svg\" alt=\"\">\n      <div class=\"cool-feature\">n8n, Zapier &amp; Make<\/div>\n      <span class=\"pts-tooltip-trigger\">\n        <i class=\"fas fa-question\"><\/i>\n        <span class=\"pts-tooltip-text\">\n          Verbinde dich \u00fcber Webhooks mit externen Apps via n8n, Zapier oder Make.\n        <\/span>\n      <\/span>\n    <\/li>\n\n    <li data-min=\"1\">\n      <img decoding=\"async\" class=\"pts-check-icon\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/checkblue.svg\" alt=\"\">\n      <div class=\"cool-feature\">\"Powered by\"-Label entfernen<\/div>\n    <\/li>\n\n  <\/ul>\n<\/div>\n\n<\/div>\n\n<script>\n(function () {\n  let initialized = false;\n\n  function init() {\n    if (initialized) return;\n    initialized = true;\n\n    const slider = document.getElementById('ptsSlider');\n    if (!slider) { initialized = false; return; }\n\n    const priceEl        = document.querySelector('.pts-price-main span');\n    const oldPriceEl     = document.querySelector('.price-old-swap');\n    const saveBadgeEl    = document.getElementById('ptsSaveBadge');\n    const descEl         = document.querySelector('.price-desc-swap');\n    const buyBtn         = document.getElementById('ptsBuyBtn');\n    const sliderTicks    = document.querySelectorAll('.pts-slider-ticks span');\n    const planBadge      = document.getElementById('ptsPlanBadge');\n    const featBadge      = document.getElementById('ptsFeatBadge');\n    const featureItems   = document.querySelectorAll('#ptsFeatureList li');\n    const trainingLabel    = document.querySelector('.pts-training-label');\n    const trainingTooltip  = document.querySelector('.pts-training-tooltip');\n    const sliderTooltip    = document.getElementById('ptsSliderTooltip');\n    const licenseText      = document.getElementById('ptsLicenseText');\n\n    const labels = ['Free', '1 Site', '3 Sites', '5 Sites', '10 Sites'];\n\n    \/* License HTML per slider index \u2014 div-wrapped count for TranslatePress exclusion *\/\n    const licenseTexts = [\n       'Free License',\n      'Pro License for <div>1 Site<\/div>',\n      'Pro License for <div>3 Sites<\/div>',\n      'Pro License for <div>5 Sites<\/div>',\n      'Pro License for <div>10 Sites<\/div>'\n    ];\n\n    const options = [\n      {\n        price: '$0', oldPrice: '', saveAmount: '',\n        desc: 'Forever Free',\n        url: 'https:\/\/purethemes.net\/?download=ai-chat-search',\n        btnText: 'Download Free Plugin', isFree: true\n      },\n      {\n        price: '$59', oldPrice: '', saveAmount: '',\n        desc: 'One-Time Payment',\n        url: 'https:\/\/checkout.dodopayments.com\/buy\/pdt_F2A5wLxD7vS11lobt5Kze?quantity=1&showDiscounts=false&redirect_url=https:\/\/purethemes.net%2Fai-chatbot-for-wordpress%2F',\n        btnText: 'Buy Now', isFree: false\n      },\n      {\n        price: '$99', oldPrice: '$177', saveAmount: 'Save $78',\n        desc: 'One-Time Payment',\n        url: 'https:\/\/checkout.dodopayments.com\/buy\/pdt_JBNAAosOlBArxk8QokMwh?quantity=1&showDiscounts=false&redirect_url=https:\/\/purethemes.net%2Fai-chatbot-for-wordpress%2F',\n        btnText: 'Buy Now', isFree: false\n      },\n      {\n        price: '$149', oldPrice: '$295', saveAmount: 'Save $146',\n        desc: 'One-Time Payment',\n        url: 'https:\/\/checkout.dodopayments.com\/buy\/pdt_0NbfsLzWEkO35SkNagjK5?quantity=1&showDiscounts=false&redirect_url=https:\/\/purethemes.net%2Fai-chatbot-for-wordpress%2F',\n        btnText: 'Buy Now', isFree: false\n      },\n      {\n        price: '$249', oldPrice: '$590', saveAmount: 'Save $341',\n        desc: 'One-Time Payment',\n        url: 'https:\/\/checkout.dodopayments.com\/buy\/pdt_zxB8mSJNdkil2EaURA6hZ?quantity=1&showDiscounts=false&redirect_url=https:\/\/purethemes.net%2Fai-chatbot-for-wordpress%2F',\n        btnText: 'Buy Now', isFree: false\n      }\n    ];\n\n    let current = options[1].price;\n    let cleanupTimer = null;\n\n    \/* \u2500\u2500 Tooltip dragging \u2500\u2500 *\/\n    let isDragging = false;\n\n    function clientToSliderValue(clientX) {\n      const rect = slider.getBoundingClientRect();\n      const thumbW = 20;\n      const usable = rect.width - thumbW;\n      const rel = clientX - rect.left - thumbW \/ 2;\n      const pct = Math.max(0, Math.min(1, rel \/ usable));\n      const min = parseFloat(slider.min);\n      const max = parseFloat(slider.max);\n      let val = Math.round(pct * (max - min) + min);\n      return Math.max(min, Math.min(max, val));\n    }\n\n    function onDragStart(e) {\n      e.preventDefault();\n      isDragging = true;\n      sliderTooltip.classList.add('dragging');\n      document.body.style.userSelect = 'none';\n      document.body.style.webkitUserSelect = 'none';\n      handleDragMove(e);\n    }\n\n    function handleDragMove(e) {\n      if (!isDragging) return;\n      const clientX = e.touches ? e.touches[0].clientX : e.clientX;\n      const val = clientToSliderValue(clientX);\n      slider.value = val;\n      setOption(val);\n    }\n\n    function onDragEnd() {\n      if (!isDragging) return;\n      isDragging = false;\n      sliderTooltip.classList.remove('dragging');\n      document.body.style.userSelect = '';\n      document.body.style.webkitUserSelect = '';\n    }\n\n    sliderTooltip.addEventListener('mousedown', onDragStart);\n    sliderTooltip.addEventListener('touchstart', onDragStart, { passive: false });\n    document.addEventListener('mousemove', handleDragMove);\n    document.addEventListener('touchmove', handleDragMove, { passive: false });\n    document.addEventListener('mouseup', onDragEnd);\n    document.addEventListener('touchend', onDragEnd);\n\n    \/* \u2500\u2500 Slider tooltip positioning \u2500\u2500 *\/\n    function positionTooltip(idx) {\n      if (!sliderTooltip) return;\n      sliderTooltip.textContent = labels[idx];\n\n      const min = parseFloat(slider.min);\n      const max = parseFloat(slider.max);\n      const pct = (idx - min) \/ (max - min);\n      const thumbW = 20;\n      const trackW = slider.offsetWidth;\n      const left = pct * (trackW - thumbW) + thumbW \/ 2;\n      sliderTooltip.style.left = left + 'px';\n    }\n\n    function updateSliderFill(val) {\n      const pct = (val \/ (slider.max - slider.min)) * 100;\n      slider.style.setProperty('--fill', pct + '%');\n    }\n\n    function measureChar(ch) {\n      const m = document.createElement('span');\n      m.style.cssText = 'position:absolute;visibility:hidden;white-space:pre;font:inherit';\n      m.textContent = ch;\n      priceEl.appendChild(m);\n      const w = m.getBoundingClientRect().width;\n      m.remove();\n      return w;\n    }\n\n    function flush() {\n      if (cleanupTimer) {\n        clearTimeout(cleanupTimer);\n        cleanupTimer = null;\n        priceEl.textContent = current;\n      }\n    }\n\n    function roll(newPrice) {\n      flush();\n      const oldPrice = current;\n      current = newPrice;\n      if (oldPrice === newPrice) return;\n\n      const len = Math.max(oldPrice.length, newPrice.length);\n      const oChars = oldPrice.padEnd(len).split('');\n      const nChars = newPrice.padEnd(len).split('');\n\n      const odo = document.createElement('span');\n      odo.className = 'odo';\n\n      const dur = 300;\n      let maxDelay = 0;\n      const firstChanged = oChars.findIndex((c, j) => c !== nChars[j]);\n\n      oChars.forEach((o, i) => {\n        const n   = nChars[i];\n        const col = document.createElement('span');\n        col.className = 'odo-col';\n        const reel = document.createElement('span');\n        reel.className = 'odo-reel';\n\n        const appearing    = o === ' ' && n !== ' ';\n        const disappearing = o !== ' ' && n === ' ';\n\n        if (o === n) {\n          const s = document.createElement('span');\n          s.textContent = o;\n          reel.appendChild(s);\n        } else {\n          const sO = document.createElement('span'); sO.textContent = o === ' ' ? '\\u00A0' : o;\n          const sN = document.createElement('span'); sN.textContent = n === ' ' ? '\\u00A0' : n;\n          reel.appendChild(sO);\n          reel.appendChild(sN);\n\n          const charWidth = measureChar(appearing ? n : o);\n          if (appearing)    { col.style.width = '0'; col.style.overflow = 'hidden'; }\n          if (disappearing) { col.style.width = charWidth + 'px'; col.style.overflow = 'hidden'; }\n\n          const delay = Math.max(0, (i - firstChanged) * 40);\n          if (delay + dur > maxDelay) maxDelay = delay + dur;\n\n          setTimeout(() => {\n            reel.style.transition = 'transform ' + dur + 'ms cubic-bezier(0.4,0,0.15,1)';\n            reel.style.transform  = 'translateY(-1em)';\n            if (appearing)    { col.style.transition = 'width ' + dur + 'ms cubic-bezier(0.4,0,0.15,1)'; col.style.width = charWidth + 'px'; }\n            if (disappearing) { col.style.transition = 'width ' + dur + 'ms cubic-bezier(0.4,0,0.15,1)'; col.style.width = '0'; }\n          }, delay);\n        }\n\n        col.appendChild(reel);\n        odo.appendChild(col);\n      });\n\n      priceEl.textContent = '';\n      priceEl.appendChild(odo);\n      cleanupTimer = setTimeout(function () { priceEl.textContent = newPrice; cleanupTimer = null; }, maxDelay + 60);\n    }\n\n    function setOption(idx) {\n      const opt = options[idx];\n\n      roll(opt.price);\n\n      \/* Toggle between save badge and old price *\/\n      if (opt.saveAmount) {\n        oldPriceEl.classList.add('hidden');\n        saveBadgeEl.textContent = opt.saveAmount;\n        saveBadgeEl.classList.add('visible');\n      } else {\n        saveBadgeEl.classList.remove('visible');\n        oldPriceEl.classList.toggle('hidden', !opt.oldPrice);\n        if (opt.oldPrice) oldPriceEl.textContent = opt.oldPrice;\n      }\n\n      descEl.textContent = opt.desc;\n      buyBtn.href        = opt.url;\n      buyBtn.textContent = opt.btnText;\n      buyBtn.classList.toggle('is-free', opt.isFree);\n\n      planBadge.textContent = opt.isFree ? 'Free' : 'Pro';\n      planBadge.classList.toggle('is-pro', !opt.isFree);\n\n      featBadge.textContent = opt.isFree ? 'Limited Features' : 'Everything Unlocked';\n      featBadge.classList.toggle('is-free', opt.isFree);\n\n      sliderTooltip.classList.toggle('is-free-tip', opt.isFree);\n\n      \/* Update license text \u2014 innerHTML to preserve the <div> wrapper *\/\n      if (licenseText) {\n        licenseText.innerHTML = licenseTexts[idx];\n      }\n\n      \/* Lock\/unlock feature items based on data-min *\/\n      featureItems.forEach(function (li) {\n        li.classList.toggle('pts-locked', idx < parseInt(li.getAttribute('data-min')));\n      });\n\n      if (opt.isFree) {\n        trainingLabel.textContent      = 'Basic Training Sources';\n        trainingTooltip.style.display  = 'none';\n      } else {\n        trainingLabel.textContent      = 'All Training Sources';\n        trainingTooltip.style.display  = '';\n      }\n\n      sliderTicks.forEach(function (t, i) { t.classList.toggle('active-tick', i === idx); });\n\n      updateSliderFill(idx);\n      positionTooltip(idx);\n    }\n\n    slider.addEventListener('input', function () { setOption(parseInt(slider.value)); });\n    sliderTicks.forEach(function (tick, i) {\n      tick.addEventListener('click', function () { slider.value = i; setOption(i); });\n    });\n\n    window.addEventListener('resize', function () { positionTooltip(parseInt(slider.value)); });\n\n    var explainTranslations = {\n      'pl': 'Wyja\u015bnij ',\n      'en': 'Explain ',\n      'pt': 'Explique ',\n      'fr': 'Expliquez ',\n      'de': 'Erkl\u00e4re ',\n      'es': 'Explica ',\n      'tr': 'A\u00e7\u0131kla ',\n      'it': 'Spiega ',\n      'nl': 'Leg uit ',\n      'el': '\u0395\u03be\u03ae\u03b3\u03b7\u03c3\u03b5 '\n    };\n\n    var currentLang = document.documentElement.lang.substring(0, 2).toLowerCase();\n    var prefixWord = explainTranslations[currentLang] || 'Explain ';\n\n    setOption(1);\n\n    document.querySelectorAll('#ptsFeatureList li').forEach(function (li) {\n      li.addEventListener('click', function () {\n        if (li.classList.contains('pts-locked')) return;\n        var featureEl = li.querySelector('.cool-feature');\n        if (!featureEl) return;\n\n        var featureText = featureEl.textContent.trim();\n\n        var chatButton = document.getElementById('listeo-floating-chat-button');\n        var chatPopup = document.getElementById('listeo-floating-chat-popup');\n        if (!chatButton || !chatPopup) return;\n        if (chatPopup.style.display === 'none' || !chatPopup.style.display) {\n          chatButton.click();\n        }\n        var attempts = 0;\n        var interval = setInterval(function () {\n          attempts++;\n          var input = document.getElementById('listeo-floating-chat-instance-input');\n          var sendBtn = document.getElementById('listeo-floating-chat-instance-send');\n          if (input && sendBtn && !sendBtn.disabled) {\n            input.value = prefixWord + featureText;\n            input.focus();\n            sendBtn.click();\n            clearInterval(interval);\n          }\n          if (attempts > 30) clearInterval(interval);\n        }, 200);\n      });\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n\n  if (window.elementorFrontend) {\n    jQuery(window).on('elementor\/frontend\/init', function () {\n      init();\n    });\n  }\n\n  var _attempts = 0;\n  var _poll = setInterval(function () {\n    _attempts++;\n    if (document.getElementById('ptsSlider') && !document.querySelector('.pts-price-main span .odo')) {\n      init();\n      clearInterval(_poll);\n    }\n    if (_attempts > 20) clearInterval(_poll);\n  }, 150);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e064814 animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"e064814\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-text_center\"><a href=\"#pricing-comparison\"><div class=\"ekit-heading--title elementskit-section-title\"><span><span>Stop Overpaying<\/span><\/span> for Chatbot Subscriptions<\/div><\/a><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a71cd0 elementor-align-center elementor-widget__width-auto elementor-tablet-align-center elementor-widget-tablet__width-inherit elementor-widget elementor-widget-button\" data-id=\"4a71cd0\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#pricing-comparison\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-download-arrow\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Preise mit Wettbewerbern vergleichen<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ca5e230 e-flex e-con-boxed e-con e-parent\" data-id=\"1ca5e230\" data-element_type=\"container\" id=\"how-it-works\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1e7921eb e-con-full e-flex e-con e-child\" data-id=\"1e7921eb\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-426cc8a1 e-con-full e-flex e-con e-child\" data-id=\"426cc8a1\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7c6ba41c e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"7c6ba41c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8b2c61 elementor-widget elementor-widget-image\" data-id=\"d8b2c61\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1298\" height=\"2008\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/chatbot-for-wordpress.png\" class=\"attachment-full size-full wp-image-29813\" alt=\"\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/chatbot-for-wordpress.png 1298w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/chatbot-for-wordpress-194x300.png 194w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/chatbot-for-wordpress-662x1024.png 662w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/chatbot-for-wordpress-768x1188.png 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/chatbot-for-wordpress-993x1536.png 993w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/chatbot-for-wordpress-8x12.png 8w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/chatbot-for-wordpress-710x1098.png 710w\" sizes=\"(max-width: 1298px) 100vw, 1298px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b576f69 elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"b576f69\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Funktioniert mit jedem <img decoding=\"async\" style=\"position: relative;  top: -2px; margin-left: 3px;height: 18px; width: 18px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/10\/WordPress_blue_logo.svg\"> WordPress-Theme<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6350553c e-con-full sticky-container e-flex e-con e-child\" data-id=\"6350553c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-643cac1 animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"643cac1\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-text_left\"><h2 class=\"ekit-heading--title elementskit-section-title\">AI Chatbot Built for  <span><span><img decoding=\"async\" style=\"width: 36px; width: 36px; right: -3px;top: -3px; position: relative;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/WordPress_blue_logo.svg\"> WordPress<\/span><\/span> <\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0671eda ekit-equal-height-disable elementor-invisible elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"0671eda\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  text-center\">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon icon icon-support1\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Kundenbetreuung auf Autopilot                <\/h3>\n                        \t\t  <p>Lassen Sie Ihre Besucher finden, was sie brauchen, erhalten Sie sofort Hilfe, und konvertieren Sie schneller mit <strong> KI, die Ihr Gesch\u00e4ft versteht.<\/strong><\/p>\n                                <\/div>\n        \n        \n                <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f5ce2f ekit-equal-height-disable elementor-invisible elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"6f5ce2f\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  text-center\">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon icon icon-brain\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Trainiert mit Ihren Inhalten                <\/h3>\n                        \t\t  <p>KI lernt aus dem Inhalt Ihrer WordPress-Website, benutzerdefinierten Beitragstypen und hochgeladenen PDFs und liefert <strong>context-aware answers.<\/strong><\/p>\n                                <\/div>\n        \n        \n                <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a20309c ekit-equal-height-disable elementor-invisible elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"a20309c\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  text-center\">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon icon icon-user-1\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Einfacher pers\u00f6nlicher Kontakt                <\/h3>\n                        \t\t  <p>Der Assistent kann in Namen der Nutzer E-Mails an Sie senden, wenn diese w\u00e4hrend des KI-Chats direkt mit Ihnen sprechen m\u00f6chten. Keine Formulare. Keine Umwege.<\/p>\n                                <\/div>\n        \n        \n                <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e61452 elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-html\" data-id=\"6e61452\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.ai-tagline {\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    line-height: 1.6;\r\n    text-align: center;\r\n    color: #777;\r\n    padding: 25px;\r\n    border-radius: 10px;\r\n    background: #f8f8f8;\r\n    display: inline-block;\r\n}\r\n\r\n.ai-tagline .not {\r\n    color:#ff3030;\r\n    color: #0060FF;\r\n    \/*color: #222;*\/\r\n    font-weight: 600;\r\n    font-style: italic;\r\n    text-decoration: underline;\r\n    text-decoration-thickness: 2px;\r\n    text-underline-offset: 3px;\r\n}\r\n\r\n.ai-tagline .semantic {\r\n    color: #0060FF;\r\n    color: #222;\r\n    font-weight: 600;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .ai-tagline {font-size: 14px;\r\n}\r\n<\/style>\r\n\r\n<div class=\"ai-tagline\">\r\n    Dies ist <span class=\"not\">nicht<\/span> nur ein weiterer allgemeiner KI-Chatbot. <br>Es ist ein <span class=\"semantic\">intelligenter KI-Assistent<\/span> mit einer <span class=\"semantic\">semantische Suchmaschine<\/span>, die nativ f\u00fcr WordPress entwickelt wurde.\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-03b2ff2 elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-html\" data-id=\"03b2ff2\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n  .pacman-widget {\r\n    width: 100%;\r\n    position: relative;\r\n    height: 50px;\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n    background: #fff;\r\n    border-radius: 100px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Static Pac-Man on the left *\/\r\n  .pacman-fixed {\r\n    position: relative;\r\n    z-index: 5;\r\n    flex-shrink: 0;\r\n    margin-left: 12px;\r\n    top: 1px;\r\n  }\r\n\r\n  \/* Binary trail canvas behind pac-man *\/\r\n  .binary-trail {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 56px;\r\n    z-index: 6;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Sliding track *\/\r\n  .pacman-slider-track {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    animation: slideLeft 18s linear infinite;\r\n    padding-left: 20px;\r\n    will-change: transform;\r\n  }\r\n\r\n  @keyframes slideLeft {\r\n    0%   { transform: translateX(0); }\r\n    100% { transform: translateX(-50%); }\r\n  }\r\n\r\n  .pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 8px 16px;\r\n    background: #fff;\r\n    border: 1px solid #e0e0e0;\r\n    border-radius: 100px;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: #111;\r\n    white-space: nowrap;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 2px 3px rgba(0,0,0,0.05);\r\n  }\r\n\r\n  .pill svg { flex-shrink: 0; width: 16px; height: 16px; }\r\n\r\n  \/* Solid white wall behind Pac-Man *\/\r\n  .fade-left {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 48px;\r\n    background: #fff;\r\n    z-index: 4;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .fade-right {\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 80px;\r\n    background: linear-gradient(to left, #fff 20%, transparent);\r\n    z-index: 4;\r\n    pointer-events: none;\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"pacman-widget\">\r\n\r\n  <!-- Static Pac-Man with glow -->\r\n  <div class=\"pacman-fixed\">\r\n    <canvas id=\"pacCanvas\" width=\"80\" height=\"80\" style=\"width:40px;height:40px;\"><\/canvas>\r\n  <\/div>\r\n\r\n  <!-- Binary trail behind pacman -->\r\n  <canvas id=\"binaryTrail\" class=\"binary-trail\"><\/canvas>\r\n\r\n  <!-- Gradient fades -->\r\n  <div class=\"fade-left\"><\/div>\r\n  <div class=\"fade-right\"><\/div>\r\n\r\n  <!-- Infinite sliding pills -->\r\n  <div class=\"pacman-slider-track\" id=\"track\">\r\n    <!-- Set A -->\r\n    <div class=\"pill\">\r\n      <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#777\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><line x1=\"10\" y1=\"9\" x2=\"8\" y2=\"9\"\/><\/svg>\r\n      <span>Seiten<\/span>\r\n    <\/div>\r\n    <div class=\"pill\">\r\n      <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#777\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><line x1=\"10\" y1=\"9\" x2=\"8\" y2=\"9\"\/><\/svg>\r\n      <span>Benutzerdefinierte Beitragstypen<\/span>\r\n    <\/div>\r\n    <div class=\"pill\">\r\n      <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#777\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg>\r\n      <span>Blog-Beitr\u00e4ge<\/span>\r\n    <\/div>\r\n    <div class=\"pill translation-block\">FAQ<\/div>\r\n    <div class=\"pill\">\r\n      <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c0392b\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\r\n      <span>PDF<\/span>\r\n    <\/div>\r\n    <div class=\"pill\">\r\n      <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#777\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"9\" y1=\"13\" x2=\"15\" y2=\"13\"\/><line x1=\"9\" y1=\"17\" x2=\"13\" y2=\"17\"\/><\/svg>\r\n      <span>TXT<\/span>\r\n    <\/div>\r\n    <div class=\"pill\">\r\n      <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#777\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/><\/svg>\r\n      <span>Products<\/span>\r\n    <\/div>\r\n    <div class=\"pill\">\r\n      <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#777\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n      <span>Websites<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  \/\/ \u2500\u2500 Pac-Man with glow \u2500\u2500\r\n  const canvas = document.getElementById('pacCanvas');\r\n  const ctx = canvas.getContext('2d');\r\n  const size = 80;\r\n  const r = 32;\r\n  const cx = size \/ 2;\r\n  const cy = size \/ 2;\r\n  const maxAngle = 0.35;\r\n\r\n  let glowIntensity = 0;\r\n  let glowTarget = 0;\r\n\r\n  \/\/ Pulse the glow periodically (simulating \"eating\" pulses)\r\n  setInterval(() => {\r\n    glowTarget = 1;\r\n    setTimeout(() => { glowTarget = 0; }, 300);\r\n  }, 2200);\r\n\r\n  function drawPacman(time) {\r\n    ctx.clearRect(0, 0, size, size);\r\n\r\n    \/\/ Ease glow toward target\r\n    glowIntensity += (glowTarget - glowIntensity) * 0.12;\r\n\r\n    \/\/ Mouth angle oscillates\r\n    const mouth = Math.abs(Math.sin(time * 0.008)) * maxAngle;\r\n\r\n    \/\/ Body\r\n    ctx.beginPath();\r\n    ctx.moveTo(cx, cy);\r\n    ctx.arc(cx, cy, r, mouth, Math.PI * 2 - mouth, false);\r\n    ctx.closePath();\r\n    ctx.fillStyle = '#0060ff';\r\n    ctx.fill();\r\n\r\n    \/\/ Eye\r\n    const eyeBaseAngle = -Math.PI \/ 2.8;\r\n    const eyeAngle = eyeBaseAngle + mouth * 0.1;\r\n    const eyeDist = r * 0.52;\r\n    const eyeX = cx + Math.cos(eyeAngle) * eyeDist;\r\n    const eyeY = cy + Math.sin(eyeAngle) * eyeDist;\r\n    ctx.beginPath();\r\n    ctx.arc(eyeX, eyeY, 4.5, 0, Math.PI * 2);\r\n    ctx.fillStyle = '#fff';\r\n    ctx.fill();\r\n\r\n    requestAnimationFrame(drawPacman);\r\n  }\r\n  requestAnimationFrame(drawPacman);\r\n\r\n  \/\/ \u2500\u2500 Binary Trail \u2500\u2500\r\n  const trailCanvas = document.getElementById('binaryTrail');\r\n  const tCtx = trailCanvas.getContext('2d');\r\n\r\n  function resizeTrail() {\r\n    const rect = trailCanvas.parentElement.getBoundingClientRect();\r\n    trailCanvas.width = 56 * 2;\r\n    trailCanvas.height = rect.height * 2;\r\n    trailCanvas.style.width = '56px';\r\n    trailCanvas.style.height = rect.height + 'px';\r\n    tCtx.scale(2, 2);\r\n  }\r\n  resizeTrail();\r\n  window.addEventListener('resize', resizeTrail);\r\n\r\n  \/\/ Particle pool\r\n  const particles = [];\r\n  const maxParticles = 50;\r\n  const chars = ['0', '1'];\r\n\r\n  function spawnParticle() {\r\n    if (particles.length >= maxParticles) return;\r\n    const h = trailCanvas.clientHeight;\r\n    particles.push({\r\n      x: 48 + Math.random() * 6,\r\n      y: h * 0.15 + Math.random() * h * 0.7,\r\n      vx: -(0.15 + Math.random() * 0.35),\r\n      vy: (Math.random() - 0.5) * 0.25,\r\n      char: chars[Math.floor(Math.random() * chars.length)],\r\n      alpha: 1,\r\n      life: 1,\r\n      decay: 0.006 + Math.random() * 0.008,\r\n      size: 9 + Math.random() * 3\r\n    });\r\n  }\r\n\r\n  \/\/ Spawn in bursts synced with glow\r\n  setInterval(() => {\r\n    for (let i = 0; i < 6; i++) {\r\n      setTimeout(() => spawnParticle(), i * 50);\r\n    }\r\n  }, 2200);\r\n  \r\n     \/\/ Clone track items for seamless loop\r\n    const track = document.getElementById('track');\r\n    const items = [...track.children];\r\n    items.forEach(item => track.appendChild(item.cloneNode(true)));\r\n\r\n  \/\/ Steady trickle\r\n  setInterval(spawnParticle, 180);\r\n\r\n  function drawTrail() {\r\n    tCtx.clearRect(0, 0, 56, trailCanvas.clientHeight);\r\n\r\n    for (let i = particles.length - 1; i >= 0; i--) {\r\n      const p = particles[i];\r\n      p.x += p.vx;\r\n      p.y += p.vy;\r\n      p.life -= p.decay;\r\n\r\n      if (p.life <= 0 || p.x < -10) {\r\n        particles.splice(i, 1);\r\n        continue;\r\n      }\r\n\r\n      tCtx.font = `bold ${p.size}px monospace`;\r\n      tCtx.fillStyle = `rgba(0, 96, 255, ${p.life * p.alpha * 0.9})`;\r\n      tCtx.fillText(p.char, p.x, p.y);\r\n    }\r\n\r\n    requestAnimationFrame(drawTrail);\r\n  }\r\n  requestAnimationFrame(drawTrail);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7be7013 e-flex e-con-boxed e-con e-parent\" data-id=\"7be7013\" data-element_type=\"container\" id=\"woocommerce\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d176f64 e-con-full sticky-container e-flex e-con e-child\" data-id=\"d176f64\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-637937e animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"637937e\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-text_left\"><h6 class=\"elementskit-section-subtitle   ekit-heading__subtitle-has-border\">\n\t\t\t\t\t\tWooCommerce-Integration\n\t\t\t\t\t<\/h6><h2 class=\"ekit-heading--title elementskit-section-title\">AI Shopping Assistant for <span><span>WooCommerce<\/span> <\/h2>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><strong>Running an online store?<\/strong> The AI assistant becomes your <strong>shopping advisor and first-line support<\/strong>, actually <strong>helping people buy.<\/strong> Our customers report up to <strong>40% fewer repetitive support tickets<\/strong>.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcc2ecd elementor-tablet-align-left elementor-widget__width-initial animated-fast elementor-mobile-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"fcc2ecd\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"42\" height=\"42\" viewbox=\"0 0 42 42\"><g id=\"checkblue\" transform=\"translate(-3 -3)\"><circle id=\"Ellipse_1\" data-name=\"Ellipse 1\" cx=\"21\" cy=\"21\" r=\"21\" transform=\"translate(3 3)\" fill=\"#dfebff\"><\/circle><path id=\"Path_6\" data-name=\"Path 6\" d=\"M21.39,31A2,2,0,0,1,20,30.4l-5.39-5.53a2,2,0,0,1,2.87-2.79l4,4.12,9.18-8.65a2,2,0,0,1,2.74,2.91l-10.61,10a2,2,0,0,1-1.4.54Z\" fill=\"#0060ff\"><\/path><\/g><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Semantic  product search<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"42\" height=\"42\" viewbox=\"0 0 42 42\"><g id=\"checkblue\" transform=\"translate(-3 -3)\"><circle id=\"Ellipse_1\" data-name=\"Ellipse 1\" cx=\"21\" cy=\"21\" r=\"21\" transform=\"translate(3 3)\" fill=\"#dfebff\"><\/circle><path id=\"Path_6\" data-name=\"Path 6\" d=\"M21.39,31A2,2,0,0,1,20,30.4l-5.39-5.53a2,2,0,0,1,2.87-2.79l4,4.12,9.18-8.65a2,2,0,0,1,2.74,2.91l-10.61,10a2,2,0,0,1-1.4.54Z\" fill=\"#0060ff\"><\/path><\/g><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Produktvergleich<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"42\" height=\"42\" viewbox=\"0 0 42 42\"><g id=\"checkblue\" transform=\"translate(-3 -3)\"><circle id=\"Ellipse_1\" data-name=\"Ellipse 1\" cx=\"21\" cy=\"21\" r=\"21\" transform=\"translate(3 3)\" fill=\"#dfebff\"><\/circle><path id=\"Path_6\" data-name=\"Path 6\" d=\"M21.39,31A2,2,0,0,1,20,30.4l-5.39-5.53a2,2,0,0,1,2.87-2.79l4,4.12,9.18-8.65a2,2,0,0,1,2.74,2.91l-10.61,10a2,2,0,0,1-1.4.54Z\" fill=\"#0060ff\"><\/path><\/g><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Produkte im Chat in den Warenkorb <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"42\" height=\"42\" viewbox=\"0 0 42 42\"><g id=\"checkblue\" transform=\"translate(-3 -3)\"><circle id=\"Ellipse_1\" data-name=\"Ellipse 1\" cx=\"21\" cy=\"21\" r=\"21\" transform=\"translate(3 3)\" fill=\"#dfebff\"><\/circle><path id=\"Path_6\" data-name=\"Path 6\" d=\"M21.39,31A2,2,0,0,1,20,30.4l-5.39-5.53a2,2,0,0,1,2.87-2.79l4,4.12,9.18-8.65a2,2,0,0,1,2.74,2.91l-10.61,10a2,2,0,0,1-1.4.54Z\" fill=\"#0060ff\"><\/path><\/g><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Nach Kategorie filtern<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"42\" height=\"42\" viewbox=\"0 0 42 42\"><g id=\"checkblue\" transform=\"translate(-3 -3)\"><circle id=\"Ellipse_1\" data-name=\"Ellipse 1\" cx=\"21\" cy=\"21\" r=\"21\" transform=\"translate(3 3)\" fill=\"#dfebff\"><\/circle><path id=\"Path_6\" data-name=\"Path 6\" d=\"M21.39,31A2,2,0,0,1,20,30.4l-5.39-5.53a2,2,0,0,1,2.87-2.79l4,4.12,9.18-8.65a2,2,0,0,1,2.74,2.91l-10.61,10a2,2,0,0,1-1.4.54Z\" fill=\"#0060ff\"><\/path><\/g><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Nach Preis und Bewertungen filtern<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"42\" height=\"42\" viewbox=\"0 0 42 42\"><g id=\"checkblue\" transform=\"translate(-3 -3)\"><circle id=\"Ellipse_1\" data-name=\"Ellipse 1\" cx=\"21\" cy=\"21\" r=\"21\" transform=\"translate(3 3)\" fill=\"#dfebff\"><\/circle><path id=\"Path_6\" data-name=\"Path 6\" d=\"M21.39,31A2,2,0,0,1,20,30.4l-5.39-5.53a2,2,0,0,1,2.87-2.79l4,4.12,9.18-8.65a2,2,0,0,1,2.74,2.91l-10.61,10a2,2,0,0,1-1.4.54Z\" fill=\"#0060ff\"><\/path><\/g><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Verf\u00fcgbarkeit auf Lager<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"42\" height=\"42\" viewbox=\"0 0 42 42\"><g id=\"checkblue\" transform=\"translate(-3 -3)\"><circle id=\"Ellipse_1\" data-name=\"Ellipse 1\" cx=\"21\" cy=\"21\" r=\"21\" transform=\"translate(3 3)\" fill=\"#dfebff\"><\/circle><path id=\"Path_6\" data-name=\"Path 6\" d=\"M21.39,31A2,2,0,0,1,20,30.4l-5.39-5.53a2,2,0,0,1,2.87-2.79l4,4.12,9.18-8.65a2,2,0,0,1,2.74,2.91l-10.61,10a2,2,0,0,1-1.4.54Z\" fill=\"#0060ff\"><\/path><\/g><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Auftragsstatus pr\u00fcfen<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab64ff0 animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"ab64ff0\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-text_left\">\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>Kunden <strong>Produkte schneller finden und sofortige Auftragsaktualisierungen erhalten - <\/strong>weniger Support-Aufwand f\u00fcr Sie, mehr Umsatz f\u00fcr Ihr Gesch\u00e4ft.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a474f3 e-con-full e-flex e-con e-child\" data-id=\"2a474f3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e7f4be elementor-widget elementor-widget-image\" data-id=\"6e7f4be\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"56\" height=\"23\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/10\/logo-woocommerce.svg\" class=\"attachment-large size-large wp-image-25207\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d332d7 e-con-full e-flex e-con e-child\" data-id=\"8d332d7\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-beff1af e-con-full e-flex e-con e-child\" data-id=\"beff1af\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-34fef01 e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"34fef01\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4c73c9 elementor-widget elementor-widget-html\" data-id=\"f4c73c9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- data-autoplay = milliseconds, 0 to disable -->\n<style>\n.ptr-carousel {\n  position: relative;\n  max-width: 800px;\n  margin: 0 auto;\n  overflow: hidden;\n  border-radius: 8px;\n  padding: 60px;\n  padding-bottom: 50px;\n  user-select: none;\n  -webkit-user-select: none;\n}\n@media(max-width: 992px) {.ptr-carousel {  padding: 20px;}}\n.ptr-carousel img {\n  box-shadow: 0px 10px 50px 0px rgba(64, 72, 82, 0.12);\n  border-radius: 10px;\n  pointer-events: none;\n}\n.ptr-carousel-track {\n  position: relative;\n  perspective: 1200px;\n  cursor: grab;\n}\n.ptr-carousel-track.ptr-dragging {\n  cursor: grabbing;\n}\n.ptr-carousel-track img {\n  position: absolute;\n  top: 0; left: 0;\n  width: 100%;\n  display: block;\n  opacity: 0;\n  transform: scale(0.82) translateZ(-80px);\n  transition: opacity 0.55s ease, transform 0.55s ease;\n  z-index: 0;\n}\n.ptr-carousel-track img:first-child {\n  position: relative;\n}\n.ptr-carousel-track img.ptr-active {\n  opacity: 1;\n  transform: scale(1) translateZ(0);\n  z-index: 2;\n}\n.ptr-carousel-track img.ptr-leaving {\n  opacity: 0;\n  transform: scale(0.88) translateZ(-60px);\n  z-index: 1;\n}\n\n\/* === NAV === *\/\n.ptr-carousel-nav {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0px;\n  margin: 20px auto 0;\n  background: #fff;\n  border-radius: 999px;\n  padding: 0px;\n  width: fit-content;\n  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.06);\n}\n.ptr-carousel-arrow {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 0;\n}\n.ptr-carousel-arrow svg {\n  zoom: 1.2;\n  stroke: #b0b0b0;\n  transition: stroke 0.2s;\n}\n.ptr-carousel-arrow:hover svg {\n  stroke: #666;\n}\n.ptr-carousel-dots {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.ptr-carousel-dot {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 2px solid #c0c0c0;\n  background: transparent;\n  cursor: pointer;\n  transition: all 0.2s;\n  box-sizing: border-box;\n}\n.ptr-carousel-dot.ptr-active {\n  background: #b0b0b0;\n  border-color: #b0b0b0;\n}\n<\/style>\n\n<div class=\"ptr-carousel\" data-autoplay=\"6000\">\n  <div class=\"ptr-carousel-track\">\n    <!-- first image loads eagerly, rest use data-src for lazy loading -->\n    <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/wocommerce-ai-assistant.png\" alt=\"Chatbot f\u00fcr WordPress\">\n    <img data-src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/woocommerce-add-to-cart.png\" alt=\"Chatbot for WooCommerce\">\n    <img data-src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/woocommerce-ai-chat-cart-view.png\" alt=\"AI Shopping Assistant Cart\">\n  <\/div>\n  <div class=\"ptr-carousel-nav\">\n    <div class=\"ptr-carousel-arrow ptr-prev\"><svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#b0b0b0\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg><\/div>\n    <div class=\"ptr-carousel-dots\"><\/div>\n    <div class=\"ptr-carousel-arrow ptr-next\"><svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#b0b0b0\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg><\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var carousel = document.querySelector('.ptr-carousel');\n  var autoplay = parseInt(carousel.getAttribute('data-autoplay') || '0', 10);\n  var track = carousel.querySelector('.ptr-carousel-track');\n  var imgs = track.querySelectorAll('img');\n  var dotsWrap = carousel.querySelector('.ptr-carousel-dots');\n  var total = imgs.length;\n  var cur = 0;\n  var animating = false;\n  var timer = null;\n  var loaded = false;\n\n  imgs[0].classList.add('ptr-active');\n\n  for (var i = 0; i < total; i++) {\n    var d = document.createElement('div');\n    d.className = 'ptr-carousel-dot' + (i === 0 ? ' ptr-active' : '');\n    (function(idx){ d.addEventListener('click', function(){ go(idx); }); })(i);\n    dotsWrap.appendChild(d);\n  }\n\n  \/* lazy load: swap data-src to src when carousel enters viewport *\/\n  function loadLazy() {\n    if (loaded) return;\n    loaded = true;\n    for (var i = 0; i < imgs.length; i++) {\n      var lazySrc = imgs[i].getAttribute('data-src');\n      if (lazySrc) {\n        imgs[i].src = lazySrc;\n        imgs[i].removeAttribute('data-src');\n      }\n    }\n    resetAutoplay();\n  }\n\n  if ('IntersectionObserver' in window) {\n    var observer = new IntersectionObserver(function(entries) {\n      if (entries[0].isIntersecting) {\n        loadLazy();\n        observer.disconnect();\n      }\n    }, { rootMargin: '200px' });\n    observer.observe(carousel);\n  } else {\n    loadLazy();\n  }\n\n  function updateDots() {\n    var dots = dotsWrap.querySelectorAll('.ptr-carousel-dot');\n    for (var j = 0; j < dots.length; j++) {\n      if (j === cur) dots[j].classList.add('ptr-active');\n      else dots[j].classList.remove('ptr-active');\n    }\n  }\n\n  function go(next) {\n    if (animating) return;\n    next = ((next % total) + total) % total;\n    if (next === cur) return;\n    var prev = cur;\n    animating = true;\n\n    imgs[prev].classList.remove('ptr-active');\n    imgs[prev].classList.add('ptr-leaving');\n    setTimeout(function(){ imgs[next].classList.add('ptr-active'); }, 80);\n    cur = next;\n    updateDots();\n    setTimeout(function(){\n      imgs[prev].classList.remove('ptr-leaving');\n      animating = false;\n    }, 600);\n\n    resetAutoplay();\n  }\n\n  carousel.querySelector('.ptr-prev').addEventListener('click', function(){ go(cur - 1); });\n  carousel.querySelector('.ptr-next').addEventListener('click', function(){ go(cur + 1); });\n\n  \/* swipe (touch + mouse drag) *\/\n  var startX = 0;\n  var dragging = false;\n  var threshold = 40;\n\n  function onStart(x) { startX = x; dragging = true; track.classList.add('ptr-dragging'); }\n  function onEnd(x) {\n    if (!dragging) return;\n    dragging = false;\n    track.classList.remove('ptr-dragging');\n    var diff = x - startX;\n    if (Math.abs(diff) > threshold) {\n      go(diff < 0 ? cur + 1 : cur - 1);\n    }\n  }\n\n  track.addEventListener('touchstart', function(e){ onStart(e.touches[0].clientX); }, {passive: true});\n  track.addEventListener('touchend', function(e){ onEnd(e.changedTouches[0].clientX); });\n  track.addEventListener('mousedown', function(e){ e.preventDefault(); onStart(e.clientX); });\n  document.addEventListener('mouseup', function(e){ onEnd(e.clientX); });\n\n  \/* autoplay - only starts after lazy images are triggered *\/\n  function resetAutoplay() {\n    if (timer) clearInterval(timer);\n    if (autoplay > 0 && loaded) {\n      timer = setInterval(function(){ go(cur + 1); }, autoplay);\n    }\n  }\n  carousel.addEventListener('mouseenter', function(){ if (timer) clearInterval(timer); });\n  carousel.addEventListener('mouseleave', function(){ resetAutoplay(); });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-874230b e-flex e-con-boxed e-con e-parent\" data-id=\"874230b\" data-element_type=\"container\" id=\"custom-instructions\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-df147fb e-con-full e-flex e-con e-child\" data-id=\"df147fb\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e602977 e-con-full e-flex e-con e-child\" data-id=\"e602977\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-065de27 e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"065de27\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc47b6a elementor-widget elementor-widget-html\" data-id=\"cc47b6a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.ai-prompt-widget {\r\n    max-width: 600px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    padding: 0px;\r\n}\r\n\r\n.ai-prompt-card {\r\n    background: #ffffff;\r\n    padding: 24px;\r\n    text-align: left;\r\n    background-color: #ffffff;\r\n    border-radius: 8px;\r\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n.ai-prompt-card-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.ai-prompt-card-label {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    margin: 0;\r\n    color: #111;\r\n}\r\n\r\n.ai-prompt-word-count {\r\n    font-size: 13px;\r\n    color: #888888;\r\n    font-weight: 400;\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.ai-prompt-word-count span#aiPromptWordCount {\r\n    color: #555555;\r\n    font-weight: 600;\r\n}\r\n\r\n.ai-prompt-green-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background-color: #22c55e;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 6px rgba(34, 197, 94, 0.5);\r\n}\r\n\r\n.ai-prompt-instructions-box {\r\n    background: #f7f7f7;\r\n    border-radius: 8px;\r\n    padding: 20px;\r\n    min-height: 180px;\r\n}\r\n\r\n.ai-prompt-instructions-box p,\r\n.ai-prompt-instructions-box {\r\n    font-size: 16px;\r\n    line-height: 26px;\r\n}\r\n\r\n.ai-prompt-instructions-box p {\r\n    margin-bottom: 18px;\r\n}\r\n\r\n.ai-prompt-instructions-box p:last-of-type {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.ai-prompt-cursor {\r\n    display: inline-block;\r\n    width: 2px;\r\n    height: 1.1em;\r\n    background-color: #333333;\r\n    margin-left: 2px;\r\n    vertical-align: text-bottom;\r\n    animation: ai-prompt-blink 1s infinite;\r\n}\r\n\r\n@keyframes ai-prompt-blink {\r\n    0%, 50% { opacity: 1; }\r\n    51%, 100% { opacity: 0; }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .ai-prompt-card-header { flex-direction: column; }\r\n\r\n    .ai-prompt-instructions-box p,\r\n    .ai-prompt-instructions-box {\r\n        font-size: 14px;\r\n        line-height: 22px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"ai-prompt-widget\">\r\n    <div class=\"ai-prompt-card\">\r\n        <div class=\"ai-prompt-card-header\">\r\n            <p class=\"ai-prompt-card-label\">\u2728 Anweisungen f\u00fcr die KI<\/p>\r\n            <p class=\"ai-prompt-word-count\">\r\n                <span class=\"ai-prompt-green-dot\"><\/span>\r\n                <span id=\"aiPromptWordCount\">0<\/span>\r\n                <span>\/ 6000<\/span>\r\n            <\/p>\r\n        <\/div>\r\n        <div class=\"ai-prompt-instructions-box\" id=\"aiPromptInstructionsBox\">\r\n            <p>Wenn Nutzer nicht finden k\u00f6nnen, was sie suchen, schlagen sie vor, uns \u00fcber WhatsApp zu kontaktieren. Unsere Nummer lautet <strong>+01 123 456 789<\/strong>.<\/p>\r\n            <p>Wenn sie sich mit uns in Verbindung setzen wollen, schlagen Sie vor, dass <strong>Sie k\u00f6nnen eine E-Mail an mich senden<\/strong>. Fragen Sie nach dem Namen und der E-Mail-Adresse und schicken Sie mir dann die Nachricht!<\/p>\r\n            <p>Bitte halten Sie eine <strong>freundlicher und lockerer Umgangston<\/strong>, \ud83d\ude42 Vermeiden Sie die Verwendung von Fachjargon, der Anf\u00e4nger verwirren k\u00f6nnte.<span class=\"ai-prompt-cursor\"><\/span><\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    const container = document.getElementById('aiPromptInstructionsBox');\r\n    \r\n    function countWords(text) {\r\n        return text.trim().split(\/\\s+\/).filter(w => w.length > 0).length;\r\n    }\r\n\r\n    function updateWordCount() {\r\n        const text = container.textContent || '';\r\n        document.getElementById('aiPromptWordCount').textContent = countWords(text);\r\n    }\r\n\r\n    updateWordCount();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-042669c e-con-full sticky-container e-flex e-con e-child\" data-id=\"042669c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69f130a animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"69f130a\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-text_left\"><h2 class=\"ekit-heading--title elementskit-section-title\">Schluss mit Flussdiagrammen <br> <span><span>Nutzen Sie Ihre Worte<\/span><\/span><\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94ecc98 ekit-equal-height-disable elementor-invisible elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"94ecc98\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  text-center\">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon icon icon-stylish-list\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Vergessen Sie komplexe Logikb\u00e4ume                <\/h3>\n                        \t\t  <p> Instruieren Sie Ihren KI-Assistenten mit <strong>nat\u00fcrliche Sprache<\/strong> genau so, wie Sie einen neuen Kollegen informieren w\u00fcrden.<\/p>\n                                <\/div>\n        \n        \n                <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e058f41 ekit-equal-height-disable elementor-invisible elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"e058f41\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  text-center\">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon icon icon-chat-1\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Passt zu Ihrer Markenstimme                <\/h3>\n                        \t\t  <p>Einfach <strong>der KI sagen, wie sie sich verhalten soll<\/strong>. Passen Sie den Ton und die Pers\u00f6nlichkeit an, damit es genau so klingt, wie Sie es wollen.<\/p>\n                                <\/div>\n        \n        \n                <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40c3e0eb e-flex e-con-boxed e-con e-parent\" data-id=\"40c3e0eb\" data-element_type=\"container\" id=\"embed-anywhere\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2088463 e-con-full e-flex e-con e-child\" data-id=\"2088463\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7665466c e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"7665466c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27c9e77 animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"27c9e77\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-text_left\"><h6 class=\"elementskit-section-subtitle   ekit-heading__subtitle-has-border\">\n\t\t\t\t\t\tSprechblase &amp; Shortcode\n\t\t\t\t\t<\/h6><h3 class=\"ekit-heading--title elementskit-section-title\">\u00dcberall einbinden<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>Hinzuf\u00fcgen einer <strong>schwebendes Chat-Widget<\/strong> auf jeder Seite, oder <strong>den Chat direkt in Ihren Inhalt einbetten<\/strong> f\u00fcr eine fokussierte, bildschirmf\u00fcllende, dialogorientierte Schnittstelle.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fdc24f4 elementor-widget elementor-widget-html\" data-id=\"fdc24f4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Chat Style Toggle Component -->\r\n<!-- Add this HTML where you want the toggle to appear -->\r\n\r\n<style>\r\n\/* Chat Style Toggle *\/\r\n.chat-style-toggle-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  padding: 0;\r\n}\r\n\r\n.chat-style-toggle-label {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #777;\r\n  transition: color 0.3s ease;\r\n  cursor: pointer;\r\n  user-select: none;\r\n}\r\n\r\n.chat-style-toggle-label.active {\r\n  color: #0060FF;\r\n  font-weight: 600;\r\n}\r\n\r\n.chat-style-toggle {\r\n  position: relative;\r\n  width: 56px;\r\n  height: 30px;\r\n  margin: 0; padding: 0;\r\n}\r\n\r\n.chat-style-toggle input {\r\n  opacity: 0;\r\n  width: 0;\r\n  height: 0;\r\n  position: absolute;\r\n}\r\n\r\n.chat-style-toggle-slider {\r\n  position: absolute;\r\n  cursor: pointer;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: #e5e5e5;\r\n  border-radius: 30px;\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.chat-style-toggle-slider:before {\r\n  position: absolute;\r\n  content: \"\";\r\n  height: 24px;\r\n  width: 24px;\r\n  left: 3px;\r\n  bottom: 3px;\r\n  background: white;\r\n  border-radius: 50%;\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.chat-style-toggle input:checked + .chat-style-toggle-slider {\r\n  background: linear-gradient(135deg, #0060FF 0%, #0048c7 100%);\r\n}\r\n\r\n.chat-style-toggle input:checked + .chat-style-toggle-slider:before {\r\n  transform: translateX(26px);\r\n}\r\n\r\n.chat-style-toggle input:focus + .chat-style-toggle-slider {\r\n\r\n}\r\n\r\n.chat-style-toggle-slider:hover {\r\n\r\n}\r\n\r\n.chat-style-toggle input:checked + .chat-style-toggle-slider:hover {\r\n  background: linear-gradient(135deg, #0060FF 0%, #003da8 100%);\r\n}\r\n<\/style>\r\n\r\n<div class=\"chat-style-toggle-wrapper\">\r\n  <span class=\"chat-style-toggle-label active\" data-style=\"1\">Stil 1<\/span>\r\n  <label class=\"chat-style-toggle\">\r\n    <input type=\"checkbox\" id=\"chatStyleToggle\">\r\n    <span class=\"chat-style-toggle-slider\"><\/span>\r\n  <\/label>\r\n  <span class=\"chat-style-toggle-label\" data-style=\"2\">Stil 2<\/span>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  const toggle = document.getElementById('chatStyleToggle');\r\n  const labels = document.querySelectorAll('.chat-style-toggle-label');\r\n  \r\n  function updateStyles(isStyle2) {\r\n    const chatWrapper = document.querySelector('.listeo-ai-chat-wrapper');\r\n    if (!chatWrapper) {\r\n      return;\r\n    }\r\n    \r\n    const parent = chatWrapper.parentElement;\r\n    if (!parent) return;\r\n    \r\n    if (isStyle2) {\r\n      parent.classList.remove('elementor-chat-style');\r\n    } else {\r\n      parent.classList.add('elementor-chat-style');\r\n    }\r\n    \r\n    \/\/ Update label states\r\n    labels.forEach(label => {\r\n      const style = label.getAttribute('data-style');\r\n      if ((style === '2' && isStyle2) || (style === '1' && !isStyle2)) {\r\n        label.classList.add('active');\r\n      } else {\r\n        label.classList.remove('active');\r\n      }\r\n    });\r\n  }\r\n  \r\n  \/\/ Initialize with Style 1 (class added) on page load\r\n  updateStyles(false);\r\n  \r\n  \/\/ Toggle change handler\r\n  toggle.addEventListener('change', function() {\r\n    updateStyles(this.checked);\r\n  });\r\n  \r\n  \/\/ Click on labels to toggle\r\n  labels.forEach(label => {\r\n    label.addEventListener('click', function() {\r\n      const style = this.getAttribute('data-style');\r\n      toggle.checked = style === '2';\r\n      updateStyles(toggle.checked);\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17772272 e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"17772272\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:0}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7107991e elementor-widget elementor-widget-shortcode\" data-id=\"7107991e\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"elementor-chat-style\">        <div class=\"listeo-ai-chat-wrapper\" id=\"listeo-ai-chat-24789\" style=\"height: 450px\" data-hide-images=\"1\"><script>(function(){var s=localStorage.getItem('listeo_ai_chat_dark_mode'),e=document.getElementById('listeo-ai-chat-24789');if(s==='dark')e.classList.add('dark-mode');else if(s==='light')e.classList.remove('dark-mode');})();<\/script>            <div class=\"listeo-ai-chat-container\">\n                <div class=\"listeo-ai-chat-header\">\n                    <div class=\"listeo-ai-chat-header-left\">\n                                                    <div class=\"listeo-ai-chat-avatar-wrapper\">\n                                <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/12\/purethemes.webp\" alt=\"KI-Assistent\" class=\"listeo-ai-chat-avatar\" \/>\n                                <span class=\"listeo-ai-chat-status-dot\"><\/span>\n                            <\/div>\n                                                <div class=\"listeo-ai-chat-title\">KI-Assistent<\/div>\n                    <\/div>\n                <\/div>\n                <style>\n                \/* Shortcode menu positioned absolutely in container *\/\n                .listeo-ai-chat-menu-shortcode { position: absolute; top: 15px; right: 15px; z-index: 112; }\n                .listeo-ai-chat-menu-shortcode .listeo-ai-chat-menu-dropdown { right: 0; left: auto; }\n                \/* Style 2: position menu on left like old clear btn *\/\n                .elementor-chat-style .listeo-ai-chat-menu-shortcode { top: 15px; left: 15px; right: auto; }\n                .elementor-chat-style .listeo-ai-chat-menu-shortcode .listeo-ai-chat-menu-dropdown { left: 0; right: auto; }\n                \/* Style 2: hide menu when collapsed (no messages) *\/\n                .elementor-chat-style .listeo-ai-chat-wrapper:not(.expanded) .listeo-ai-chat-menu-shortcode { display: none; }\n                <\/style>\n                <div class=\"listeo-ai-chat-menu listeo-ai-chat-menu-shortcode\">\n                                                            <div class=\"listeo-ai-chat-darkmode-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Toggle dark mode\">\n                        <svg class=\"icon-sun\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line><line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"><\/line><line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"><\/line><\/svg>\n                        <svg class=\"icon-moon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"><\/path><\/svg>\n                    <\/div>\n                                        <div class=\"listeo-ai-chat-menu-trigger\" role=\"button\" tabindex=\"0\" aria-haspopup=\"menu\" aria-expanded=\"false\">\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M3 6.5C2.17 6.5 1.5 7.17 1.5 8C1.5 8.83 2.17 9.5 3 9.5C3.83 9.5 4.5 8.83 4.5 8C4.5 7.17 3.83 6.5 3 6.5ZM8 6.5C7.17 6.5 6.5 7.17 6.5 8C6.5 8.83 7.17 9.5 8 9.5C8.83 9.5 9.5 8.83 9.5 8C9.5 7.17 8.83 6.5 8 6.5ZM13 6.5C12.17 6.5 11.5 7.17 11.5 8C11.5 8.83 12.17 9.5 13 9.5C13.83 9.5 14.5 8.83 14.5 8C14.5 7.17 13.83 6.5 13 6.5Z\" fill=\"currentColor\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"listeo-ai-chat-menu-dropdown\" role=\"menu\" data-state=\"closed\">\n                        <div class=\"listeo-ai-chat-menu-item listeo-ai-chat-clear-btn\" role=\"menuitem\" tabindex=\"-1\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n                                <line x1=\"12\" y1=\"7\" x2=\"12\" y2=\"13\"><\/line>\n                                <line x1=\"9\" y1=\"10\" x2=\"15\" y2=\"10\"><\/line>\n                            <\/svg>\n                            Start a new chat                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"listeo-ai-chat-messages\" id=\"listeo-ai-chat-24789-messages\">\n                    <!-- Welcome message added by JavaScript to avoid flash of wrong content -->\n                <\/div>\n\n                        <div class=\"listeo-ai-chat-quick-buttons\">\n                        <div class=\"listeo-ai-quick-btn\"\n                 data-type=\"contact\"\n                 data-value=\"\"\n                 >\n                <span>Kontakt Mensch<\/span>\n                                <svg class=\"listeo-ai-btn-icon\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n                            <\/div>\n                        <div class=\"listeo-ai-quick-btn\"\n                 data-type=\"chat\"\n                 data-value=\"How it works?\"\n                 >\n                <span>Wie funktioniert es?<\/span>\n                            <\/div>\n                    <\/div>\n        \n                                <div class=\"listeo-ai-chat-input-wrapper\">\n                                        <div\n                        class=\"listeo-ai-chat-image-btn\"\n                        data-chat-tooltip=\"Attach Image\"\n                        role=\"button\"\n                        tabindex=\"0\"\n                    >\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <\/svg>\n                        <span class=\"image-count-badge\">1<\/span>\n                    <\/div>\n                    <input type=\"file\" class=\"listeo-ai-chat-image-input\" accept=\"image\/jpeg,image\/jpg,.jpg,.jpeg,image\/png,image\/gif,image\/webp\" style=\"display: none;\" \/>\n                                        <textarea\n                        id=\"listeo-ai-chat-24789-input\"\n                        class=\"listeo-ai-chat-input has-image-input\"\n                        placeholder=\"Type a message\"\n                        rows=\"2\"\n                        maxlength=\"1000\"\n                    ><\/textarea>\n                            <div\n            class=\"listeo-ai-chat-mic-btn\"\n            data-chat-tooltip=\"Voice Input\"\n            aria-label=\"Record voice message\"\n            role=\"button\"\n            tabindex=\"0\"\n        >\n            <!-- Default state: mic icon -->\n            <svg class=\"mic-icon\" viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"><\/path>\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path>\n                <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line>\n                <line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line>\n            <\/svg>\n            <!-- Recording state: red dot + timer + stop button -->\n            <span class=\"mic-recording-ui\" style=\"display:none\">\n                <span class=\"mic-recording-dot\"><\/span>\n                <span class=\"mic-recording-timer\">0:00<\/span>\n                <svg class=\"stop-icon\" viewbox=\"0 0 24 24\" width=\"14\" height=\"14\">\n                    <rect fill=\"currentColor\" x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/>\n                <\/svg>\n            <\/span>\n            <!-- Transcribing state: spinner -->\n            <span class=\"mic-transcribing-loader\" style=\"display:none\"><\/span>\n        <\/div>\n                            <button\n                        id=\"listeo-ai-chat-24789-send\"\n                        class=\"listeo-ai-chat-send-btn\"\n                    >\n                        <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/plugins\/ai-chat-search\/assets\/icons\/arrow-up.svg\" alt=\"Senden Sie\" width=\"16\" height=\"16\" \/>\n                    <\/button>\n                <\/div>\n\n                \n                \n\n        <!-- Contact Form Overlay -->\n        <div class=\"listeo-ai-contact-form-overlay\" style=\"display: none;\">\n            <div class=\"listeo-ai-contact-form\">\n                <div class=\"listeo-ai-contact-form-header\">\n                    <h3>Contact Us<\/h3>\n                    <div class=\"listeo-ai-contact-form-close\" role=\"button\" aria-label=\"Schlie\u00dfen Sie\">\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <form class=\"listeo-ai-contact-form-body\" action=\"\">\n                    <div class=\"listeo-ai-contact-form-field\">\n                        <label for=\"listeo-contact-name\">Name <span class=\"required\">*<\/span><\/label>\n                        <input type=\"text\" id=\"listeo-contact-name\" name=\"name\" required \/>\n                    <\/div>\n                    <div class=\"listeo-ai-contact-form-field\">\n                        <label for=\"listeo-contact-email\">E-Mail <span class=\"required\">*<\/span><\/label>\n                        <input type=\"email\" id=\"listeo-contact-email\" name=\"email\" required \/>\n                    <\/div>\n                    <div class=\"listeo-ai-contact-form-field\">\n                        <label for=\"listeo-contact-message\">Nachricht <span class=\"required\">*<\/span><\/label>\n                        <textarea id=\"listeo-contact-message\" name=\"message\" rows=\"4\" required><\/textarea>\n                    <\/div>\n                    <div class=\"listeo-ai-contact-form-actions\">\n                        <button type=\"submit\" class=\"listeo-ai-contact-form-submit\">\n                            <span class=\"button-text\">Send Message<\/span>\n                            <span class=\"button-spinner\" style=\"display: none;\">\n                                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\" opacity=\"0.25\" fill=\"currentColor\"\/>\n                                    <path d=\"M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z\" fill=\"currentColor\">\n                                        <animatetransform attributename=\"transform\" dur=\"0.75s\" repeatcount=\"indefinite\" type=\"rotate\" values=\"0 12 12;360 12 12\"\/>\n                                    <\/path>\n                                <\/svg>\n                            <\/span>\n                        <\/button>\n                    <\/div>\n                    <div class=\"listeo-ai-contact-form-message\" style=\"display: none;\"><\/div>\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\n            <\/div>\n        <\/div>\n        \n                            <\/div>\n        <\/div>\n        <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bcd70eb e-flex e-con-boxed e-con e-parent\" data-id=\"bcd70eb\" data-element_type=\"container\" id=\"admin-tools\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9dd2728 e-con-full e-flex e-con e-child\" data-id=\"9dd2728\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e23acd0 animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"e23acd0\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-text_left\"><h2 class=\"ekit-heading--title elementskit-section-title\">Leistungsstarke Funktionen. <span><span>Zero complexity.<\/span><\/span><\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6902ff0 e-con-full e-flex e-con e-child\" data-id=\"6902ff0\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6b7b079 e-con-full e-flex e-con e-child\" data-id=\"6b7b079\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba27170 animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"ba27170\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title\">N\u00fctzliche Analysen<\/h2>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>Browse conversation history, track trends, and let <strong>AI surface gaps, weak points, and sentiment<\/strong> for you.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bdc9a8b e-con-full e-flex e-con e-child\" data-id=\"bdc9a8b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34501a0 elementor-widget elementor-widget-image\" data-id=\"34501a0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/useful_analytics-1.jpg\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"546\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/chat_insights-768x546.jpg\" class=\"attachment-medium_large size-medium_large wp-image-31560\" alt=\"\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/chat_insights-768x546.jpg 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/chat_insights-300x213.jpg 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/chat_insights-1024x728.jpg 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/chat_insights-18x12.jpg 18w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/chat_insights-710x505.jpg 710w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/chat_insights.jpg 1448w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4440e0d e-con-full e-flex e-con e-child\" data-id=\"4440e0d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d558c7 animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"2d558c7\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title\">Deine Marke, dein Look<\/h2>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<div class=\"airs-card-header airs-card-header-with-icon\">\n<div class=\"airs-card-header-text\">\n<p class=\"p1\">Passe die Chat-UI mit Farbreglern, Animationen, systemerkennendem Dark Mode und einem flexiblen Floating-Widget an.<\/p>\n<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2ba557 e-con-full e-flex e-con e-child\" data-id=\"a2ba557\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e18cda elementor-widget elementor-widget-image\" data-id=\"0e18cda\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/chat_appearance.jpg\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"625\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/apeparance-768x625.jpg\" class=\"attachment-medium_large size-medium_large wp-image-31562\" alt=\"\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/apeparance-768x625.jpg 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/apeparance-300x244.jpg 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/apeparance-1024x833.jpg 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/apeparance-1536x1250.jpg 1536w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/apeparance-15x12.jpg 15w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/apeparance-710x578.jpg 710w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/apeparance.jpg 1578w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b861f14 e-con-full e-flex e-con e-child\" data-id=\"b861f14\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb0e286 animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"fb0e286\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title\">Mehr als nur Chat<\/h2>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>AI searches your site, accepts voice and image input, and <strong>hands off to a human<\/strong> via email when it's not enough.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a723bcc e-con-full e-flex e-con e-child\" data-id=\"a723bcc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a38459a elementor-widget elementor-widget-image\" data-id=\"a38459a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/human_handsoff.jpg\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"591\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/human_contact-768x591.jpg\" class=\"attachment-medium_large size-medium_large wp-image-31564\" alt=\"\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/human_contact-768x591.jpg 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/human_contact-300x231.jpg 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/human_contact-1024x788.jpg 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/human_contact-16x12.jpg 16w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/human_contact-710x546.jpg 710w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/human_contact.jpg 1482w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5485ac9 e-flex e-con-boxed e-con e-parent\" data-id=\"5485ac9\" data-element_type=\"container\" id=\"integrations\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2a82dc0 e-con-full e-flex e-con e-child\" data-id=\"2a82dc0\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-70287b1 e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"70287b1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64f4714 animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"64f4714\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-text_left\"><h6 class=\"elementskit-section-subtitle   ekit-heading__subtitle-has-border\">\n\t\t\t\t\t\tIntegrationen\n\t\t\t\t\t<\/h6><h2 class=\"ekit-heading--title elementskit-section-title\">Verbinde deine Tools<\/h2>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>Connect your tools so your <strong>agent can read data or trigger actions<\/strong>\u00a0and let users access your chatbot via <strong>Telegram<\/strong> oder <strong>WhatsApp<\/strong>.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c1bc479 e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"c1bc479\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:0}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-012055e elementor-widget elementor-widget-html\" data-id=\"012055e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.integrations {\r\n  text-align: center;\r\n  padding: 0;\r\n  margin: 0 auto;\r\n  zoom: 1.1;\r\n}\r\n.integrations__grid {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  gap: 10px;\r\n}\r\n.tool-pill:focus,\r\n.tool-pill {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 8px 18px 8px 12px;\r\n  border: none;\r\n  border-radius: 999px;\r\n  \/*background: linear-gradient(25deg, #ededed, #fafafa);*\/\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #333;\r\n  white-space: nowrap;\r\n  text-decoration: none;\r\n  transition: border-color 0.4s, box-shadow 0.4s, transform 0.35s;\r\n  position: relative;\r\n  background-color: #fff;\r\nborder: 1px solid #e0e0e0;\r\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07) !important;\r\n}\r\n.tool-pill:hover {\r\n  \/*box-shadow: 0 2px 8px rgba(0,0,0,0.06);*\/\r\n  transform: translateY(-2px);\r\n  color: #333;\r\n}\r\n.tool-pill img {\r\n  width: 22px;\r\n  height: 22px;\r\n  border-radius: 4px;\r\n}\r\n.tool-pill .pts-tooltip-text {\r\n  visibility: hidden;\r\n  opacity: 0;\r\n  position: absolute;\r\n  bottom: calc(100% + 2px);\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  background: #222;\r\n  color: #fff;\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  padding: 5px 8px;\r\n  border-radius: 6px;\r\n  white-space: nowrap;\r\n  width: auto;\r\n  text-align: center;\r\n  line-height: 1.4;\r\n  transition: opacity 0.4s, visibility 0.4s;\r\n  pointer-events: none;\r\n  z-index: 10;\r\n}\r\n.tool-pill .pts-tooltip-text::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  border: 6px solid transparent;\r\n  border-top-color: #1a1a1a;\r\n}\r\n.tool-pill:hover .pts-tooltip-text {\r\n  visibility: visible;\r\n  opacity: 1;\r\n}\r\n<\/style>\r\n\r\n<div class=\"integrations\">\r\n  <div class=\"integrations__grid\">\r\n    <a target=\"_blank\" href=\"https:\/\/purethemes.net\/de\/wordpress-chatbot-whatsapp-telegram-integration\/#how-to-set-up-telegram-integration\" class=\"tool-pill\">\r\n      <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/telegram-1.png\" alt=\"Telegram\"> Telegram\r\n      <span class=\"pts-tooltip-text\">Klicken, um den Leitfaden zu lesen<\/span>\r\n    <\/a>\r\n    <a target=\"_blank\" href=\"https:\/\/purethemes.net\/de\/wordpress-chatbot-whatsapp-telegram-integration\/#how-to-set-up-whatsapp-integration\" class=\"tool-pill\">\r\n      <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/whatsapp-1.png\" alt=\"WhatsApp\"> WhatsApp\r\n      <span class=\"pts-tooltip-text\">Klicken, um den Leitfaden zu lesen<\/span>\r\n    <\/a>\r\n    <a target=\"_blank\" href=\"https:\/\/purethemes.net\/de\/wordpress-chatbot-n8n-make-zapier-integration\/#n8n-wordpress-chatbot-workflow-setup\" class=\"tool-pill\">\r\n      <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/n8n.png\" alt=\"n8n\"> n8n\r\n      <span class=\"pts-tooltip-text\">Klicken, um den Leitfaden zu lesen<\/span>\r\n    <\/a>\r\n    <a target=\"_blank\" href=\"https:\/\/purethemes.net\/de\/wordpress-chatbot-n8n-make-zapier-integration\/#how-to-connect-wordpress-chatbot-to-zapier\" class=\"tool-pill\">\r\n      <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/zapier_logo.png\" alt=\"Zapier\"> Zapier\r\n      <span class=\"pts-tooltip-text\">Klicken, um den Leitfaden zu lesen<\/span>\r\n    <\/a>\r\n    <a target=\"_blank\" href=\"https:\/\/purethemes.net\/de\/wordpress-chatbot-n8n-make-zapier-integration\/#make-integromat-wordpress-automation\" class=\"tool-pill\">\r\n      <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/make.png\" alt=\"Make\"> Make\r\n      <span class=\"pts-tooltip-text\">Klicken, um den Leitfaden zu lesen<\/span>\r\n    <\/a>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6ed09c e-flex e-con-boxed e-con e-parent\" data-id=\"c6ed09c\" data-element_type=\"container\" id=\"pricing-comparison\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-50eaeb1 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"50eaeb1\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ba3889 elementor-widget elementor-widget-html\" data-id=\"8ba3889\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"monetization-table-notice\">Vergleichen Sie <i> AI Chat &amp; Suche Pro<\/i> mit Konkurrenten<\/span>\r\n<div class=\"monetization-table\">\r\n    <table>\r\n        <thead>\r\n            <tr>\r\n                <th><\/th>\r\n                <th><span class=\"premium-pack\">AI Chat &amp; Search<\/span><\/th>\r\n                <th><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.chatbase.co\/pricing\"><span class=\"standard-pack\">Chatbase.de<\/span><\/a><\/th>\r\n                <th><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.chatbot.com\/pricing\/\"><span class=\"standard-pack\">Chatbot.de<\/span><\/a><\/th>\r\n            <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n            <tr>\r\n                <td>Preismodell<\/td>\r\n                <td><span class=\"overage\">Einmalig<\/span><\/td>\r\n                <td><span class=\"overage\">Abonnement<\/span><\/td>\r\n                <td><span class=\"overage\">Abonnement<\/span><\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td>Kosten im ersten Jahr<\/td>\r\n                <td><span class=\"overage\"><strong>$59<\/strong><\/span><\/td>\r\n                <td><span class=\"overage\"><strong>$384<\/strong><\/span><\/td>\r\n                <td><span class=\"overage\"><strong>$624<\/strong><\/span><\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td>Kosten im zweiten Jahr<\/td>\r\n                <td><span class=\"overage\"><strong>$0<\/strong> <\/span><\/td>\r\n                <td><span class=\"overage\"><strong>$384<\/strong><\/span><\/td>\r\n                <td><span class=\"overage\"><strong>$624<\/strong><\/span><\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td>WordPress-Nativ<\/td>\r\n                <td><b class=\"check\"><img decoding=\"async\" alt=\"Ja\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/check.svg\"><\/b><\/td>\r\n                <td><b class=\"delete\"><img decoding=\"async\" alt=\"Nein\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/delete.svg\"><\/b><\/td>\r\n                <td><b class=\"delete\"><img decoding=\"async\" alt=\"Nein\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/delete.svg\"><\/b><\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td>Monatliche Nachrichten<\/td>\r\n                <td><span class=\"overage\">Unbegrenzt<\/span><\/td>\r\n                <td><span class=\"overage\">2000 Nachrichten<\/span><\/td>\r\n                <td><span class=\"overage\">1000 Chats<\/span><\/td>\r\n            <\/tr>\r\n            \r\n            <tr>\r\n                <td>Datenbank auf Ihrem Server<\/td>\r\n                <td><b class=\"check\"><img decoding=\"async\" alt=\"Ja\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/check.svg\"><\/b><\/td>\r\n                <td><b class=\"delete\"><img decoding=\"async\" alt=\"Nein\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/delete.svg\"><\/b><\/td>\r\n                <td><b class=\"delete\"><img decoding=\"async\" alt=\"Nein\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/delete.svg\"><\/b><\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td>Anpassbarer System-Prompt<\/td>\r\n                <td><b class=\"check\"><img decoding=\"async\" alt=\"Ja\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/check.svg\"><\/b><\/td>\r\n                <td><b class=\"check\"><img decoding=\"async\" alt=\"Ja\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/check.svg\"><\/b><\/td>\r\n\r\n                <td><b class=\"delete\"><img decoding=\"async\" alt=\"Nein\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/delete.svg\"><\/b><\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td>WooCommerce-Integration<\/td>\r\n                <td><b class=\"check\"><img decoding=\"async\" alt=\"Ja\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/check.svg\"><\/b><\/td>\r\n                <td><b class=\"delete\"><img decoding=\"async\" alt=\"Nein\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/delete.svg\"><\/b><\/td>\r\n                <td><b class=\"delete\"><img decoding=\"async\" alt=\"Nein\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/delete.svg\"><\/b><\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td>Bild- und Sprachnachrichten<\/td>\r\n                <td><b class=\"check\"><img decoding=\"async\" alt=\"Ja\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/check.svg\"><\/b><\/td>\r\n                <td><b class=\"delete\"><img decoding=\"async\" alt=\"Nein\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/delete.svg\"><\/b><\/td>\r\n                <td><b class=\"delete\"><img decoding=\"async\" alt=\"Nein\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/delete.svg\"><\/b><\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td>\"Powered by\"-Label entfernen<\/td>\r\n                <td><b class=\"check\"><img decoding=\"async\" alt=\"Ja\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/check.svg\"><\/b><\/td>\r\n                <td><span class=\"overage\">$39 \/ Monat<\/span><\/td>\r\n                <td><b class=\"delete\"><img decoding=\"async\" alt=\"Nein\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/delete.svg\"><\/b><\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td>E-Mail an Menschen<\/td>\r\n                <td>\r\n                <b class=\"check\"><img decoding=\"async\" alt=\"Ja\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/check.svg\"><\/b>\r\n                <\/td>\r\n                <td><b class=\"delete\"><img decoding=\"async\" alt=\"Nein\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/delete.svg\"><\/b><\/td>\r\n                <td><b class=\"delete\"><img decoding=\"async\" alt=\"Nein\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/delete.svg\"><\/b><\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td>Integrationen <span style=\"font-weight: 500; color: #888;\">(n8n, Zapier, WhatsApp, Telegram)<\/span><\/td>\r\n                <td><b class=\"check\"><img decoding=\"async\" alt=\"Ja\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/check.svg\"><\/b><\/td>\r\n                <td><b class=\"check\"><img decoding=\"async\" alt=\"Ja\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/check.svg\"><\/b><\/td>\r\n                <td><b class=\"check\"><img decoding=\"async\" alt=\"Ja\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/check.svg\"><\/b><\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td>Live-Chat mit einem Menschen<\/td>\r\n                <td><b class=\"delete\"><img decoding=\"async\" alt=\"Nein\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/delete.svg\"><\/b><\/td>\r\n                <td><b class=\"check\"><img decoding=\"async\" alt=\"Ja\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/check.svg\"><\/b><\/td>\r\n                <td><b class=\"check\"><img decoding=\"async\" alt=\"Ja\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/check.svg\"><\/b><\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td>Kein API-Schl\u00fcssel erforderlich<\/td>\r\n                <td><b class=\"delete\"><img decoding=\"async\" alt=\"Nein\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/delete.svg\"><\/b><\/td>\r\n                <td><b class=\"check\"><img decoding=\"async\" alt=\"Ja\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/check.svg\"><\/b><\/td>\r\n                <td><b class=\"check\"><img decoding=\"async\" alt=\"Ja\" src=\"https:\/\/purethemes.net\/listeo\/wp-content\/uploads\/sites\/4\/2024\/10\/check.svg\"><\/b><\/td>\r\n            <\/tr>\r\n        <\/tbody>\r\n    <\/table>\r\n<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<style>\r\n\/* ---------------------------------- *\/\r\n\/* Monetization Table\r\n------------------------------------- *\/\r\n.monetization-table {\r\n        border: 2px solid #e6e6e6;\r\n    border-radius: 0 0 8px 8px;\r\n    border-top: none;\r\n    border: none; box-shadow: 0 3px 15px rgba(0,0,0,0.09);\r\n}\r\n\r\n\r\n.monetization-table table {\r\n\twidth: 100%;\r\n\tbackground: #fff;\r\n\tborder-radius: 8px;\r\n\tbox-shadow:  none;\r\n\tmargin: 0;  border: none;\r\n}\r\n\r\n.monetization-table td,\r\n.monetization-table th {  border: none;\r\n  text-align: center;\r\n\/*   border-bottom: solid 1px #eee; *\/\r\n  font-size: 14px;\r\n  padding: 10px 5px;\r\n  word-wrap: break-word;\r\n  font-weight: 600;\r\n  color: #333;\r\n}\r\n\r\n.monetization-table td {\r\n  color: #ccc;\r\n  border: none;\r\n}\r\n\r\n.monetization-table tr th:first-child {\r\n  width:  30%;\r\n  background:  #fff;\r\n}\r\n\r\n.monetization-table tr th {\r\n  width:  20%;\r\n  background:  #fff;\r\n  padding: 20px 0px;\r\n}\r\n\r\n.monetization-table tr:nth-child(2n+1) {\r\n\tbackground:  #fafafa;\r\n}\r\n\r\n.monetization-table .price {\r\n  font-size: 20px;\r\n  line-height: 20px;\r\n  display: inline-block;\r\n  margin:  7px 0 -5px 0;\r\n}\r\n\r\n.monetization-table span.free-pack,\r\n.monetization-table span.standard-pack,\r\n.monetization-table span.premium-pack {\r\n\tbackground: #f2f2f2;\r\n    color: #777;\r\n    border-radius: 4px;\r\n    padding: 3px 8px;\r\n    font-weight: 500;\r\n}\r\n\r\n.monetization-table span.standard-pack,\r\n.monetization-table span.premium-pack {\r\n    background: #e7f2fa;\r\n    color: #4a7e99;\r\n}\r\n\r\n.monetization-table span.premium-pack {\r\n\tbackground: #fcf3cd;\r\n    color: #857843;\r\n}\r\n\r\n.monetization-table .check img {\r\n  width:  24px;\r\n}\r\n.monetization-table .delete img {\r\n  width:  21px;\r\n}\r\n\r\n\r\n.monetization-table-notice {\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    border-radius: 8px 8px 0 0;\r\n    padding: 16px 10px;\r\n    margin-bottom: 10px;\r\n    display: inline-block;\r\n    line-height: 19px;\r\n    display: inline-block;\r\n    width: 100%;\r\n    text-align: center;\r\n    margin: 0 auto;\r\n    background: linear-gradient(180deg, #1B71FF 0%, #0060FF 100%);\r\n    color: #fff;\r\n\/*     background-color: #fffae0;\r\n    color: #97860f; *\/\r\n}\r\n\r\n.monetization-table-notice i {\r\n    text-decoration: none;\r\n    border-bottom: 2px solid #ffffffb5;\r\n    line-height: 14px;\r\n    display: inline-block;\r\n    font-style: normal;\r\n}\r\n\r\n.monetization-table th:first-child,\r\n.monetization-table td:first-child {\r\n  font-weight: 600;\r\n  color: #222;\r\n  font-size:  14px;\r\n  text-align: right;\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n  .monetization-table tr {\r\n    display: flex;\r\n    flex-flow: row wrap;\r\n    justify-content: space-around;\r\n  }\r\n  .monetization-table td,\r\n  .monetization-table th {\r\n    display: block;\r\n    width: 33.333333333333%;\r\n  }\r\n  .monetization-table th:first-child,\r\n  .monetization-table td:first-child {\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n .monetization-table  th:first-child {\r\n    display: none;\r\n  }\r\n\t.monetization-table tr th { width:  33.3%; }\r\n\r\n}\r\n\r\n.monetization-table .p {\r\n  text-align: center;\r\n  font-size: 13px;\r\n  padding-top: 130px;\r\n}\r\n\r\n.monetization-table #number {\r\n  font-size: 16px;\r\n  color: #333;\r\n}\r\n\r\n.monetization-table .overage {\r\n  color: #777;\r\n  font-weight: 400;\r\n}\r\n\r\n.monetization-table *:focus {\r\n    outline: none;\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46e0fba e-con-full sticky-container e-flex e-con e-child\" data-id=\"46e0fba\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ccf45e animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"9ccf45e\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-text_left\"><h2 class=\"ekit-heading--title elementskit-section-title\">Beenden Sie die monatlichen Zahlungen <span><span>Do The Math<\/span><\/span><\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac16de3 elementor-tablet-align-left elementor-widget__width-initial animated-fast elementor-mobile-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"ac16de3\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"42\" height=\"42\" viewbox=\"0 0 42 42\"><g id=\"checkblue\" transform=\"translate(-3 -3)\"><circle id=\"Ellipse_1\" data-name=\"Ellipse 1\" cx=\"21\" cy=\"21\" r=\"21\" transform=\"translate(3 3)\" fill=\"#dfebff\"><\/circle><path id=\"Path_6\" data-name=\"Path 6\" d=\"M21.39,31A2,2,0,0,1,20,30.4l-5.39-5.53a2,2,0,0,1,2.87-2.79l4,4.12,9.18-8.65a2,2,0,0,1,2.74,2.91l-10.61,10a2,2,0,0,1-1.4.54Z\" fill=\"#0060ff\"><\/path><\/g><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Pay once<\/strong> - lifetime updates, <strong>no subscriptions<\/strong><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"42\" height=\"42\" viewbox=\"0 0 42 42\"><g id=\"checkblue\" transform=\"translate(-3 -3)\"><circle id=\"Ellipse_1\" data-name=\"Ellipse 1\" cx=\"21\" cy=\"21\" r=\"21\" transform=\"translate(3 3)\" fill=\"#dfebff\"><\/circle><path id=\"Path_6\" data-name=\"Path 6\" d=\"M21.39,31A2,2,0,0,1,20,30.4l-5.39-5.53a2,2,0,0,1,2.87-2.79l4,4.12,9.18-8.65a2,2,0,0,1,2.74,2.91l-10.61,10a2,2,0,0,1-1.4.54Z\" fill=\"#0060ff\"><\/path><\/g><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Verwenden Sie <strong>your own API key<\/strong> with your preferred AI provider<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-391aaba elementor-widget elementor-widget-html\" data-id=\"391aaba\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.ai-providers {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n}\n.ai-chip {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  padding: 8px 16px;\n  background: #fff;\n  border: 1px solid #e0e0e0;\n  border-radius: 100px;\n  font-size: 13px;\n  font-weight: 500;\n  color: #111;\n  white-space: nowrap;\n  flex-shrink: 0;\n  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);\n}\n.ai-chip img {\n  width: 16px;\n  height: 16px;\n}\n<\/style>\n\n<div class=\"ai-providers\">\n  <div class=\"ai-chip\">\n    <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/download.svg\" alt=\"OpenAI\" \/>\n    OpenAI\n  <\/div>\n  <div class=\"ai-chip\">\n    <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/gemini-color.svg\" alt=\"Gemini\" \/>\n    Gemini\n  <\/div>\n  <div class=\"ai-chip\">\n    <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/anthropic-1.svg\" alt=\"Claude\" \/>\n    Claude\n  <\/div>\n  <div class=\"ai-chip\">\n    <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/Mistral_AI_logo.svg\" alt=\"Mistral\" \/>\n    Mistral\n  <\/div>\n  <div class=\"ai-chip\">\n    <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/xai-2.svg\" alt=\"Grok\" \/>\n    Grok\n  <\/div>\n  <div class=\"ai-chip\">\n    <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/deepseek-2.svg\" alt=\"DeepSeek\" \/>\n    DeepSeek\n  <\/div>\n  <div class=\"ai-chip\">\n    <img decoding=\"async\" src=\"  https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/meta-3.svg\" alt=\"DeepSeek\" \/>\n    Llama\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-519b2ba elementor-tablet-align-left elementor-widget__width-initial animated-fast elementor-mobile-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"519b2ba\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"42\" height=\"42\" viewbox=\"0 0 42 42\"><g id=\"checkblue\" transform=\"translate(-3 -3)\"><circle id=\"Ellipse_1\" data-name=\"Ellipse 1\" cx=\"21\" cy=\"21\" r=\"21\" transform=\"translate(3 3)\" fill=\"#dfebff\"><\/circle><path id=\"Path_6\" data-name=\"Path 6\" d=\"M21.39,31A2,2,0,0,1,20,30.4l-5.39-5.53a2,2,0,0,1,2.87-2.79l4,4.12,9.18-8.65a2,2,0,0,1,2.74,2.91l-10.61,10a2,2,0,0,1-1.4.54Z\" fill=\"#0060ff\"><\/path><\/g><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">AI Cost? Even as little as <strong>$5 for ~3,000 messages<\/strong><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1eea85 elementor-widget__width-auto animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-popup-modal\" data-id=\"d1eea85\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"elementskit-popup-modal.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- Start Markup -->\n                            <div class='ekit-popup-modal__toggler-wrapper'>\n                    <!-- Button trigger modal -->\n                    <button \n                        type=\"button\" \n                        class=\"elementskit-btn ekit-popup-btn ekit-popup-btn__filled ekit-popup__toggler ekit-popup-modal-toggler whitespace--normal\" \n                        data-toggle=\"modal\" \n                        data-target=\"#ekit-popup-modal\"\n                        id=\"ekit-popup-modal-toggler\"\n                    >\n                        \u26a1 Holen Sie sich Ihren API-Key in unter 30 Sekunden!                    <\/button>\n                <\/div>\n            \n            <!-- Modal -->\n            <div \n                class=\"ekit-popup-modal ekit-popup-modal__inside middle center\" \n                data-toggleafter=\"0\"\n                data-toggletype=\"button\"\n                data-cookieconsent=\"\"\n            >\n                                <div\n                    class=\"ekit-popup-modal__content ekit-popup__content animated animated-normal\" \n                    style=\"\"\n                    data-animation=\"fade-in-up\"\n                >\n                                            <div class=\"ekit-popup-modal__close popup-top-right\">\n                            <i aria-hidden=\"true\" class=\"icon icon-cross\"><\/i>                        <\/div>\n                    \n                    <!-- Start Header -->\n                                            <div class=\"ekit-popup-modal__header ekit-popup__header\">\n                            <h4 class=\"ekit-popup-modal__title ekit-popup__title\">\n                                                            <\/h4>\n                                                    <\/div>\n                                        <!-- End Header -->\n\n                    <!-- Start Body -->\n                    <div class=\"ekit-popup-modal__body ekit-popup__body\">\n                        \n\t\t<div class=\"widgetarea_warper widgetarea_warper_editable\" data-elementskit-widgetarea-key=\"popup\"  data-elementskit-widgetarea-index=\"d1eea85\">\n\t\t\t<div class=\"widgetarea_warper_edit\" data-elementskit-widgetarea-key=\"popup\" data-elementskit-widgetarea-index=\"d1eea85\">\n\t\t\t\t<i class=\"eicon-edit\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<span>Edit Content<\/span>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"27109\" class=\"elementor elementor-27109\">\n\t\t\t\t<div class=\"elementor-element elementor-element-599cff1 e-flex e-con-boxed e-con e-parent\" data-id=\"599cff1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e79c20 elementor-widget elementor-widget-video\" data-id=\"0e79c20\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/n8DFXqRiods&quot;,&quot;lazy_load&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63e6de3 elementor-widget elementor-widget-heading\" data-id=\"63e6de3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Neu bei API-Schl\u00fcsseln? Es dauert buchst\u00e4blich 30 Sekunden, einen zu erstellen \ud83d\ude09<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t                    <\/div>\n                    <!-- Emd Body -->\n\n                    <!-- Start Footer -->\n                                            <div class=\"ekit-popup-modal__footer ekit-popup-footer\">\n                            <div \n                                class='ekit-popup-modal__actions'\n                                style=\"\">\n                                                                                            <\/div>\n                        <\/div>\n                                        <!-- End Footer -->\n                <\/div>\n                                    <div class=\"ekit-popup-modal__overlay ekit-popup__close\"><\/div>\n                            <\/div>\n        <!-- End Markup -->\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42dd5432 e-flex e-con-boxed e-con e-parent\" data-id=\"42dd5432\" data-element_type=\"container\" id=\"easy-setup\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1f5a2a66 e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"1f5a2a66\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-29463a4 e-con-full easytouse-wrap e-flex e-con e-child\" data-id=\"29463a4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-32297b1 e-con-full e-flex e-con e-child\" data-id=\"32297b1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d66595b animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"5d66595b\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title\">Einfach zu benutzen<\/h2>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><strong>F\u00fcgen Sie einfach Ihren Gemini- oder OpenAI-API-Schl\u00fcssel hinzu und schon k\u00f6nnen Sie loslegen.<\/strong> Klick \"<strong>Start Training<\/strong>\"und der Chatbot lernt aus Ihrer WordPress-Datenbank und beginnt sofort, Fragen zu beantworten.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23b5dd27 elementor-widget__width-auto animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-button\" data-id=\"23b5dd27\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;pulse&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"elementskit-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\t\t<div class=\"ekit-btn-wraper\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/purethemes.net\/de\/?download=ai-chat-search\" class=\"elementskit-btn  whitespace--normal\" id=\"\">\n\t\t\t\t\tKostenloses Plugin herunterladen<i aria-hidden=\"true\" class=\"icon icon-download\"><\/i>\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57ee5f54 elementor-tablet-align-left elementor-widget__width-initial animated-fast elementor-mobile-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"57ee5f54\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Funktioniert mit jedem WordPress-Theme<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Unbegrenzte Konversationen<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Eingabe von Bild- und Sprachnachrichten<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Anpassen des Tons und Hinzuf\u00fcgen eigener Anweisungen<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1178d798 e-con-full e-flex e-con e-child\" data-id=\"1178d798\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33368eac animated-fast elementor-invisible elementor-widget elementor-widget-image\" data-id=\"33368eac\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/chatbot-wordpress-data-training.jpg\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1015\" height=\"796\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/10\/train2.png\" class=\"attachment-full size-full wp-image-24947\" alt=\"\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/10\/train2.png 1015w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/10\/train2-300x235.png 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/10\/train2-768x602.png 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/10\/train2-710x557.png 710w\" sizes=\"(max-width: 1015px) 100vw, 1015px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71d27d28 elementor-widget__width-auto elementor-absolute animated-fast elementor-hidden-tablet elementor-hidden-mobile elementor-invisible elementor-widget elementor-widget-image\" data-id=\"71d27d28\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/chatbot-wordpress-history-statistics.jpg\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"925\" height=\"668\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/10\/chats.png\" class=\"attachment-full size-full wp-image-24946\" alt=\"\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/10\/chats.png 925w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/10\/chats-300x217.png 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/10\/chats-768x555.png 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/10\/chats-710x513.png 710w\" sizes=\"(max-width: 925px) 100vw, 925px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8df6a7a e-flex e-con-boxed e-con e-parent\" data-id=\"8df6a7a\" data-element_type=\"container\" id=\"faq-section\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b8be5f3 e-flex e-con-boxed e-con e-child\" data-id=\"b8be5f3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ebb135b e-flex e-con-boxed e-con e-child\" data-id=\"ebb135b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57f3440 animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"57f3440\" data-element_type=\"widget\" id=\"faq\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h6 class=\"elementskit-section-subtitle   ekit-heading__subtitle-has-border\">\n\t\t\t\t\t\tFAQs\n\t\t\t\t\t<\/h6><h2 class=\"ekit-heading--title elementskit-section-title\">Brauchen Sie Hilfe?<\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d3086f e-con-full e-flex e-con e-child\" data-id=\"6d3086f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2e24616 e-con-full e-flex e-con e-child\" data-id=\"2e24616\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a344b0 animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-accordion\" data-id=\"3a344b0\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"elementskit-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n        <div class=\"elementskit-accordion accoedion-primary\" id=\"accordion-69ee25d5ddaa1\">\n\n            \n                <div class=\"elementskit-card\">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-0-3a344b0\">\n                        <a href=\"#collapse-bc2283069ee25d5ddaa1\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-bc2283069ee25d5ddaa1\" aria-expanded=\"false\" aria-controls=\"Collapse-bc2283069ee25d5ddaa1\">\n                            \n                            <span class=\"ekit-accordion-title\">Wie installiere ich die Pro-Version, die ich gerade gekauft habe?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-open icon-right icon icon-chevron-right\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-closed icon-right icon icon-cross\"><\/i>                                    <\/div>\n\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-bc2283069ee25d5ddaa1\" class=\"collapse\" aria-labelledby=\"primaryHeading-0-3a344b0\" data-parent=\"#accordion-69ee25d5ddaa1\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p><strong>Erste<\/strong>, stellen Sie sicher, dass Sie<strong> kostenlose Version installiert<\/strong>.<br \/>Nach Ihrem <strong>Auftrag ist abgeschlossen<\/strong>, erhalten Sie eine E-Mail mit:<\/p><ol><li><strong>Lizenzschl\u00fcssel<\/strong><\/li><li>Use it at <a style=\"color: #0060ff; text-decoration: underline;\" href=\"https:\/\/purethemes.net\/de\/license\/\">https:\/\/purethemes.net\/license\/<\/a> to <strong>download Pro<\/strong> version and manage active domains<\/li><\/ol><p><strong>Install and activate Pro add-on<\/strong> then go to <strong>AI &amp; Chat-Suche \u2192 Lizenz<\/strong> und f\u00fcgen Sie dort Ihren Kaufschl\u00fcssel ein.<\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card\">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-1-3a344b0\">\n                        <a href=\"#collapse-8417e7169ee25d5ddaa1\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-8417e7169ee25d5ddaa1\" aria-expanded=\"false\" aria-controls=\"Collapse-8417e7169ee25d5ddaa1\">\n                            \n                            <span class=\"ekit-accordion-title\">Wo kann ich Unterst\u00fctzung erhalten?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-open icon-right icon icon-chevron-right\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-closed icon-right icon icon-cross\"><\/i>                                    <\/div>\n\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-8417e7169ee25d5ddaa1\" class=\"collapse\" aria-labelledby=\"primaryHeading-1-3a344b0\" data-parent=\"#accordion-69ee25d5ddaa1\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p>Wenn Sie unsere Hilfe ben\u00f6tigen, senden Sie uns einfach eine Nachricht \u00fcber <a style=\"color: #0060ff; text-decoration: underline;\" href=\"mailto:plugins@purethemes.net\">plugins@purethemes.net<\/a><\/p><p><strong>Need help with setting up plugin?<\/strong> Check <a style=\"color: #0060ff; text-decoration: underline;\" href=\"https:\/\/purethemes.net\/de\/wie-man-chatgpt-oder-gemini-zu-wordpress-hinzufugt-schritt-fur-schritt-anleitung\/\">How to Add ChatGPT or Gemini to WordPress Website: Step by Step Guide \u2192<\/a> or this <strong>guide for eCommerce owners<\/strong> <a style=\"color: #0060ff; text-decoration: underline;\" href=\"https:\/\/purethemes.net\/de\/woocommerce-ai-chatbot-guide-automatisieren-verkaufsunterstutzung\/\">WooCommerce AI Chatbot Guide \u2192<\/a><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card\">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-2-3a344b0\">\n                        <a href=\"#collapse-6b3c3bc69ee25d5ddaa1\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-6b3c3bc69ee25d5ddaa1\" aria-expanded=\"false\" aria-controls=\"Collapse-6b3c3bc69ee25d5ddaa1\">\n                            \n                            <span class=\"ekit-accordion-title\">Ist das Design anpassbar und gibt es einen Dark Mode?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-open icon-right icon icon-chevron-right\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-closed icon-right icon icon-cross\"><\/i>                                    <\/div>\n\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-6b3c3bc69ee25d5ddaa1\" class=\"collapse\" aria-labelledby=\"primaryHeading-2-3a344b0\" data-parent=\"#accordion-69ee25d5ddaa1\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p><strong>Ja! <\/strong>Our plugin has<strong> full dark mode<\/strong> with system-preference detection, per-button color controls, and a floating widget that resizes to fit any layout.<\/p><p><strong>\u00a0Drei Header-Modi: <\/strong><\/p><ol><li>a <strong>clean minimal bar <\/strong>with welcome message<\/li><li>a custom <strong>background image<\/strong> with gradient overlay<\/li><li>or a procedurally <strong>animated silk wave effect<\/strong><\/li><\/ol><p><a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/customizable-design.jpg\"><img decoding=\"async\" class=\"alignnone wp-image-30698 size-large\" style=\"border-radius: 10px; border: 1px solid #e0e0e0;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/customizable-design-1024x542.jpg\" alt=\"\" width=\"1024\" height=\"542\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/customizable-design-1024x542.jpg 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/customizable-design-300x159.jpg 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/customizable-design-768x406.jpg 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/customizable-design-1536x813.jpg 1536w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/customizable-design-2048x1083.jpg 2048w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/customizable-design-18x10.jpg 18w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/02\/customizable-design-710x376.jpg 710w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card\">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-3-3a344b0\">\n                        <a href=\"#collapse-aa48f8269ee25d5ddaa1\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-aa48f8269ee25d5ddaa1\" aria-expanded=\"false\" aria-controls=\"Collapse-aa48f8269ee25d5ddaa1\">\n                            \n                            <span class=\"ekit-accordion-title\">Wie erstellt man einen API-Schl\u00fcssel und wie hoch sind die API-Geb\u00fchren?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-open icon-right icon icon-chevron-right\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-closed icon-right icon icon-cross\"><\/i>                                    <\/div>\n\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-aa48f8269ee25d5ddaa1\" class=\"collapse\" aria-labelledby=\"primaryHeading-3-3a344b0\" data-parent=\"#accordion-69ee25d5ddaa1\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p><strong>Nicht sicher, welchen KI-Anbieter Sie w\u00e4hlen sollen?<br \/><\/strong> Check <a style=\"color: #0060ff; text-decoration: underline;\" href=\"https:\/\/purethemes.net\/de\/mistral-vs-gemini-vs-chatgpt-vergleich\/\">comparison article between ChatGPT, Gemini and Mistral \u2192<\/a><\/p><div style=\"display: block; background: #f8f8f8; border-radius: 6px; padding: 25px;\"><h4><img decoding=\"async\" class=\"alignnone size-full wp-image-26435\" style=\"height: 26px; width: 26px; margin-top: -5px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/download.svg\" alt=\"\" \/> ChatGPT<\/h4><p>Sehen Sie sich unsere Videoanleitung an. Es ist buchst\u00e4blich <strong>2 Minuten<\/strong> Prozess.<br \/><a style=\"color: #0060ff; text-decoration: underline;\" href=\"https:\/\/youtu.be\/J_Mlp7BjtP8\" rel=\"nofollow noopener\" target=\"_blank\">Wie man einen OpenAI\/ChatGPT API-Schl\u00fcssel erh\u00e4lt\u2192<\/a><\/p><p>Mit <strong>Das $5-Guthaben von OpenAI <\/strong>(das ist der Mindestbetrag), k\u00f6nnen Sie ungef\u00e4hr folgende Anzahl von Nachrichten erwarten, bevor Sie mehr Guthaben hinzuf\u00fcgen m\u00fcssen.<\/p><p><strong>~Bis zu 2.000-5.000 mit GPT-4.1 Mini<br \/>~Bis zu 1.000 mit GPT-5.2<\/strong><br \/><em>Diese Zahlen sind eher konservativ, n\u00e4herungsweise und variieren je nach L\u00e4nge deiner individuellen Anweisungen, dem pro Nachricht abgerufenen Inhalt (Produkte, Seiten) und der L\u00e4nge der Antwort.<\/em><\/p><p>Unter\u00a0<strong>OpenAI <\/strong>Sie zahlen Guthaben im Voraus. Gemini stellt Ihnen die Rechnung nach dem Zyklus.<\/p><p><strong>Verf\u00fcgbare Modelle:<\/strong> GPT 4.1-mini, 4.1, 5.4 Mini and Nano, 5, 5.1 and 5.4<\/p><\/div><div style=\"margin: 25px 0 15px 0; display: block; background: #f8f8f8; border-radius: 6px; padding: 25px;\"><h4><img decoding=\"async\" class=\"alignnone size-full wp-image-26435\" style=\"width: 26px; height: 26px; margin-top: -5px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/gemini-color.svg\" alt=\"\" \/> Gemini<\/h4><p><a style=\"color: #0060ff; text-decoration: underline;\" href=\"https:\/\/youtu.be\/n8DFXqRiods\" rel=\"nofollow noopener\" target=\"_blank\">Wie man einen Gemini-API-Schl\u00fcssel\u2192 erh\u00e4lt<\/a><\/p><p>Gesch\u00e4tzte Gesamtkosten f\u00fcr <strong>~1,000 - 3,000<\/strong> messages using Gemini 3 Flash: <strong>$5<\/strong> auf der kostenpflichtigen Ebene.<\/p><p>Bitte beachten Sie, dass <strong>kostenloser Bereich<\/strong> erlaubt nur bis zu<strong>\u00a010 Anfragen an die KI pro Minute + Training von nur 100 Objekten pro Minute.<\/strong><\/p><p>Available models: Gemini 3 Flash, 3 Pro, 2.5 Flash and 2.5 Pro<\/p><\/div><div style=\"margin: 25px 0 15px 0; display: block; background: #f8f8f8; border-radius: 6px; padding: 25px;\"><h4><img decoding=\"async\" class=\"alignnone size-full wp-image-26435\" style=\"width: 26px; height: 26px; margin-top: -5px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/Mistral_AI_logo.svg\" alt=\"\" \/> Mistral<\/h4><p><a style=\"color: #0060ff; text-decoration: underline;\" href=\"https:\/\/docs.purethemes.net\/listeo\/knowledge-base\/how-to-create-mistral-ai-api-key\/\">Wie Sie einen Mistral API-Schl\u00fcssel erhalten\u2192<\/a><\/p><p>Mistral hat \u00e4hnliche Preise wie Gemini und ChatGPT.<br \/><strong>Verf\u00fcgbare Modelle:<\/strong> Mistral 3 Small, Medium and Large<\/p><\/div><div style=\"margin: 25px 0 15px 0; display: block; background: #f8f8f8; border-radius: 6px; padding: 25px;\"><h4><img decoding=\"async\" class=\"alignnone size-full wp-image-26435\" style=\"width: 26px; height: 26px; margin-top: -5px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/openrouter-icon.svg\" alt=\"\" \/> OpenRouter<\/h4><p><a style=\"color: #0060ff; text-decoration: underline;\" href=\"https:\/\/openrouter.ai\/keys\" rel=\"nofollow noopener\" target=\"_blank\">So erhalten Sie einen OpenRouter API-Key\u2192<\/a><br \/>OpenRouter acts as a <strong>unified gateway<\/strong> to multiple AI providers. With a single API key you get access to models from OpenAI, Google, Anthropic, Mistral, Meta, DeepSeek, xAI and more. Pricing is <strong>pay-as-you-go<\/strong> with $5 minimum balance required.<br \/><strong>Verf\u00fcgbare Modelle:<\/strong> <img decoding=\"async\" class=\"alignnone size-full\" style=\"width: 18px; height: 18px; margin-top: -3px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/download.svg\" alt=\"\" \/> ChatGPT, <img decoding=\"async\" class=\"alignnone size-full\" style=\"width: 18px; height: 18px; margin-top: -3px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/anthropic-1.svg\" alt=\"\" \/> Claude, <img decoding=\"async\" class=\"alignnone size-full\" style=\"width: 18px; height: 18px; margin-top: -3px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/gemini-color.svg\" alt=\"\" \/> Gemini, <img decoding=\"async\" class=\"alignnone size-full\" style=\"width: 18px; height: 18px; margin-top: -3px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/Mistral_AI_logo.svg\" alt=\"\" \/> Mistral, <img decoding=\"async\" class=\"alignnone size-full\" style=\"width: 18px; height: 18px; margin-top: -3px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/deepseek-2.svg\" alt=\"\" \/> DeepSeek, <img decoding=\"async\" class=\"alignnone size-full\" style=\"width: 18px; height: 18px; margin-top: -3px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/04\/xai-2.svg\" alt=\"\" \/> Grok and many more<\/p><\/div>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card\">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-4-3a344b0\">\n                        <a href=\"#collapse-ecc498569ee25d5ddaa1\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-ecc498569ee25d5ddaa1\" aria-expanded=\"false\" aria-controls=\"Collapse-ecc498569ee25d5ddaa1\">\n                            \n                            <span class=\"ekit-accordion-title\">Wie kann man Chatbot-Antworten mit einer benutzerdefinierten Systemaufforderung verbessern?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-open icon-right icon icon-chevron-right\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-closed icon-right icon icon-cross\"><\/i>                                    <\/div>\n\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-ecc498569ee25d5ddaa1\" class=\"collapse\" aria-labelledby=\"primaryHeading-4-3a344b0\" data-parent=\"#accordion-69ee25d5ddaa1\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p>Sie k\u00f6nnen dort Informationen \u00fcber Ihr Gesch\u00e4ft, spezifische Anweisungen \u00fcber den Schwerpunkt Ihrer Website, Ihre Zielgruppe oder spezielle Funktionen hinzuf\u00fcgen, damit die KI Ihren Besuchern relevantere und pers\u00f6nlichere Antworten geben kann.<\/p><p><strong>Beispiel:<\/strong><\/p><pre>WICHTIG!\n - Dies ist ein Online-Shop, der sich auf Wohn- und Lifestyle-Produkte konzentriert. Wir verkaufen M\u00f6bel, Dekoration und K\u00fcchenzubeh\u00f6r mit weltweitem Versand.\n - Wenn Nutzer nach Bestellungen fragen, erkl\u00e4ren Sie ihnen, dass sie ihre Bestellung im Bereich \u201cMein Konto\u201d verfolgen k\u00f6nnen oder sich an den Support wenden, um Hilfe zu erhalten.\n - Wenn Nutzer nach R\u00fccksendungen fragen, sagen Sie ihnen, dass wir R\u00fccksendungen innerhalb von 30 Tagen f\u00fcr unbenutzte Artikel in der Originalverpackung akzeptieren.\nKONTAKTINFO:\n- Wenn jemand Sie fragt, wie Sie uns kontaktieren k\u00f6nnen, geben Sie ihm support@sample.com und die Telefonnummer +1 123 345 789\n- Unser Kundendienst ist von Montag bis Freitag von 9 bis 15 Uhr erreichbar.\n<\/pre><p>Zur Verbesserung der KI-Chatbot's <strong>Antworten auf allgemeine Fragen wie \"Empfehlen Sie mir etwas f\u00fcr mein Wohnzimmer\".\"<\/strong> Sie m\u00fcssen ihm eine Vorstellung davon vermitteln, worum es auf Ihrer Website geht.<\/p><pre>WICHTIG!\n- Dies ist ein eCommerce-Gesch\u00e4ft f\u00fcr Heim- und Lifestyle-Produkte. Wir helfen Nutzern, die besten Produkte f\u00fcr ihr Zuhause und ihr t\u00e4gliches Leben zu finden.\n- Bei allgemeinen Fragen wie \"Was soll ich kaufen?\" oder \"Was empfehlen Sie?\", suchen Sie nach passenden Produkten aus unserem WooCommerce-Katalog.<\/pre><p><strong>Im Allgemeinen ist Souffleur eine Kunst<\/strong> - die Qualit\u00e4t der KI-Antwort h\u00e4ngt von der Aufforderung oder den Anweisungen ab. Manchmal k\u00f6nnen zu viele Beispiele das Modell verwirren, aber auch zu wenige k\u00f6nnen zu schlechten Ergebnissen f\u00fchren.<\/p><p>Wenn ein Benutzer nach \u201c<strong>gut<\/strong> Kopfh\u00f6rer\u201d oder \u201c<strong>gut<\/strong> Stuhl\u201d, der <strong>AI kann automatisch einen Bewertungsfilter anwenden (z. B. 4,5+)<\/strong>. Wenn Artikel keine Bewertungen haben, kann es sein, dass sie keine Ergebnisse liefern. <strong>Deshalb m\u00fcssen Sie die Eingabeaufforderung selbst optimieren<\/strong> und z.B. hinzuf\u00fcgen: <em>\u201cWenden Sie keinen Bewertungsfilter an, es sei denn, der Nutzer fragt danach.\u201d<\/em><\/p><p><strong>Entscheidungslogik hinzuf\u00fcgen<\/strong> um Ihre Inhaltstypen zu verdeutlichen. <strong>Universelle Entscheidungslogik ist bereits eingebaut<\/strong> Systemaufforderung, aber vielleicht m\u00f6chten Sie sie mit Beispielen aus dem Inhalt Ihrer Website erweitern.<\/p><pre>ENTSCHEIDUNGSLOGIK:\n- Frage nach Auflistungen wie [Beispiele] \u2192 search_listings() verwenden\n- Allgemeine Produkte wie [Beispiele] \u2192 search_products() verwenden\n- Allgemeine Fragen zum Inhalt der Website wie \u2192 search_universal_content() verwenden<\/pre><p>Verwenden Sie <strong>GPT-5.4<\/strong> \u00a0instead of mini or flash (Gemini) for better quality if you have long custom instructions. Small prompt changes can significantly impact behavior.<\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card\">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-5-3a344b0\">\n                        <a href=\"#collapse-47f292769ee25d5ddaa1\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-47f292769ee25d5ddaa1\" aria-expanded=\"false\" aria-controls=\"Collapse-47f292769ee25d5ddaa1\">\n                            \n                            <span class=\"ekit-accordion-title\">Ist dies das Richtige f\u00fcr meine Website?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-open icon-right icon icon-chevron-right\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-closed icon-right icon icon-cross\"><\/i>                                    <\/div>\n\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-47f292769ee25d5ddaa1\" class=\"collapse\" aria-labelledby=\"primaryHeading-5-3a344b0\" data-parent=\"#accordion-69ee25d5ddaa1\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p>\u2705 L\u00e4uft direkt auf Ihrer WordPress-Website<br \/>\u2705 Sie kontrollieren Ihre OpenAI\/Gemini API-Kosten<br \/>Ihre Datenbank bleibt auf Ihrem Server<\/p><p><strong>Anmerkung:<\/strong> MySQL-Datenbank, die WordPress verwendet, fehlt eine native Vektorsuche - alle <strong>\u00c4hnlichkeitsberechnungen laufen in PHP, so dass die Suchgeschwindigkeit von Ihrem Server abh\u00e4ngt <\/strong>CPU und Anzahl der indizierten Elemente.<\/p><p>\u2705 <strong>Optimiert f\u00fcr bis zu ein paar tausend Artikel\/Seiten\/Produkte<\/strong><br \/>\u2705 Keine externe Datenbankindizierung. Schnelle Einrichtung. Vorhersagbare Leistung.<\/p><p>If you\u2019re tech-savvy, check our article on\u00a0<a style=\"color: #0060ff; text-decoration: underline;\" href=\"https:\/\/purethemes.net\/how-ai-chatbots-work-rag-vector-embeddings-explained\/\">how RAG-powered chatbots work<\/a>.<\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                                                        <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"FAQPage\",\n    \"mainEntity\": [\n        {\n            \"@type\": \"Question\",\n            \"name\": \"How to install Pro version that I just purchased?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p><strong>First<\\\/strong>, make sure you have<strong> free version installed<\\\/strong>.<br \\\/>After your <strong>order is completed<\\\/strong>, you'll receive an email with:<\\\/p><ol><li><strong>License key<\\\/strong><\\\/li><li>Use it at <a style=\\\"color: #0060ff; text-decoration: underline;\\\" href=\\\"https:\\\/\\\/purethemes.net\\\/license\\\/\\\">https:\\\/\\\/purethemes.net\\\/license\\\/<\\\/a> to <strong>download Pro<\\\/strong> version and manage active domains<\\\/li><\\\/ol><p><strong>Install and activate Pro add-on<\\\/strong> then go to <strong>AI &amp; Chat Search \\u2192 License<\\\/strong> and paste there your purchase key.<\\\/p>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Where can I get support?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p>If you need our assistance simply send us message using <a style=\\\"color: #0060ff; text-decoration: underline;\\\" href=\\\"mailto:plugins@purethemes.net\\\">plugins@purethemes.net<\\\/a><\\\/p><p><strong>Need help with setting up plugin?<\\\/strong> Check <a style=\\\"color: #0060ff; text-decoration: underline;\\\" href=\\\"https:\\\/\\\/purethemes.net\\\/how-to-add-chatgpt-or-gemini-to-wordpress-step-by-step-guide\\\/\\\">How to Add ChatGPT or Gemini to WordPress Website: Step by Step Guide \\u2192<\\\/a> or this <strong>guide for eCommerce owners<\\\/strong> <a style=\\\"color: #0060ff; text-decoration: underline;\\\" href=\\\"https:\\\/\\\/purethemes.net\\\/woocommerce-ai-chatbot-guide-automate-sales-support\\\/\\\">WooCommerce AI Chatbot Guide \\u2192<\\\/a><\\\/p>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Is design customizable and does it have dark mode?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p><strong>Yes! <\\\/strong>Our plugin has<strong> full dark mode<\\\/strong> with system-preference detection, per-button color controls, and a floating widget that resizes to fit any layout.<\\\/p><p><strong>\\u00a0Three header modes: <\\\/strong><\\\/p><ol><li>a <strong>clean minimal bar <\\\/strong>with welcome message<\\\/li><li>a custom <strong>background image<\\\/strong> with gradient overlay<\\\/li><li>or a procedurally <strong>animated silk wave effect<\\\/strong><\\\/li><\\\/ol><p><a href=\\\"https:\\\/\\\/purethemes.net\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/customizable-design.jpg\\\"><img class=\\\"alignnone wp-image-30698 size-large\\\" style=\\\"border-radius: 10px; border: 1px solid #e0e0e0;\\\" src=\\\"https:\\\/\\\/purethemes.net\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/customizable-design-1024x542.jpg\\\" alt=\\\"\\\" width=\\\"1024\\\" height=\\\"542\\\" \\\/><\\\/a><\\\/p>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"How to create  API key and how does it cost in API fees?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p><strong>Not sure which AI Provider choose?<br \\\/><\\\/strong> Check <a style=\\\"color: #0060ff; text-decoration: underline;\\\" href=\\\"https:\\\/\\\/purethemes.net\\\/mistral-vs-gemini-vs-chatgpt-comparison\\\/\\\">comparison article between ChatGPT, Gemini and Mistral \\u2192<\\\/a><\\\/p><div style=\\\"display: block; background: #f8f8f8; border-radius: 6px; padding: 25px;\\\"><h4><img class=\\\"alignnone size-full wp-image-26435\\\" style=\\\"height: 26px; width: 26px; margin-top: -5px;\\\" src=\\\"https:\\\/\\\/purethemes.net\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/download.svg\\\" alt=\\\"\\\" \\\/> ChatGPT<\\\/h4><p>Check our video guide. It's literally <strong>2 minutes<\\\/strong> process.<br \\\/><a style=\\\"color: #0060ff; text-decoration: underline;\\\" href=\\\"https:\\\/\\\/youtu.be\\\/J_Mlp7BjtP8\\\">How to Get an OpenAI\\\/ChatGPT API Key\\u2192<\\\/a><\\\/p><p>With <strong>OpenAI's $5 credit balance <\\\/strong>(that's minimal amount), you can expect approximately following amount of messages before needing to add more credits.<\\\/p><p><strong>~Up to 2,000-5,000 with GPT-4.1 Mini<br \\\/>~Up to 1,000 with GPT-5.2<\\\/strong><br \\\/><em>These numbers are rather conservative, approximate and vary based on your custom instructions length, retrieved content for each message (products, pages), and response length.<\\\/em><\\\/p><p>In\\u00a0<strong>OpenAI <\\\/strong>you prepay credits. Gemini bills you after the cycle.<\\\/p><p><strong>Available models:<\\\/strong> GPT 4.1-mini, 4.1, 5.4 Mini and Nano, 5, 5.1 and 5.4<\\\/p><\\\/div><div style=\\\"margin: 25px 0 15px 0; display: block; background: #f8f8f8; border-radius: 6px; padding: 25px;\\\"><h4><img class=\\\"alignnone size-full wp-image-26435\\\" style=\\\"width: 26px; height: 26px; margin-top: -5px;\\\" src=\\\"https:\\\/\\\/purethemes.net\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/gemini-color.svg\\\" alt=\\\"\\\" \\\/> Gemini<\\\/h4><p><a style=\\\"color: #0060ff; text-decoration: underline;\\\" href=\\\"https:\\\/\\\/youtu.be\\\/n8DFXqRiods\\\">How to Get an Gemini API Key\\u2192<\\\/a><\\\/p><p>Total estimated cost for <strong>~1,000 - 3,000<\\\/strong> messages using Gemini 3 Flash: <strong>$5<\\\/strong> on paid tier.<\\\/p><p>Please keep mind that <strong>free tier<\\\/strong> allows only up to<strong>\\u00a010 requests to AI per minute + training only 100 items per minute.<\\\/strong><\\\/p><p>Available models: Gemini 3 Flash, 3 Pro, 2.5 Flash and 2.5 Pro<\\\/p><\\\/div><div style=\\\"margin: 25px 0 15px 0; display: block; background: #f8f8f8; border-radius: 6px; padding: 25px;\\\"><h4><img class=\\\"alignnone size-full wp-image-26435\\\" style=\\\"width: 26px; height: 26px; margin-top: -5px;\\\" src=\\\"https:\\\/\\\/purethemes.net\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Mistral_AI_logo.svg\\\" alt=\\\"\\\" \\\/> Mistral<\\\/h4><p><a style=\\\"color: #0060ff; text-decoration: underline;\\\" href=\\\"https:\\\/\\\/docs.purethemes.net\\\/listeo\\\/knowledge-base\\\/how-to-create-mistral-ai-api-key\\\/\\\">How to Get an Mistral API Key\\u2192<\\\/a><\\\/p><p>Mistral has similar pricing to Gemini and ChatGPT.<br \\\/><strong>Available models:<\\\/strong> Mistral 3 Small, Medium and Large<\\\/p><\\\/div><div style=\\\"margin: 25px 0 15px 0; display: block; background: #f8f8f8; border-radius: 6px; padding: 25px;\\\"><h4><img class=\\\"alignnone size-full wp-image-26435\\\" style=\\\"width: 26px; height: 26px; margin-top: -5px;\\\" src=\\\"https:\\\/\\\/purethemes.net\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/openrouter-icon.svg\\\" alt=\\\"\\\" \\\/> OpenRouter<\\\/h4><p><a style=\\\"color: #0060ff; text-decoration: underline;\\\" href=\\\"https:\\\/\\\/openrouter.ai\\\/keys\\\">How to Get an OpenRouter API Key\\u2192<\\\/a><br \\\/>OpenRouter acts as a <strong>unified gateway<\\\/strong> to multiple AI providers. With a single API key you get access to models from OpenAI, Google, Anthropic, Mistral, Meta, DeepSeek, xAI and more. Pricing is <strong>pay-as-you-go<\\\/strong> with $5 minimum balance required.<br \\\/><strong>Available models:<\\\/strong> <img class=\\\"alignnone size-full\\\" style=\\\"width: 18px; height: 18px; margin-top: -3px;\\\" src=\\\"https:\\\/\\\/purethemes.net\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/download.svg\\\" alt=\\\"\\\" \\\/> ChatGPT, <img class=\\\"alignnone size-full\\\" style=\\\"width: 18px; height: 18px; margin-top: -3px;\\\" src=\\\"https:\\\/\\\/purethemes.net\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/anthropic-1.svg\\\" alt=\\\"\\\" \\\/> Claude, <img class=\\\"alignnone size-full\\\" style=\\\"width: 18px; height: 18px; margin-top: -3px;\\\" src=\\\"https:\\\/\\\/purethemes.net\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/gemini-color.svg\\\" alt=\\\"\\\" \\\/> Gemini, <img class=\\\"alignnone size-full\\\" style=\\\"width: 18px; height: 18px; margin-top: -3px;\\\" src=\\\"https:\\\/\\\/purethemes.net\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Mistral_AI_logo.svg\\\" alt=\\\"\\\" \\\/> Mistral, <img class=\\\"alignnone size-full\\\" style=\\\"width: 18px; height: 18px; margin-top: -3px;\\\" src=\\\"https:\\\/\\\/purethemes.net\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/deepseek-2.svg\\\" alt=\\\"\\\" \\\/> DeepSeek, <img class=\\\"alignnone size-full\\\" style=\\\"width: 18px; height: 18px; margin-top: -3px;\\\" src=\\\"https:\\\/\\\/purethemes.net\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/xai-2.svg\\\" alt=\\\"\\\" \\\/> Grok and many more<\\\/p><\\\/div>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"How to improve chatbot replies with a Custom System Prompt?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p>You can add there info about your shop, specific instructions about your website\\u2019s focus, target audience, or special features to help the AI provide more relevant and personalized answers to your visitors.<\\\/p><p><strong>Example:<\\\/strong><\\\/p><pre>IMPORTANT:\\n \\u2013 This is an online store focused on home and lifestyle products. We sell furniture, decor, and kitchen accessories with worldwide shipping.\\n \\u2013 If users ask about orders, explain that they can track their order in the \\u201cMy Account\\u201d section or contact support for help.\\n \\u2013 If users ask about returns, tell them we accept returns within 30 days for unused items in original packaging.\\nCONTACT INFO:\\n- If someone asks you about how to contact us provide him support@sample.com and phone +1 123 345 789\\n- Our customer service hours are 9am\\u201315pm Monday to Friday\\n<\\\/pre><p>To improve the AI chatbot\\u2019s <strong>replies to generic questions like \\\"recommend something for my living room\\\"<\\\/strong> you need to give him an idea what your website is about<\\\/p><pre>IMPORTANT:\\n- This is an eCommerce store for home and lifestyle products. We help users find the best items for their home and daily life.\\n- When asked generic questions like \\\"what should I buy\\\" or \\\"what do you recommend\\\", search for matching products from our WooCommerce catalog.<\\\/pre><p><strong>In general, prompting is an art<\\\/strong> \\u2013 the quality of an AI\\u2019s answer depends on the prompt or instructions. Sometimes too many examples can confuse the model, but too few can also lead to poor results.<\\\/p><p>If a user asks for \\u201c<strong>good<\\\/strong> headphones\\u201d or \\u201c<strong>good<\\\/strong> chair,\\u201d the <strong>AI may auto-apply a rating filter (e.g. 4.5+)<\\\/strong>. If items have no ratings, it may return no results. <strong>That\\u2019s why you need to tweak prompt on your own<\\\/strong> and e.g. add: <em>\\u201cDon\\u2019t apply a rating filter unless the user asks for it.\\u201d<\\\/em><\\\/p><p><strong>Add decision logic<\\\/strong> to clarify your content types. <strong>Universal decision logic is already inside built-in<\\\/strong> system prompt but you might want to extend it with samples from your website content.<\\\/p><pre>DECISION LOGIC:\\n- Question about listings such as [examples] \\u2192 use search_listings()\\n- Generic products such as [examples] \\u2192 use search_products()\\n- Generic questions about website content such \\u2192 use search_universal_content()<\\\/pre><p>Use <strong>GPT-5.4<\\\/strong> \\u00a0instead of mini or flash (Gemini) for better quality if you have long custom instructions. Small prompt changes can significantly impact behavior.<\\\/p>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Is this right for my website?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p>\\u2705 Runs directly on your WordPress website<br \\\/>\\u2705 You control your OpenAI\\\/Gemini API costs<br \\\/>\\u2705 Your database stays on your server<\\\/p><p><strong>Note:<\\\/strong> MySQL database which WordPress uses, lacks native vector search - all <strong>similarity calculations run in PHP so search speed depends on your server <\\\/strong>CPU and number of indexed items.<\\\/p><p>\\u2705 <strong>Optimized for up to a few thousand items\\\/pages\\\/products<\\\/strong><br \\\/>\\u2705 No external database indexing. Fast setup. Predictable performance.<\\\/p><p>If you\\u2019re tech-savvy, check our article on\\u00a0<a style=\\\"color: #0060ff; text-decoration: underline;\\\" href=\\\"https:\\\/\\\/purethemes.net\\\/how-ai-chatbots-work-rag-vector-embeddings-explained\\\/\\\">how RAG-powered chatbots work<\\\/a>.<\\\/p>\"\n            }\n        }\n    ]\n}<\/script>\n                                <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4fcd51 e-con-full e-flex e-con e-child\" data-id=\"d4fcd51\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a8ac0d animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-accordion\" data-id=\"4a8ac0d\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"elementskit-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n        <div class=\"elementskit-accordion accoedion-primary\" id=\"accordion-69ee25d5de916\">\n\n            \n                <div class=\"elementskit-card\">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-0-4a8ac0d\">\n                        <a href=\"#collapse-ba8c21d69ee25d5de916\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-ba8c21d69ee25d5de916\" aria-expanded=\"false\" aria-controls=\"Collapse-ba8c21d69ee25d5de916\">\n                            \n                            <span class=\"ekit-accordion-title\">Funktioniert es mit jedem Thema?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-open icon-right icon icon-chevron-right\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-closed icon-right icon icon-cross\"><\/i>                                    <\/div>\n\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-ba8c21d69ee25d5de916\" class=\"collapse\" aria-labelledby=\"primaryHeading-0-4a8ac0d\" data-parent=\"#accordion-69ee25d5de916\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p><strong>Ja!<\/strong> Au\u00dferdem bietet es eine vollst\u00e4ndige Integration mit <strong>WooCommerce<\/strong> und die <strong>Listeo<\/strong> Verzeichnis WordPress-Theme. <strong>Diese Integration erm\u00f6glicht die Anzeige von Produkt- oder Angebotskarten direkt im Chat.<\/strong><\/p><p><img decoding=\"async\" class=\"alignnone wp-image-25297 size-full\" style=\"margin-top: 0px; max-width: 400px; border: 2px solid #e0e0e0; border-radius: 5px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/10\/123.png\" alt=\"\" width=\"467\" height=\"361\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/10\/123.png 467w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/10\/123-300x232.png 300w\" sizes=\"(max-width: 467px) 100vw, 467px\" \/><\/p><p><strong>\ud83d\udca1Note:<\/strong> Karten im Chat werden nur f\u00fcr WooCommerce-Produkte (beliebiges Thema) oder -Listings (Listeo-Thema) angezeigt.<\/p><p>In anderen Themes kann die Pro-Version von Seiten\/angepassten Beitragstypen lernen, aber <strong>benutzerdefinierte Beitragstypen verwenden eine stichwortbasierte Suche ohne Filter.<\/strong> Die vollst\u00e4ndige Filterung funktioniert nur bei WooCommerce-Produkten.<\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card\">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-1-4a8ac0d\">\n                        <a href=\"#collapse-a83825e69ee25d5de916\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-a83825e69ee25d5de916\" aria-expanded=\"false\" aria-controls=\"Collapse-a83825e69ee25d5de916\">\n                            \n                            <span class=\"ekit-accordion-title\">Welche Einstellungen und Funktionen sind im Plugin verf\u00fcgbar?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-open icon-right icon icon-chevron-right\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-closed icon-right icon icon-cross\"><\/i>                                    <\/div>\n\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-a83825e69ee25d5de916\" class=\"collapse\" aria-labelledby=\"primaryHeading-1-4a8ac0d\" data-parent=\"#accordion-69ee25d5de916\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p>Das Plugin bietet umfangreiche Anpassungsm\u00f6glichkeiten \u00fcber mehrere Einstellungsregisterkarten.<br \/>Sie k\u00f6nnen <a style=\"color: #0060ff;\" href=\"https:\/\/purethemes.net\/de\/?download=ai-chat-search\">kostenlose Version herunterladen<\/a> um es selbst zu sehen \ud83d\ude42<\/p><p><a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/12\/kLkAGhryHn.jpg\"><img decoding=\"async\" class=\"alignnone wp-image-27641 size-large\" style=\"border-radius: 5px; max-width: 300px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/12\/kLkAGhryHn-1024x708.jpg\" alt=\"\" width=\"1024\" height=\"708\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/12\/kLkAGhryHn-1024x708.jpg 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/12\/kLkAGhryHn-300x207.jpg 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/12\/kLkAGhryHn-768x531.jpg 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/12\/kLkAGhryHn-1536x1062.jpg 1536w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/12\/kLkAGhryHn-18x12.jpg 18w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/12\/kLkAGhryHn-710x491.jpg 710w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/12\/kLkAGhryHn.jpg 2032w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p><p><strong>Hier eine kurze Zusammenfassung:<\/strong><\/p><ol><li><strong>Allgemein<br \/><\/strong>Aktivieren\/Deaktivieren des Chats, Auswahl des KI-Modells (GPT-5.1, GPT-4.1, GPT-4.1-mini und Gemini 3 Pro, 2.5 Pro, 2.5 Flash), Festlegen der maximalen Anzahl der in den Ergebnissen angezeigten Produkte, Hinzuf\u00fcgen von Schnellaktionsschaltfl\u00e4chen \u00fcber der Chat-Eingabe: vordefinierte Frage an KI, Link-Schaltfl\u00e4che (z. B. zu einer Seite oder Whatsapp) und Kontaktformular-Popup)<\/li><li><strong>Erscheinungsbild<br \/><\/strong>Benutzerdefinierter Chatbot-Name und Avatar, Willkommensnachricht (unterst\u00fctzt HTML), Markenfarben f\u00fcr Schaltfl\u00e4chen und UI, Option zum Ausblenden von Produktbildern in den Ergebnissen, Whitelabel-Modus (Pro)<\/li><li><strong>Schwebendes Widget<br \/><\/strong>Aktivieren\/Deaktivieren der schwebenden Chatblase, benutzerdefiniertes SVG-Symbol, Willkommensblasentext, Popup-Abmessungen (Breite\/H\u00f6he), Ausblenden auf bestimmten Seiten<\/li><li><strong>AI-Tools<br \/><\/strong>Benutzerdefinierte Systemansagen (bis zu 6.000 Zeichen) f\u00fcr unternehmensspezifische Anweisungen, KI-gest\u00fctzter E-Mail-Versand im Namen von Besuchern<\/li><li><strong>Zugang und Datenschutz<br \/><\/strong>Chat nur auf angemeldete Benutzer beschr\u00e4nken, Hinweis auf Nutzungsbedingungen anzeigen, Gespr\u00e4chsverfolgung aktivieren (wird nach 30 Tagen automatisch gel\u00f6scht)<\/li><li><strong>Daten Ausbildung<br \/><\/strong>Auswahl der zu trainierenden Inhaltstypen (Beitr\u00e4ge, Seiten, PDFs, WooCommerce-Produkte, benutzerdefinierte Beitragstypen), manueller Auswahlmodus, Datenbankverwaltungstools (\u00dcberpr\u00fcfung\/Erstellung\/L\u00f6schung von Einbettungen)<\/li><li><strong>Analytik<br \/><\/strong>Gespr\u00e4chsstatistiken, beliebte Suchanfragen (7\/30 Tage), E-Mail-Tracking<\/li><\/ol>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card\">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-2-4a8ac0d\">\n                        <a href=\"#collapse-b0c7ca569ee25d5de916\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-b0c7ca569ee25d5de916\" aria-expanded=\"false\" aria-controls=\"Collapse-b0c7ca569ee25d5de916\">\n                            \n                            <span class=\"ekit-accordion-title\">Was bewirken Bild- &amp; Sprachnachrichten?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-open icon-right icon icon-chevron-right\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-closed icon-right icon icon-cross\"><\/i>                                    <\/div>\n\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-b0c7ca569ee25d5de916\" class=\"collapse\" aria-labelledby=\"primaryHeading-2-4a8ac0d\" data-parent=\"#accordion-69ee25d5de916\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p>It allows users to <strong>send voice messages<\/strong> (converted to text via AI) and <strong>upload images<\/strong> for AI analysis. <strong>Audio and images are never stored on your website or database<\/strong> and are sent directly to the AI service. Images are transmitted as base64-encoded data, a standard text-based format for safely sending files.<\/p><p>Besucher k\u00f6nnen Bilder anh\u00e4ngen, die ihnen helfen zu erkl\u00e4ren, wonach sie suchen, und der KI helfen, es zu verstehen.<br \/><a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/image-input.jpg\"><img decoding=\"async\" class=\"alignnone wp-image-29077 size-medium\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/image-input-187x300.jpg\" alt=\"\" width=\"187\" height=\"300\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/image-input-187x300.jpg 187w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/image-input-638x1024.jpg 638w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/image-input-768x1233.jpg 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/image-input-7x12.jpg 7w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/image-input-710x1140.jpg 710w, https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/image-input.jpg 837w\" sizes=\"(max-width: 187px) 100vw, 187px\" \/><\/a><\/p><p>This feature is making it faster and easier for users to <strong>share information without typing<\/strong>.<\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card\">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-3-4a8ac0d\">\n                        <a href=\"#collapse-c46545e69ee25d5de916\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-c46545e69ee25d5de916\" aria-expanded=\"false\" aria-controls=\"Collapse-c46545e69ee25d5de916\">\n                            \n                            <span class=\"ekit-accordion-title\">Funktionen zur Einhaltung der GDPR<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-open icon-right icon icon-chevron-right\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-closed icon-right icon icon-cross\"><\/i>                                    <\/div>\n\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-c46545e69ee25d5de916\" class=\"collapse\" aria-labelledby=\"primaryHeading-3-4a8ac0d\" data-parent=\"#accordion-69ee25d5de916\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p><strong>Das Plugin enth\u00e4lt mehrere Datenschutzfunktionen:<\/strong><\/p><ol><li><strong>Hinweis zu den Nutzungsbestimmungen<\/strong> - Anpassbarer Hinweis, den Benutzer best\u00e4tigen m\u00fcssen<\/li><li><strong>30-Tage-L\u00f6schautomatik<\/strong> - Chat-Verlauf wird automatisch gel\u00f6scht<\/li><li><strong>Daten bleiben auf Ihrem Server<\/strong> - Alle Konversationen werden in Ihrer WordPress-Datenbank gespeichert, im Gegensatz zu anderen Anbietern, die die Konversationen Ihrer Besucher auf ihren Servern speichern.<\/li><li><strong>Minimale Daten f\u00fcr KI-Anbieter<\/strong> - Nur die Suchanfrage\/Nachricht wird an OpenAI\/Google gesendet - sie speichern Ihre Daten nicht gem\u00e4\u00df ihren API-Bedingungen.<\/li><li><strong>PII-gestrichene Auftragssuche<\/strong> - Wenn Benutzer den Bestellstatus \u00fcberpr\u00fcfen, werden pers\u00f6nliche Informationen (Namen, Adressen, E-Mails, Telefon<br \/>Nummern) wird niemals an AI-Anbieter gesendet - nur Bestellstatus, Artikel und Informationen zur Sendungsverfolgung<\/li><\/ol><p><strong>What data is sent to OpenAI\/Google\/Mistral?<\/strong><\/p><p>Nur die Nachricht\/Abfrage des Nutzers und der Inhalt Ihrer Seiten (f\u00fcr den Kontext). Es werden keine pers\u00f6nlichen Daten, IPs oder Benutzerkennungen \u00fcbertragen. Beide Anbieter haben Datenverarbeitungsvertr\u00e4ge und verwenden keine API-Daten f\u00fcr Schulungen.<\/p><p><strong>Welcher KI-Anbieter ist am besten mit der DSGVO vereinbar?<\/strong> <br \/><strong>Mistral AI<\/strong> ist die datenschutzfreundlichste Option gem\u00e4\u00df der DSGVO. Anders als OpenAI und Google hat Mistral seinen Hauptsitz in Paris und unterliegt nicht dem US CLOUD Act, der es amerikanischen Beh\u00f6rden erlaubt, auf Daten zuzugreifen, selbst wenn diese auf EU-Servern gespeichert sind.<\/p><p><strong>K\u00f6nnen Nutzer die L\u00f6schung von Daten beantragen?<\/strong><\/p><p>Bei angemeldeten Benutzern kann der Chatverlauf anhand der Benutzer-ID identifiziert werden. Bei G\u00e4sten sind die Daten nur mit einer Browser-Sitzungs-ID verkn\u00fcpft und werden nach 30 Tagen automatisch gel\u00f6scht.<\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card\">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-4-4a8ac0d\">\n                        <a href=\"#collapse-90d920e69ee25d5de916\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-90d920e69ee25d5de916\" aria-expanded=\"false\" aria-controls=\"Collapse-90d920e69ee25d5de916\">\n                            \n                            <span class=\"ekit-accordion-title\">\u00c4nderungsliste<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-open icon-right icon icon-chevron-right\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n                                        <i aria-hidden=\"true\" class=\"icon-closed icon-right icon icon-cross\"><\/i>                                    <\/div>\n\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-90d920e69ee25d5de916\" class=\"collapse\" aria-labelledby=\"primaryHeading-4-4a8ac0d\" data-parent=\"#accordion-69ee25d5de916\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p>As you can see in the changelog below, we constantly update and improve our chatbot.<\/p><p><br \/><strong>2.0.3<\/strong> - Fix for license validation with Object Cache<br \/><strong>2.0.2<\/strong> - Security hardening for webhook trigger<br \/>- Added honeypot field for search shortcode<br \/><strong>2.0.1<\/strong> - Minor Optimisations<br \/>- \"Weak points\" in AI Insights have been removed and consolidated into \"data gaps\" because they were basically almost the same<br \/><strong>2.0<\/strong> - Option to modify chat history data retention (30\/90\/180\/360 days)<br \/>- Chat Activity graph yearly view - toggle between \"This month\" and \"This year\"<br \/>- Rate limit fix<br \/>- Quick buttons moved into popup<br \/>- Fix for AI chat insights preventing ChatGPT to generate them (other models worked fine)<br \/><strong>1.9.9<\/strong> - <strong>Chat Insights,<\/strong> AI can analyze chatbot conversations and highlights summaries, gaps, weaknesses, and sentiment. Available in Stats &amp; History tab.<strong><br \/>1.9.8 <\/strong>- Support for <strong>OpenRouter<\/strong> - <strong>one API key for top AI providers<\/strong> (OpenAI, Anthropic, Gemini, Meta, Mistral, DeepSeek, Grok)<strong><br \/><\/strong><strong>1.9.7<\/strong> - Option to load chatbot scripts only when the floating widget is opened (Developer &amp; Debugging section) might help improve page load in some cases.<br \/>- Option to set custom size of widget button icon<strong><br \/>1.9.6 <\/strong>- New feature: <span class=\"airs-checkbox-text\"><strong>WooCommerce Cart in Chatbot<\/strong> - <\/span>Shows \"Add to Cart\" buttons on product cards and a cart icon in the chat header.<br \/>cards and a cart icon in the chat header.<br \/>- Option to adjust <strong>AI's user messages memory<\/strong> (how many previous user messages AI sees during conversation), the setting is in Search Quality &amp; Thresholds &gt; Additional Threshold Settings &gt; Conversation Context Length<br \/><strong>1.9.5 <\/strong>- New feature: <strong>Hints for AI<\/strong> -\u00a0 you can direct the AI to use a specific page or document when answering certain questions (option is in AI Chat tab - AI Tools section)<br \/>- Option to modify floating widget horizontal\/vertical position in AI Chat \/ Floating Widget settings<strong><br \/>1.9.4 <\/strong>- Performance fix: optimized data training page loading speed for large databases<strong><br \/>1.9.3<\/strong> - Added support for GPT 5.4 Mini and 5.4 Nano<br \/>- New feature: <strong>Pre-chat form<\/strong> - collect visitor info before chat; you can add custom fields; data appears in chat history. Enable in <strong>AI Chat \u2192 Access &amp; Privacy \u2192 Pre-chat form<\/strong> (clear cache if using a caching plugin)<br \/><strong>1.9.2 <\/strong>- Security fixes<br \/>- WooCommerce products that are not in stock won't be displayed in search results<br \/>- [time] shortcode that can be added in custom instructions (prompt) so AI knows exact time of your site timezone<br \/><strong>1.9.1<\/strong> - WooCommerce variable pricing compatibility<br \/>- Support for WPC Price by Quantity plugin<br \/>- GPT 5.4 reasoning effort parameter fix<strong><br \/>1.9.0 <\/strong>- Added GPT 5.4 and 5.3<br \/>- Added Gemini 3.1 Flash Lite<br \/>- Compatibility improvements with page builders (Breakdance, Bricks, Oxygen etc.)<strong><br \/>1.8.9 <\/strong>-\u00a0Option to align floating widget to the left or right side<br \/>- Added Gemini 3.1 Pro (replaces 3.0 Pro which will be disabled by Google on 9th March)<strong><br \/>1.8.8 <\/strong>- Minor Fixes<br \/><strong>1.8.7 <\/strong>- WooCommerce fixes (AI uses price with tax + can fetch shipping number)<br \/>- Documents embedding optimisations<br \/>- Option to disable custom fields in embeddings<strong><br \/>1.8.6 <\/strong>- Webhook Automation (e.g. N8N, Zapier, Make)<br \/>- WhatsApp Integration (via Twilio)<br \/>- Telegram Integration<strong><br \/>1.8.5<\/strong>- Option to add background image in chat header (Floating Widget \u2192 Initial Header Style)<br \/>- Option to modify each Quick Button color<strong><br \/>1.8.4 <\/strong>- Sicherheitsverbesserungen: zentrale IP-Erkennung zur Verhinderung von IP-Spoofing durch Header-Injection sowie Verbesserungen bei der XSS-Pr\u00e4vention<br \/>- Mehr Details zum Benutzer beim Hover \u00fcber die IP-Adresse im Chatverlauf<br \/><strong>1.8.3<\/strong> - \u00dcbersetzungen f\u00fcr alle Plugin-Einstellungen im WordPress-Admin<br \/>- Im Chatverlauf zeigt jede Benutzer-Nachricht die Seite an, von der sie gesendet wurde<br \/><strong>1.8.2 <\/strong>- Dunkelmodus hinzugef\u00fcgt (Farbschema-Einstellung)<strong><br \/>1.8.1<\/strong>- Verbesserte Kompatibilit\u00e4t mit dem Divi Page Builder<strong><br \/>1.8.0<\/strong> - Produkt-\/Listing-Vergleichstool hinzugef\u00fcgt \u2014 nach der Suche kannst du die KI bitten, X und Y zu vergleichen.<br \/><strong>1.7.9 <\/strong>- KI-Antworten mit einem fl\u00fcssigen Wort-f\u00fcr-Wort-Tippeffekt<br \/>- Men\u00fc im Chatfenster mit Optionen zum Starten eines neuen Chats und zum Erweitern des Fensters<br \/><strong>1.7.8 <\/strong>- Externe Seitennquellen \u2013 der Chatbot kann mit Inhalten von externen Webseiten trainiert werden<strong><br \/>1.7.7 <\/strong>- SKU- und EAN\/GTIN-Codes zu WooCommerce-Produkt-Embeddings hinzugef\u00fcgt<strong><br \/>1.7.6 <\/strong>- Verbesserungen der Admin-Benutzeroberfl\u00e4che<strong><br \/>1.7.5 <\/strong>- Zus\u00e4tzliche Trainingsdokumentformate (txt, md, csv, xml)<br \/>- Visuelles Diagramm der Chat-Konversationsaktivit\u00e4t<strong><br \/>1.7.4 <\/strong>- Hinzugef\u00fcgt <strong>Mistral<\/strong> KI-Anbieter<strong><br \/>1.7.2 <\/strong>- Embedding generation optimization for non-lating languages (Cyryllic, Greek)<strong><br \/>1.7.1 <\/strong>- Bilduploads &amp; Sprachnachrichten<br \/><strong>1.7.0 <\/strong>- Optimierung der Vektorsuchgeschwindigkeit\u00a0<strong><br \/>1.6.9 <\/strong>- Verbesserte IP-basierte Ratenbegrenzung pro Nutzer (max. Nachrichten pro 1 Minute \/ 15 Minuten \/ Tag)<br \/><strong>1.6.8 <\/strong>- Couple of minor improvements<strong><br \/>1.6.7<\/strong> - Option, bestimmte Benutzer-IP vom Zugriff auf den Chatbot zu sperren<br \/>- Option zum \u00c4ndern des Animationsstils des AI-Ladesymbols<br \/><strong>1.6.6 <\/strong>- Verbesserte Kompatibilit\u00e4t mit beliebten WooCommerce-Themes<br \/>- Verbesserte automatische Spracherkennung aus Benutzernachrichten<strong><br \/>1.6.5 <\/strong>- Sicherheitsfix<br \/>- Anzeige von Benutzer-IP und Land im Chat-Konversationsverlauf<strong><br \/><\/strong><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                                                        <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"FAQPage\",\n    \"mainEntity\": [\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Does it work with any theme?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p><strong>Yes!<\\\/strong> It also has full integration with <strong>WooCommerce<\\\/strong> and the <strong>Listeo<\\\/strong> directory WordPress theme. <strong>This integration allows displaying product or listing cards directly inside the chat.<\\\/strong><\\\/p><p><img class=\\\"alignnone wp-image-25297 size-full\\\" style=\\\"margin-top: 0px; max-width: 400px; border: 2px solid #e0e0e0; border-radius: 5px;\\\" src=\\\"https:\\\/\\\/purethemes.net\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/123.png\\\" alt=\\\"\\\" width=\\\"467\\\" height=\\\"361\\\" \\\/><\\\/p><p><strong>\\ud83d\\udca1Note:<\\\/strong> Cards in chat are displayed only for WooCommerce products (any theme) or listings (Listeo theme)<\\\/p><p>In other themes, the Pro version can learn from pages\\\/custom post types, but <strong>custom post types use a keyword-based search without filters.<\\\/strong> Full filtering works only with WooCommerce products.<\\\/p>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"What settings and features are available in the plugin?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p>The plugin offers extensive customization through several settings tabs.<br \\\/>You can <a style=\\\"color: #0060ff;\\\" href=\\\"https:\\\/\\\/purethemes.net\\\/?download=ai-chat-search\\\">download free version<\\\/a> to see it yourself \\ud83d\\ude42<\\\/p><p><a href=\\\"https:\\\/\\\/purethemes.net\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/kLkAGhryHn.jpg\\\"><img class=\\\"alignnone wp-image-27641 size-large\\\" style=\\\"border-radius: 5px; max-width: 300px;\\\" src=\\\"https:\\\/\\\/purethemes.net\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/kLkAGhryHn-1024x708.jpg\\\" alt=\\\"\\\" width=\\\"1024\\\" height=\\\"708\\\" \\\/><\\\/a><\\\/p><p><strong>Here's brief summary:<\\\/strong><\\\/p><ol><li><strong>General<br \\\/><\\\/strong>Enable\\\/disable chat, choose AI model (GPT-5.1, GPT-4.1, GPT-4.1-mini and Gemini 3 Pro, 2.5 Pro, 2.5 Flash), set maximum products displayed in results, add quick action buttons above chat input : predefined question to AI, link button (e.g. to a page or whatsapp) and contact form popup)<\\\/li><li><strong>Appearance<br \\\/><\\\/strong>Custom chatbot name and avatar, welcome message (supports HTML), brand colors for buttons and UI, option to hide product images in results, whitelabel mode (Pro)<\\\/li><li><strong>Floating Widget<br \\\/><\\\/strong>Enable\\\/disable floating chat bubble, custom SVG icon, welcome bubble text, popup dimensions (width\\\/height), hide on specific pages<\\\/li><li><strong>AI Tools<br \\\/><\\\/strong>Custom system prompt (up to 6,000 characters) for business-specific instructions, enable AI-powered email sending on behalf of visitors<\\\/li><li><strong>Access &amp; Privacy<br \\\/><\\\/strong>Restrict chat to logged-in users only, show terms of use notice, enable conversation tracking (auto-deleted after 30 days)<\\\/li><li><strong>Data Training<br \\\/><\\\/strong>Select content types to train (posts, pages, PDFs, WooCommerce products, custom post types), manual selection mode, database management tools (check\\\/regenerate\\\/delete embeddings)<\\\/li><li><strong>Analytics<br \\\/><\\\/strong>Conversation statistics, popular search queries (7\\\/30 days), email tracking<\\\/li><\\\/ol>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"What does Image &amp; Voice Messages do?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p>It allows users to <strong>send voice messages<\\\/strong> (converted to text via AI) and <strong>upload images<\\\/strong> for AI analysis. <strong>Audio and images are never stored on your website or database<\\\/strong> and are sent directly to the AI service. Images are transmitted as base64-encoded data, a standard text-based format for safely sending files.<\\\/p><p>Visitors can attach pictures that help them explain what they\\u2019re looking for and help the AI understand it.<br \\\/><a href=\\\"https:\\\/\\\/purethemes.net\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/image-input.jpg\\\"><img class=\\\"alignnone wp-image-29077 size-medium\\\" src=\\\"https:\\\/\\\/purethemes.net\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/image-input-187x300.jpg\\\" alt=\\\"\\\" width=\\\"187\\\" height=\\\"300\\\" \\\/><\\\/a><\\\/p><p>This feature is making it faster and easier for users to <strong>share information without typing<\\\/strong>.<\\\/p>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"GDPR Compliance Features\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p><strong>The plugin includes several privacy-by-design features:<\\\/strong><\\\/p><ol><li><strong>Terms of Use Notice<\\\/strong> -\\u00a0 Customizable notice users must acknowledge<\\\/li><li><strong>30-day auto-deletion<\\\/strong> - Chat history automatically purged<\\\/li><li><strong>Data stays on your server<\\\/strong> - All conversations stored in your WordPress database unlike competitors who keep your visitors conversations on their servers<\\\/li><li><strong>Minimal data to AI providers<\\\/strong> - Only the search query\\\/message is sent to OpenAI\\\/Google - they don't store your data per their API terms<\\\/li><li><strong>PII-stripped order lookups<\\\/strong> - When users check order status, personal information (names, addresses, emails, phone<br \\\/>numbers) is never sent to AI providers - only order status, items, and tracking info<\\\/li><\\\/ol><p><strong>What data is sent to OpenAI\\\/Google\\\/Mistral?<\\\/strong><\\\/p><p>Only the user's message\\\/query and your pages content (for context). No personal data, IPs, or user identifiers are transmitted. Both providers have data processing agreements and don't use API data for training.<\\\/p><p><strong>Which AI provider is best for GDPR compliance?<\\\/strong> <br \\\/><strong>Mistral AI<\\\/strong> is the most GDPR-friendly option. Unlike OpenAI and Google, Mistral is headquartered in Paris and not subject to the US CLOUD Act, which allows American authorities to access data even when stored on EU servers.<\\\/p><p><strong>Can users request data deletion?<\\\/strong><\\\/p><p>For logged-in users, their chat history can be identified by user ID. For guests, data is only linked to a browser session ID and auto-deletes after 30 days.<\\\/p>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Changelog\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p>As you can see in the changelog below, we constantly update and improve our chatbot.<\\\/p><p><br \\\/><strong>2.0.3<\\\/strong> - Fix for license validation with Object Cache<br \\\/><strong>2.0.2<\\\/strong> - Security hardening for webhook trigger<br \\\/>- Added honeypot field for search shortcode<br \\\/><strong>2.0.1<\\\/strong> - Minor Optimisations<br \\\/>- \\\"Weak points\\\" in AI Insights have been removed and consolidated into \\\"data gaps\\\" because they were basically almost the same<br \\\/><strong>2.0<\\\/strong> - Option to modify chat history data retention (30\\\/90\\\/180\\\/360 days)<br \\\/>- Chat Activity graph yearly view - toggle between \\\"This month\\\" and \\\"This year\\\"<br \\\/>- Rate limit fix<br \\\/>- Quick buttons moved into popup<br \\\/>- Fix for AI chat insights preventing ChatGPT to generate them (other models worked fine)<br \\\/><strong>1.9.9<\\\/strong> - <strong>Chat Insights,<\\\/strong> AI can analyze chatbot conversations and highlights summaries, gaps, weaknesses, and sentiment. Available in Stats &amp; History tab.<strong><br \\\/>1.9.8 <\\\/strong>- Support for <strong>OpenRouter<\\\/strong> - <strong>one API key for top AI providers<\\\/strong> (OpenAI, Anthropic, Gemini, Meta, Mistral, DeepSeek, Grok)<strong><br \\\/><\\\/strong><strong>1.9.7<\\\/strong> - Option to load chatbot scripts only when the floating widget is opened (Developer &amp; Debugging section) might help improve page load in some cases.<br \\\/>- Option to set custom size of widget button icon<strong><br \\\/>1.9.6 <\\\/strong>- New feature: <span class=\\\"airs-checkbox-text\\\"><strong>WooCommerce Cart in Chatbot<\\\/strong> - <\\\/span>Shows \\\"Add to Cart\\\" buttons on product cards and a cart icon in the chat header.<br \\\/>cards and a cart icon in the chat header.<br \\\/>- Option to adjust <strong>AI's user messages memory<\\\/strong> (how many previous user messages AI sees during conversation), the setting is in Search Quality &amp; Thresholds &gt; Additional Threshold Settings &gt; Conversation Context Length<br \\\/><strong>1.9.5 <\\\/strong>- New feature: <strong>Hints for AI<\\\/strong> -\\u00a0 you can direct the AI to use a specific page or document when answering certain questions (option is in AI Chat tab - AI Tools section)<br \\\/>- Option to modify floating widget horizontal\\\/vertical position in AI Chat \\\/ Floating Widget settings<strong><br \\\/>1.9.4 <\\\/strong>- Performance fix: optimized data training page loading speed for large databases<strong><br \\\/>1.9.3<\\\/strong> - Added support for GPT 5.4 Mini and 5.4 Nano<br \\\/>- New feature: <strong>Pre-chat form<\\\/strong> - collect visitor info before chat; you can add custom fields; data appears in chat history. Enable in <strong>AI Chat \\u2192 Access &amp; Privacy \\u2192 Pre-chat form<\\\/strong> (clear cache if using a caching plugin)<br \\\/><strong>1.9.2 <\\\/strong>- Security fixes<br \\\/>- WooCommerce products that are not in stock won't be displayed in search results<br \\\/>- [time] shortcode that can be added in custom instructions (prompt) so AI knows exact time of your site timezone<br \\\/><strong>1.9.1<\\\/strong> - WooCommerce variable pricing compatibility<br \\\/>- Support for WPC Price by Quantity plugin<br \\\/>- GPT 5.4 reasoning effort parameter fix<strong><br \\\/>1.9.0 <\\\/strong>- Added GPT 5.4 and 5.3<br \\\/>- Added Gemini 3.1 Flash Lite<br \\\/>- Compatibility improvements with page builders (Breakdance, Bricks, Oxygen etc.)<strong><br \\\/>1.8.9 <\\\/strong>-\\u00a0Option to align floating widget to the left or right side<br \\\/>- Added Gemini 3.1 Pro (replaces 3.0 Pro which will be disabled by Google on 9th March)<strong><br \\\/>1.8.8 <\\\/strong>- Minor Fixes<br \\\/><strong>1.8.7 <\\\/strong>- WooCommerce fixes (AI uses price with tax + can fetch shipping number)<br \\\/>- Documents embedding optimisations<br \\\/>- Option to disable custom fields in embeddings<strong><br \\\/>1.8.6 <\\\/strong>- Webhook Automation (e.g. N8N, Zapier, Make)<br \\\/>- WhatsApp Integration (via Twilio)<br \\\/>- Telegram Integration<strong><br \\\/>1.8.5<\\\/strong>- Option to add background image in chat header (Floating Widget \\u2192 Initial Header Style)<br \\\/>- Option to modify each Quick Button color<strong><br \\\/>1.8.4 <\\\/strong>- Security improvements: centralized IP detection preventing IP spoofing via header injection and XSS prevention improvements<br \\\/>- More details about user when hovering over IP address in chat history<br \\\/><strong>1.8.3<\\\/strong> -\\u00a0Translations for all plugin settings in WordPress admin<br \\\/>- In the chat history, each user message shows the page it was sent from<br \\\/><strong>1.8.2 <\\\/strong>- Added dark mode (color scheme setting)<strong><br \\\/>1.8.1<\\\/strong>- Improved compatibility with Divi page builder<strong><br \\\/>1.8.0<\\\/strong> - Added product\\\/listing comparison tool \\u2014 after searching, you can ask the AI to compare X and Y.<br \\\/><strong>1.7.9 <\\\/strong>- AI responses with a smooth word-by-word typing effect<br \\\/>- Menu in chat window with start new chat and expand window options<br \\\/><strong>1.7.8 <\\\/strong>- External page sources \\u2013 chatbot can be trained with content from external web pages<strong><br \\\/>1.7.7 <\\\/strong>- Added SKU and EAN\\\/GTIN codes to WooCommerce product embeddings<strong><br \\\/>1.7.6 <\\\/strong>- Admin user interface improvements<strong><br \\\/>1.7.5 <\\\/strong>- Additional training document formats (txt, md, csv, xml)<br \\\/>- Chat conversations activity visual graph<strong><br \\\/>1.7.4 <\\\/strong>- Added <strong>Mistral<\\\/strong> AI Provider<strong><br \\\/>1.7.2 <\\\/strong>- Embedding generation optimization for non-lating languages (Cyryllic, Greek)<strong><br \\\/>1.7.1 <\\\/strong>- Image Uploads &amp; Voice Messages<br \\\/><strong>1.7.0 <\\\/strong>- Vector search speed optimization\\u00a0<strong><br \\\/>1.6.9 <\\\/strong>- Enhanced user IP-based rate limiting (max messages per 1 minute \\\/ 15 minutes \\\/ day)<br \\\/><strong>1.6.8 <\\\/strong>- Couple of minor improvements<strong><br \\\/>1.6.7<\\\/strong> - Option to block specific user IP from accessing chatbot<br \\\/>- Option to change AI loading icon animation style<br \\\/><strong>1.6.6 <\\\/strong>- Improved compatibility with popular WooCommerce themes<br \\\/>- Improved auto-detecting language from user messages<strong><br \\\/>1.6.5 <\\\/strong>- Security fix<br \\\/>- User IP and country display in chat conversation history<strong><br \\\/><\\\/strong><\\\/p>\"\n            }\n        }\n    ]\n}<\/script>\n                                <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca734f8 elementor-widget elementor-widget-elementskit-popup-modal\" data-id=\"ca734f8\" data-element_type=\"widget\" data-widget_type=\"elementskit-popup-modal.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- Start Markup -->\n                            <div class='ekit-popup-modal__toggler-wrapper'>\n                    <!-- Button trigger modal -->\n                    <button \n                        type=\"button\" \n                        class=\"elementskit-btn ekit-popup-btn ekit-popup-btn__filled ekit-popup__toggler ekit-popup-modal-toggler whitespace--normal\" \n                        data-toggle=\"modal\" \n                        data-target=\"#ekit-popup-modal\"\n                        id=\"ekit-popup-modal-toggler\"\n                    >\n                                                    <div class='ekit-popup-btn__has-icon'>\n                                <i aria-hidden=\"true\" class=\"icon icon-message\"><\/i>                                Haben Sie Fragen? Schicken Sie uns eine Nachricht!\n                                                            <\/div>\n                                            <\/button>\n                <\/div>\n            \n            <!-- Modal -->\n            <div \n                class=\"ekit-popup-modal ekit-popup-modal__inside middle center\" \n                data-toggleafter=\"0\"\n                data-toggletype=\"button\"\n                data-cookieconsent=\"\"\n            >\n                                <div\n                    class=\"ekit-popup-modal__content ekit-popup__content animated animated-normal\" \n                    style=\"\"\n                    data-animation=\"fade-in-up\"\n                >\n                                            <div class=\"ekit-popup-modal__close popup-top-right\">\n                            <i aria-hidden=\"true\" class=\"icon icon-cross\"><\/i>                        <\/div>\n                    \n                    <!-- Start Header -->\n                                            <div class=\"ekit-popup-modal__header ekit-popup__header\">\n                            <h4 class=\"ekit-popup-modal__title ekit-popup__title\">\n                                Schicken Sie uns eine E-Mail                            <\/h4>\n                                                        <p class=\"ekit-popup-modal__subtitle ekit-popup__subtitle\">\n                                Wir werden innerhalb weniger Stunden antworten!                            <\/p>\n                                                    <\/div>\n                                        <!-- End Header -->\n\n                    <!-- Start Body -->\n                    <div class=\"ekit-popup-modal__body ekit-popup__body\">\n                        \n\t\t<div class=\"widgetarea_warper widgetarea_warper_editable\" data-elementskit-widgetarea-key=\"popup\"  data-elementskit-widgetarea-index=\"ca734f8\">\n\t\t\t<div class=\"widgetarea_warper_edit\" data-elementskit-widgetarea-key=\"popup\" data-elementskit-widgetarea-index=\"ca734f8\">\n\t\t\t\t<i class=\"eicon-edit\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<span>Edit Content<\/span>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"31545\" class=\"elementor elementor-31545\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c35e969 e-flex e-con-boxed e-con e-parent\" data-id=\"c35e969\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-320ef20 elementor-widget elementor-widget-wpforms\" data-id=\"320ef20\" data-element_type=\"widget\" data-widget_type=\"wpforms.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style id=\"wpforms-css-vars-elementor-widget-320ef20\">\n\t\t\t\t.elementor-widget-wpforms.elementor-element-320ef20 {\n\t\t\t\t--wpforms-field-border-radius: 5px;\n--wpforms-button-border-radius: 99px;\n--wpforms-button-background-color: #0060FF;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-26986\"><form id=\"wpforms-form-26986\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"26986\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/de\/wp-json\/wp\/v2\/pages\/24789\" data-token=\"f3eb08ba5b54e62d9481403063f5a3d8\" data-token-time=\"1777214933\" data-trp-original-action=\"\/de\/wp-json\/wp\/v2\/pages\/24789\"><noscript class=\"wpforms-error-noscript\">Bitte aktiviere JavaScript in deinem Browser, um dieses Formular fertigzustellen.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Bitte aktiviere JavaScript in deinem Browser, um dieses Formular fertigzustellen.<\/div><div class=\"wpforms-field-container\">\t\t<div id=\"wpforms-26986-field_1-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"1\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-26986-field_1\" >Message Email<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-26986-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-26986-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-26986-field_2\">E-Mail <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-26986-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-26986-field_2-error\" required><\/div><div id=\"wpforms-26986-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-26986-field_3\">Nachricht <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-26986-field_3\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-26986-field_3-error\" required><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-26986-field_1-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-26986-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-26986-field_1-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"26986\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/pages\/24789\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-26986\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Einreichen<\/button><img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Wird geladen\"><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form><\/div>  <!-- .wpforms-container -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t                    <\/div>\n                    <!-- Emd Body -->\n\n                    <!-- Start Footer -->\n                                            <div class=\"ekit-popup-modal__footer ekit-popup-footer\">\n                            <div \n                                class='ekit-popup-modal__actions'\n                                style=\"\">\n                                                                                            <\/div>\n                        <\/div>\n                                        <!-- End Footer -->\n                <\/div>\n                                    <div class=\"ekit-popup-modal__overlay ekit-popup__close\"><\/div>\n                            <\/div>\n        <!-- End Markup -->\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab44b6e e-flex e-con-boxed e-con e-parent\" data-id=\"ab44b6e\" data-element_type=\"container\" id=\"start-trial\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-057f462 e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"057f462\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfa9c60 animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"dfa9c60\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title\">Erst testen, dann kaufen<\/h2>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>Try <strong>all Pro features<\/strong> on your site for <strong>3 days<\/strong>. No credit card, no commitment.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0f0d44 elementor-widget elementor-widget-html\" data-id=\"b0f0d44\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n  \n  <div style=\"  display: flex;  align-items: center;  gap: 5px;  margin-top: -10px;  padding: 8px 16px;  background: linear-gradient(0deg, #1B71FF20 0%, #1B71FF10 100%); \/* border: 1px solid #0060FF50; *\/  border-radius: 100px;  font-size: 16px;  font-weight: 400;  color: #0060FF;  white-space: nowrap;  flex-shrink: 0;  \/*box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);*\/\"><strong style=\"color:#0060FF\">No API key needed<\/strong> during your trial. We've got you covered.<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f0b8d7 elementor-widget elementor-widget-elementskit-popup-modal\" data-id=\"6f0b8d7\" data-element_type=\"widget\" data-widget_type=\"elementskit-popup-modal.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- Start Markup -->\n                            <div class='ekit-popup-modal__toggler-wrapper'>\n                    <!-- Button trigger modal -->\n                    <button \n                        type=\"button\" \n                        class=\"elementskit-btn ekit-popup-btn ekit-popup-btn__filled ekit-popup__toggler ekit-popup-modal-toggler whitespace--normal\" \n                        data-toggle=\"modal\" \n                        data-target=\"#ekit-popup-modal\"\n                        id=\"ekit-popup-modal-toggler\"\n                    >\n                        Kostenlose Testversion starten                    <\/button>\n                <\/div>\n            \n            <!-- Modal -->\n            <div \n                class=\"ekit-popup-modal ekit-popup-modal__inside middle center\" \n                data-toggleafter=\"0\"\n                data-toggletype=\"button\"\n                data-cookieconsent=\"\"\n            >\n                                <div\n                    class=\"ekit-popup-modal__content ekit-popup__content animated animated-normal\" \n                    style=\"\"\n                    data-animation=\"fade-in-up\"\n                >\n                                            <div class=\"ekit-popup-modal__close popup-top-right\">\n                            <i aria-hidden=\"true\" class=\"icon icon-cross\"><\/i>                        <\/div>\n                    \n                    <!-- Start Header -->\n                                            <div class=\"ekit-popup-modal__header ekit-popup__header\">\n                            <h4 class=\"ekit-popup-modal__title ekit-popup__title\">\n                                                            <\/h4>\n                                                    <\/div>\n                                        <!-- End Header -->\n\n                    <!-- Start Body -->\n                    <div class=\"ekit-popup-modal__body ekit-popup__body\">\n                        \n\t\t<div class=\"widgetarea_warper widgetarea_warper_editable\" data-elementskit-widgetarea-key=\"popup\"  data-elementskit-widgetarea-index=\"6f0b8d7\">\n\t\t\t<div class=\"widgetarea_warper_edit\" data-elementskit-widgetarea-key=\"popup\" data-elementskit-widgetarea-index=\"6f0b8d7\">\n\t\t\t\t<i class=\"eicon-edit\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<span>Edit Content<\/span>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"30780\" class=\"elementor elementor-30780\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bfe7ba4 e-flex e-con-boxed e-con e-child\" data-id=\"5bfe7ba4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72cb9e8d elementor-widget elementor-widget-heading\" data-id=\"72cb9e8d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Kostenlose Testversion starten<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a81e5c1 elementor-widget elementor-widget-html\" data-id=\"a81e5c1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n  \n  <div style=\"  display: flex;  align-items: center;  gap: 5px;  margin-top: -10px;  padding: 8px 16px;  background: linear-gradient(0deg, #1B71FF20 0%, #1B71FF10 100%); \/* border: 1px solid #0060FF50; *\/  border-radius: 100px;  font-size: 16px;  font-weight: 400;  color: #0060FF;  white-space: nowrap;  flex-shrink: 0;  \/*box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);*\/\"><strong style=\"color:#0060FF\">No API key needed<\/strong> during your trial. We've got you covered.<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17c96a4d elementor-widget elementor-widget-text-editor\" data-id=\"17c96a4d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Wir stellen dir innerhalb weniger Stunden eine <strong>Testlizenz<\/strong> zur Verf\u00fcgung. Sie <strong>l\u00e4uft nach 7 Tagen automatisch ab<\/strong>. So kannst du den Chatbot vor dem Kauf selbst testen. \ud83d\ude42 <strong>trial license active for 3 days<\/strong>.\u00a0<br \/>You can test the chatbot yourself before purchasing. \ud83d\ude42<br \/><strong>No credit card<\/strong>, no commitment.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53fe9eb5 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"53fe9eb5\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">         <div class=\"ptlp-trial-form-wrapper\" id=\"ptlp-trial-form-3985\">\n            <form class=\"ptlp-trial-form\" data-product=\"ai-chat-pro\" data-turnstile=\"1\" action=\"\">\n                <div class=\"ptlp-form-field\">\n                    <label for=\"ptlp-trial-form-3985-email\">Email Address <span class=\"required\">*<\/span><\/label>\n                    <input type=\"email\" id=\"ptlp-trial-form-3985-email\" name=\"email\" required placeholder=\"you@example.com\">\n                <\/div>\n\n                                <div class=\"ptlp-form-field\">\n                    <label for=\"ptlp-trial-form-3985-domain\">Website Domain <span class=\"required\">*<\/span><\/label>\n                    <input type=\"text\" id=\"ptlp-trial-form-3985-domain\" name=\"domain\" required maxlength=\"253\" placeholder=\"example.com\" title=\"Please enter a valid domain (e.g., example.com or https:\/\/example.com)\">\n                <\/div>\n                \n                <!-- Honeypot field - hidden from humans, bots fill it out -->\n                <div class=\"ptlp-form-field ptlp-hp-field\" aria-hidden=\"true\">\n                    <label for=\"ptlp-trial-form-3985-website\">Website<\/label>\n                    <input type=\"text\" id=\"ptlp-trial-form-3985-website\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\n                <\/div>\n\n                                <div class=\"ptlp-form-field ptlp-consent-field\">\n                    <label class=\"ptlp-consent-label\">\n                        <input type=\"checkbox\" id=\"ptlp-trial-form-3985-consent\" name=\"consent\" required aria-required=\"true\">\n                        <span class=\"ptlp-consent-text\">I agree to the <a href=\"\/privacy-policy\/\" target=\"_blank\">Datenschutzerkl\u00e4rung<\/a> und <a href=\"\/terms-of-service\/\" target=\"_blank\">Terms &amp; Conditions<\/a><\/span>\n                    <\/label>\n                <\/div>\n                \n                                <!-- Cloudflare Turnstile widget -->\n                <div class=\"ptlp-form-field ptlp-turnstile-field\">\n                    <div class=\"cf-turnstile\" data-sitekey=\"0x4AAAAAACNdJnIFMIIA0uyc\" data-callback=\"ptlpTurnstileCallback\"  data-theme=\"light\" data-expired-callback=\"ptlpTurnstileExpired\"><\/div>\n                    <input type=\"hidden\" name=\"cf_turnstile_response\" value=\"\">\n                <\/div>\n                \n                <input type=\"hidden\" name=\"product_slug\" value=\"ai-chat-pro\">\n\n                <div class=\"ptlp-form-field ptlp-form-submit\">\n                    <button type=\"submit\" class=\"ptlp-submit-btn\">Test anfordern<\/button>\n                <\/div>\n\n                <div class=\"ptlp-form-message\" style=\"display: none;\"><\/div>\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\n        <\/div>\n        <style>\n            .ptlp-trial-form-wrapper {\n                max-width: 100%;\n            }\n            .ptlp-trial-form .ptlp-form-field {\n                margin-bottom: 15px;\n            }\n            .ptlp-trial-form label {\n                display: block;\n                margin-bottom: 5px;\n                font-weight: 700;\n                font-style: normal;\n                word-break: break-word;\n                word-wrap: break-word;\n                color: #222; \n                font-size: 16px;\n                margin: 20px 0 12px 0;\n                display: block;\n            }\n            .ptlp-trial-form label .required {\n                color: #d63638;\n            }\n            .ptlp-trial-form input[type=\"email\"],\n            .ptlp-trial-form input[type=\"text\"] {\n                width: 100%;\n                padding: 10px 12px;\n                border: 1px solid rgba(0, 0, 0, 0.25);\n                border-radius: 4px;\n                font-size: 16px;\n                box-sizing: border-box;\n            }\n            .ptlp-trial-form input[type=\"email\"]:focus,\n            .ptlp-trial-form input[type=\"text\"]:focus {\n                outline: none;\n                border-color: #0060ff;\n                box-shadow: 0 0 0 1px #0060ff, 0px 1px 2px rgba(0, 0, 0, 0.15);\n            }\n            .ptlp-trial-form .ptlp-submit-btn {\n                background: #0060ff;\n                color: #fff;\n                border: none;\n                padding: 12px 24px;\n                border-radius: 100px;\n                font-size: 16px;\n                width: 100%;\n                cursor: pointer;\n                transition: background 0.2s ease;\n            }\n            .ptlp-trial-form .ptlp-submit-btn:hover {\n                background: #0050dd;\n            }\n            .ptlp-trial-form .ptlp-submit-btn:disabled {\n                background: #a7aaad;\n                cursor: not-allowed;\n            }\n            .ptlp-trial-form .ptlp-form-message {\n                padding: 12px;\n                border-radius: 4px;\n                margin-top: 15px;\n                border: 0;\n                border-radius: 5px;\n                text-align: center;\n            }\n\n            .ptlp-trial-form .ptlp-form-message.success {\n                background: #c7f0c7;\n                color: #1b5b1b;\n            }\n            .ptlp-trial-form .ptlp-form-message.error {\n                background: #f8d7da;\n                color: #842029;\n            }\n            \/* Honeypot field - visually hidden but accessible to bots *\/\n            .ptlp-trial-form .ptlp-hp-field {\n                position: absolute;\n                left: -9999px;\n                opacity: 0;\n                height: 0;\n                overflow: hidden;\n            }\n            \/* Turnstile widget styling *\/\n            .ptlp-trial-form .ptlp-turnstile-field {\n                margin-bottom: 15px;\n            }\n            .ptlp-trial-form .cf-turnstile {\n                margin: 0;\n            }\n            \/* Consent checkbox styling *\/\n            .ptlp-trial-form .ptlp-consent-field {\n                margin-bottom: 15px;\n            }\n            .ptlp-trial-form .ptlp-consent-label {\n                display: flex;\n                align-items: flex-start;\n                gap: 10px;\n                cursor: pointer;\n                font-weight: normal;\n                font-size: 14px;\n                line-height: 1.5;\n                margin: 0;\n            }\n            .ptlp-trial-form .ptlp-consent-label input[type=\"checkbox\"] {\n                position: relative;\n                top: 1px;\n                margin-top: 0;\n                flex-shrink: 0;\n                width: 18px;\n                height: 18px;\n                cursor: pointer;\n                accent-color: #0060ff;\n            }\n            .ptlp-trial-form .ptlp-consent-text {\n                color: #555;\n            }\n            .ptlp-trial-form .ptlp-consent-text a {\n                color: #0060ff;\n                text-decoration: underline;\n            }\n            .ptlp-trial-form .ptlp-consent-text a:hover {\n                color: #0050dd;\n            }\n        <\/style>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t                    <\/div>\n                    <!-- Emd Body -->\n\n                    <!-- Start Footer -->\n                                            <div class=\"ekit-popup-modal__footer ekit-popup-footer\">\n                            <div \n                                class='ekit-popup-modal__actions'\n                                style=\"\">\n                                                                                            <\/div>\n                        <\/div>\n                                        <!-- End Footer -->\n                <\/div>\n                                    <div class=\"ekit-popup-modal__overlay ekit-popup__close\"><\/div>\n                            <\/div>\n        <!-- End Markup -->\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Powered by ChatGPT Gemini Mistral Claude AI Chatbot Plugin for WordPress WooCommerce Add an AI Assistant to your website that helps visitors find what they need in any language. It learns from your site content and gives instant, precise answers. Get Pro Free Download AI Assistant How do I reset my password? To reset your [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_ayudawp_aiss_exclude":false,"_trp_exclude_from_translation":false,"footnotes":""},"class_list":["post-24789","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/pages\/24789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/comments?post=24789"}],"version-history":[{"count":84,"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/pages\/24789\/revisions"}],"predecessor-version":[{"id":32187,"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/pages\/24789\/revisions\/32187"}],"wp:attachment":[{"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/media?parent=24789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}