{"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-03T23:57:36","modified_gmt":"2026-04-03T23:57:36","slug":"ai-chatbot-voor-wordpress","status":"publish","type":"page","link":"https:\/\/purethemes.net\/nl\/ai-chatbot-voor-wordpress\/","title":{"rendered":"AI Chatbot voor WordPress en 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;\">Aangedreven door <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> <\/div>\n\n<style>\n    @media (max-width: 768px) {.ai-logos { zoom: 0.8;}\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\">AI Chatbot-plugin <br> voor<\/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>Een toevoegen <strong>AI Assistant to your website that helps visitors find what they need in any language<\/strong>. Het leert van de inhoud van je site en geeft direct nauwkeurige antwoorden.<\/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>Koop Pro\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-invisible elementor-widget elementor-widget-elementskit-button\" data-id=\"40441fdd\" 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=\"#easy-setup\" class=\"elementskit-btn  whitespace--normal\" id=\"\">\n\t\t\t\t\tGratis versie downloaden<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=\"chat-header\">\n        <h5>\u2728 Bekijk het in actie<\/h5>\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\">Hoe reset ik mijn wachtwoord?<\/div>\n        <\/div>\n        <div class=\"message ai prerendered\" data-prerendered=\"knowledge\">\n            <div class=\"bubble\">Volg deze stappen om je wachtwoord opnieuw in te stellen:<br><br>1. Ga naar de inlogpagina<br>2. Klik op '<b>Wachtwoord vergeten?<\/b>'<br>3. Voer uw geregistreerde e-mailadres in<br>4. Controleer je inbox voor een resetlink<br>5. Maak een nieuw wachtwoord aan<br><br>De link verloopt over 24 uur. Hulp nodig met iets anders?<\/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> Klantenservice<\/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, 800);\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, 800);\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 = 25;\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 type=\"text\/javascript\">\r\n  !function(){\r\n    if(!window.UnicornStudio){\r\n      window.UnicornStudio={isInitialized:!1};\r\n      var i=document.createElement(\"script\");\r\n      i.src=\"https:\/\/purethemes.net\/hero_animation.js\";\r\n      i.onload=function(){\r\n        if(!window.UnicornStudio.isInitialized){\r\n          UnicornStudio.init().then(function(scenes) {\r\n            var skipDelay = 5000;\r\n            var fixedCanvasSize = {\r\n              width: 1200,  \/\/ Set your desired width\r\n              height: 1200  \/\/ Set your desired height\r\n            };\r\n            \r\n            scenes.forEach(function(scene) {\r\n              \/\/ Set fixed canvas dimensions\r\n              if (fixedCanvasSize.width && fixedCanvasSize.height) {\r\n                scene.fixedWidth = fixedCanvasSize.width;\r\n                scene.fixedHeight = fixedCanvasSize.height;\r\n                scene.setCanvasScale();\r\n                scene.curtain.resize();\r\n              }\r\n              \r\n              scene.layers.forEach(function(layer) {\r\n                layer.local.createdAt = performance.now() - skipDelay;\r\n                if (layer.states && layer.states.appear) {\r\n                  layer.states.appear.forEach(function(state) {\r\n                    state.startTime = performance.now() - skipDelay;\r\n                    state.initialized = true;\r\n                  });\r\n                }\r\n              });\r\n              \r\n              scene.renderNFrames(5);\r\n            });\r\n          }).catch(function(err) {\r\n            console.error('UnicornStudio init failed:', err);\r\n          });\r\n          window.UnicornStudio.isInitialized=!0;\r\n        }\r\n      };\r\n      (document.head || document.body).appendChild(i);\r\n    }\r\n  }();\r\n<\/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    position: absolute; \r\n    opacity: 0.8;\r\n    height: 1200px; \r\n    width: 1200px;\r\n    top: 0px; \r\n    left: 0;\r\n    transform: rotate(180deg);\r\n    filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( -20deg );\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\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\">Eenmaal betalen, voor altijd gebruiken<\/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=\"\" \/> Eenmalige betaling<\/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=\"\" \/> Levenslange updates<\/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-6fdb680 e-con-full e-flex e-con e-child\" data-id=\"6fdb680\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2299ed6 e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"2299ed6\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:200}\">\n\t\t<div class=\"elementor-element elementor-element-e54ed49 e-con-full e-flex e-con e-child\" data-id=\"e54ed49\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a14fe4c e-con-full e-flex e-con e-child\" data-id=\"a14fe4c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e158a40 elementor-widget elementor-widget-heading\" data-id=\"e158a40\" 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<div class=\"elementor-heading-title elementor-size-default\">Free<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dec2e7b elementor-widget elementor-widget-heading\" data-id=\"dec2e7b\" 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\">Test hoe het werkt<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44b195c elementor-align-center elementor-widget__width-initial free-download-btn elementor-widget elementor-widget-button\" data-id=\"44b195c\" 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=\"https:\/\/purethemes.net\/nl\/?download=ai-chat-search\">\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\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Plugin downloaden<\/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<div class=\"elementor-element elementor-element-9e06b9f e-con-full e-flex e-con e-child\" data-id=\"9e06b9f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-353eb52 elementor-widget elementor-widget-html\" data-id=\"353eb52\" 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<ul class=\"pts-features-checklist\">\r\n    <li><i class=\"fas fa-check-circle\"><\/i> Onbeperkte gesprekken<\/li>\r\n    <li><i class=\"fas fa-check-circle\"><\/i> Basis trainingsbronnen<\/li>\r\n    <li><i class=\"fas fa-check-circle\"><\/i> Customizable Design<\/li>\r\n    <li class=\"disabled\"><i class=\"fas fa-check-circle\"><\/i> Chatgesprekken Geschiedenis<\/li>\r\n    <li class=\"disabled\"><i class=\"fas fa-check-circle\"><\/i> Snelle actieknoppen<\/li>\r\n    <li class=\"disabled\"><i class=\"fas fa-check-circle\"><\/i> AI E-mailtool <\/li>\r\n    <li class=\"disabled\"><i class=\"fas fa-check-circle\"><\/i> Uitgebreide AI-instructies<\/li>\r\n    <li  class=\"disabled\"><i class=\"fas fa-check-circle\"><\/i> Verstuur afbeeldingen of spraakberichten<\/li>\r\n    <li class=\"disabled\"><i class=\"fas fa-check-circle\"><\/i> Telegram & WhatsApp<\/li>\r\n    <li class=\"disabled\"><i class=\"fas fa-check-circle\"><\/i> n8n, Zapier & Make<\/li>\r\n    <li class=\"disabled\"><i class=\"fas fa-check-circle\"><\/i> \"Mogelijk gemaakt door\"-label verwijderen<\/li>\r\n<\/ul>\r\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-440bba4 e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"440bba4\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:200}\">\n\t\t<div class=\"elementor-element elementor-element-42b480b e-con-full e-flex e-con e-child\" data-id=\"42b480b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-59898b8 e-con-full e-flex e-con e-child\" data-id=\"59898b8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58e6d8a chat-pricing elementor-widget elementor-widget-elementskit-heading\" data-id=\"58e6d8a\" data-element_type=\"widget\" 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-\"><div class=\"ekit-heading--title elementskit-section-title\">Pro <span><span>1 Website<\/span><\/span><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db956b5 elementor-widget elementor-widget-heading\" data-id=\"db956b5\" 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<div class=\"elementor-heading-title elementor-size-default\">$49<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae4a2bd elementor-widget elementor-widget-heading\" data-id=\"ae4a2bd\" 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<div class=\"elementor-heading-title elementor-size-default\">Eenmalige betaling<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4348be5 elementor-widget__width-inherit animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-button\" data-id=\"4348be5\" 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:\/\/checkout.dodopayments.com\/buy\/pdt_F2A5wLxD7vS11lobt5Kze?quantity=1&#038;showDiscounts=false&#038;redirect_url=https:\/\/purethemes.net%2Fai-chatbot-for-wordpress%2F\" class=\"elementskit-btn centered-btn whitespace--normal\" id=\"\">\n\t\t\t\t\tNu kopen\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-baf4715 e-con-full e-flex e-con e-child\" data-id=\"baf4715\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-576d261 elementor-widget elementor-widget-html\" data-id=\"576d261\" 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<ul class=\"pts-features-checklist\">\r\n    <li><i class=\"fas fa-check-circle\"><\/i> Onbeperkte gesprekken<\/li>\r\n    <li><i class=\"fas fa-check-circle\"><\/i> Alle trainingsbronnen <span class=\"pts-tooltip-trigger\"><i class=\"fas fa-question\"><\/i><span class=\"pts-tooltip-text\">Pagina's, Berichten, WooCommerce-producten, Aangepaste berichttypen, Externe sites, PDF<\/span><\/span><\/li>\r\n    <li><i class=\"fas fa-check-circle\"><\/i> Customizable Design <span class=\"pts-tooltip-trigger\"><i class=\"fas fa-question\"><\/i><span class=\"pts-tooltip-text\">Choose between a clean minimal bar, an image, or an animated silk wave effect. Dark and light mode available.<\/span><\/span><\/li>\r\n    <li><i class=\"fas fa-check-circle\"><\/i> Chatgesprekken Geschiedenis<\/li>\r\n    <li><i class=\"fas fa-check-circle\"><\/i> Snelle actieknoppen <span class=\"pts-tooltip-trigger\"><i class=\"fas fa-question\"><\/i><span class=\"pts-tooltip-text\">Buttons with link (e.g. to a page or WhatsApp), predefined question to AI or contact form popup<\/span><\/span><\/li>\r\n    <li><i class=\"fas fa-check-circle\"><\/i> AI Lead Capture<span class=\"pts-tooltip-trigger\"><i class=\"fas fa-question\"><\/i><span class=\"pts-tooltip-text\">AI kan de gegevens van de bezoeker, zoals e-mail of telefoonnummer, verzamelen en je een e-mail sturen met hun vraag.<\/span><\/span><\/li>\r\n    <li><i class=\"fas fa-check-circle\"><\/i> Uitgebreide AI-instructies<\/li>\r\n    <li><i class=\"fas fa-check-circle\"><\/i> Afbeeldingen en spraakberichten <span class=\"pts-tooltip-trigger\"><i class=\"fas fa-question\"><\/i><span class=\"pts-tooltip-text\">Stelt bezoekers in staat om afbeeldingen bij te voegen of spraakberichten op te nemen tijdens het gebruik van de chatbot.<\/span><\/span><\/li>      <li><i class=\"fas fa-check-circle\"><\/i> Telegram & WhatsApp <span class=\"pts-tooltip-trigger\"><i\r\n   class=\"fas fa-question\"><\/i><span class=\"pts-tooltip-text\">Laat gebruikers chatten met je AI-assistent via Telegram of WhatsApp.<\/span><\/span><\/li>\r\n  <li><i class=\"fas fa-check-circle\"><\/i> n8n, Zapier & Make<span class=\"pts-tooltip-trigger\"><i\r\n  class=\"fas fa-question\"><\/i><span class=\"pts-tooltip-text\">Verbind met externe apps via n8n, Zapier of Make via webhooks.<\/span><\/span><\/li>\r\n    <li><i class=\"fas fa-check-circle\"><\/i> \"Mogelijk gemaakt door\"-label verwijderen<\/li>\r\n<\/ul>\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-ac129d0 e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"ac129d0\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:200}\">\n\t\t<div class=\"elementor-element elementor-element-dd52954 e-con-full e-flex e-con e-child\" data-id=\"dd52954\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6b28663 e-con-full e-flex e-con e-child\" data-id=\"6b28663\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-c9f562b e-con-full e-flex e-con e-child\" data-id=\"c9f562b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a908081 chat-pricing elementor-widget elementor-widget-elementskit-heading\" data-id=\"a908081\" data-element_type=\"widget\" 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-\"><div class=\"ekit-heading--title elementskit-section-title\">Pro<\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62586b5 elementor-widget elementor-widget-html\" data-id=\"62586b5\" 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=\"license-amount-swap\"><span>3 Websites<\/span><span>5 locaties<\/span><span>10 Websites<\/span><\/div>\n<style>\n.license-amount-swap {\n    display: inline-flex;\n    gap: 0;\n    background-color: #f2f2f2;\n    padding: 0;\n    border-radius: 100px;\n    font-size: 16px;\n}\n.license-amount-swap span {\n    padding: 5px 9px;\n    border-radius: 100px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    font-weight: 500;\n    user-select: none;\n}\n.license-amount-swap span.active {\n    color: #0060FF;\n    background-color: #DEEBFF;\n}\n.license-amount-swap span.inactive {\n    color: #909090;\n    background-color: transparent;\n}\n.license-amount-swap span.inactive:hover {\n    color: #555;\n}\n\n\/* Odometer *\/\n.price-swap span {\n    display: inline-block;\n    text-align: left;\n    height: 1.2em;\n    line-height: 1.2em;\n    vertical-align: bottom;\n    font-variant-numeric: tabular-nums;\n}\n.odo {\n    display: inline-flex;\n    font-variant-numeric: tabular-nums;\n}\n.odo-col {\n    display: inline-block;\n    overflow: hidden;\n    height: 1.2em;\n    vertical-align: bottom;\n}\n.odo-reel {\n    display: block;\n}\n.odo-reel span {\n    display: block;\n    height: 1.2em;\n    line-height: 1.2em;\n    text-align: center;\n}\n<\/style>\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const switcher = document.querySelector('.license-amount-swap');\n    const spans = switcher.querySelectorAll('span');\n    const priceElement = document.querySelector('.price-swap span');\n    const buyButton = document.querySelector('.price-swap-btn a');\n\n    const options = {\n        0: {\n            price: '$99',\n            url: 'https:\/\/checkout.dodopayments.com\/buy\/pdt_JBNAAosOlBArxk8QokMwh?quantity=1&showDiscounts=false&redirect_url=https:\/\/purethemes.net%2Fai-chatbot-for-wordpress%2F'\n        },\n        1: {\n            price: '$149',\n            url: 'https:\/\/checkout.dodopayments.com\/buy\/pdt_0NbfsLzWEkO35SkNagjK5?quantity=1&showDiscounts=false&redirect_url=https:\/\/purethemes.net%2Fai-chatbot-for-wordpress%2F'\n        },\n        2: {\n            price: '$249',\n            url: 'https:\/\/checkout.dodopayments.com\/buy\/pdt_zxB8mSJNdkil2EaURA6hZ?quantity=1&showDiscounts=false&redirect_url=https:\/\/purethemes.net%2Fai-chatbot-for-wordpress%2F'\n        }\n    };\n\n    let current = '$99';\n    let cleanupTimer = null;\n\n    function flush() {\n        if (cleanupTimer) {\n            clearTimeout(cleanupTimer);\n            cleanupTimer = null;\n            priceElement.textContent = current;\n        }\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        priceElement.appendChild(m);\n        const w = m.getBoundingClientRect().width;\n        m.remove();\n        return w;\n    }\n\n    function roll(newPrice) {\n        flush();\n        const oldPrice = current;\n        current = newPrice;\n\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\n        oChars.forEach((o, i) => {\n            const n = nChars[i];\n            const col = document.createElement('span');\n            col.className = 'odo-col';\n\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');\n                sO.textContent = o === ' ' ? '\\u00A0' : o;\n                const sN = document.createElement('span');\n                sN.textContent = n === ' ' ? '\\u00A0' : n;\n                reel.appendChild(sO);\n                reel.appendChild(sN);\n\n                const charWidth = measureChar(appearing ? n : o);\n\n                if (appearing) {\n                    col.style.width = '0';\n                    col.style.overflow = 'hidden';\n                }\n                if (disappearing) {\n                    col.style.width = charWidth + 'px';\n                    col.style.overflow = 'hidden';\n                }\n\n                const firstChanged = oChars.findIndex((c, j) => c !== nChars[j]);\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(-1.2em)';\n\n                    if (appearing) {\n                        col.style.transition = `width ${dur}ms cubic-bezier(0.4, 0, 0.15, 1)`;\n                        col.style.width = charWidth + 'px';\n                    }\n                    if (disappearing) {\n                        col.style.transition = `width ${dur}ms cubic-bezier(0.4, 0, 0.15, 1)`;\n                        col.style.width = '0';\n                    }\n                }, delay);\n            }\n\n            col.appendChild(reel);\n            odo.appendChild(col);\n        });\n\n        priceElement.textContent = '';\n        priceElement.appendChild(odo);\n\n        cleanupTimer = setTimeout(() => {\n            priceElement.textContent = newPrice;\n            cleanupTimer = null;\n        }, maxDelay + 60);\n    }\n\n    function setActive(index) {\n        spans.forEach((span, i) => {\n            span.classList.toggle('active', i === index);\n            span.classList.toggle('inactive', i !== index);\n        });\n        roll(options[index].price);\n        buyButton.href = options[index].url;\n    }\n\n    \/\/ Set initial state (3 Sites active)\n    setActive(0);\n\n    \/\/ Add click handlers\n    spans.forEach((span, index) => {\n        span.addEventListener('click', () => setActive(index));\n    });\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-5811181 price-swap elementor-widget elementor-widget-heading\" data-id=\"5811181\" 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<span class=\"elementor-heading-title elementor-size-default\">$99<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bc456b elementor-widget elementor-widget-heading\" data-id=\"3bc456b\" 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<div class=\"elementor-heading-title elementor-size-default\">Eenmalige betaling<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-991c8df elementor-widget__width-inherit animated-fast price-swap-btn elementor-invisible elementor-widget elementor-widget-elementskit-button\" data-id=\"991c8df\" 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:\/\/checkout.dodopayments.com\/buy\/pdt_JBNAAosOlBArxk8QokMwh?quantity=1&#038;showDiscounts=false&#038;redirect_url=https:\/\/purethemes.net%2Fai-chatbot-for-wordpress%2F\" class=\"elementskit-btn centered-btn whitespace--normal\" id=\"\">\n\t\t\t\t\tNu kopen\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-f727baa e-con-full e-flex e-con e-child\" data-id=\"f727baa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81b5dde elementor-widget elementor-widget-html\" data-id=\"81b5dde\" 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<ul class=\"pts-features-checklist\">\r\n    <li><i class=\"fas fa-check-circle\"><\/i> Onbeperkte gesprekken<\/li>\r\n    <li><i class=\"fas fa-check-circle\"><\/i> Alle trainingsbronnen <span class=\"pts-tooltip-trigger\"><i class=\"fas fa-question\"><\/i><span class=\"pts-tooltip-text\">Pagina's, Berichten, WooCommerce-producten, Aangepaste berichttypen, Externe sites, PDF<\/span><\/span><\/li>\r\n    <li><i class=\"fas fa-check-circle\"><\/i> Customizable Design <span class=\"pts-tooltip-trigger\"><i class=\"fas fa-question\"><\/i><span class=\"pts-tooltip-text\">Choose between a clean minimal bar, an image, or an animated silk wave effect. Dark and light mode available.<\/span><\/span><\/li>\r\n    <li><i class=\"fas fa-check-circle\"><\/i> Chatgesprekken Geschiedenis<\/li>\r\n    <li><i class=\"fas fa-check-circle\"><\/i> Snelle actieknoppen <span class=\"pts-tooltip-trigger\"><i class=\"fas fa-question\"><\/i><span class=\"pts-tooltip-text\">Buttons with link (e.g. to a page or WhatsApp), predefined question to AI or contact form popup<\/span><\/span><\/li>\r\n    <li><i class=\"fas fa-check-circle\"><\/i> AI Lead Capture<span class=\"pts-tooltip-trigger\"><i class=\"fas fa-question\"><\/i><span class=\"pts-tooltip-text\">AI kan de gegevens van de bezoeker, zoals e-mail of telefoonnummer, verzamelen en je een e-mail sturen met hun vraag.<\/span><\/span><\/li>\r\n    <li><i class=\"fas fa-check-circle\"><\/i> Uitgebreide AI-instructies<\/li>\r\n    <li><i class=\"fas fa-check-circle\"><\/i> Afbeeldingen en spraakberichten <span class=\"pts-tooltip-trigger\"><i class=\"fas fa-question\"><\/i><span class=\"pts-tooltip-text\">Stelt bezoekers in staat om afbeeldingen bij te voegen of spraakberichten op te nemen tijdens het gebruik van de chatbot.<\/span><\/span><\/li>      <li><i class=\"fas fa-check-circle\"><\/i> Telegram & WhatsApp <span class=\"pts-tooltip-trigger\"><i\r\n   class=\"fas fa-question\"><\/i><span class=\"pts-tooltip-text\">Laat gebruikers chatten met je AI-assistent via Telegram of WhatsApp.<\/span><\/span><\/li>\r\n  <li><i class=\"fas fa-check-circle\"><\/i> n8n, Zapier & Make <span class=\"pts-tooltip-trigger\"><i\r\n  class=\"fas fa-question\"><\/i><span class=\"pts-tooltip-text\">Verbind met externe apps via n8n, Zapier of Make via webhooks.<\/span><\/span><\/li>\r\n    <li><i class=\"fas fa-check-circle\"><\/i> \"Mogelijk gemaakt door\"-label verwijderen<\/li>\r\n<\/ul>\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<\/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\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\">Vergelijk prijzen met concurrenten<\/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\">Werkt met elke <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 thema<\/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                    Klantenondersteuning op de automatische piloot                <\/h3>\n                        \t\t  <p>Laat je bezoekers vinden wat ze nodig hebben, direct hulp krijgen en sneller converteren met <strong> AI die uw bedrijf begrijpt.<\/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                    Getraind op je content                <\/h3>\n                        \t\t  <p>AI leert van de inhoud van je WordPress site, aangepaste posttypen en ge\u00fcploade PDF's om het volgende te leveren <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                    Eenvoudig menselijk contact                <\/h3>\n                        \t\t  <p>De assistent kan namens gebruikers e-mails naar je sturen als ze je willen spreken tijdens het chatten met AI. Geen formulieren. Geen gedoe.<\/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    Dit is <span class=\"not\">niet<\/span> gewoon weer een algemene AI-chatbot. <br>Het is een <span class=\"semantic\">intelligente AI-assistent<\/span> met een <span class=\"semantic\">semantische zoekmachine<\/span>, is speciaal gebouwd voor WordPress.\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>Pagina's<\/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>Aangepaste berichttypen<\/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 Berichten<\/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-integratie\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\">Productvergelijking<\/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\">Producten uit chat in mandje <\/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\">Filteren op categorie<\/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\">Filter op prijs en beoordelingen<\/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\">Beschikbaarheid op voorraad<\/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\">Bestelstatus controleren<\/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>Klanten <strong>Sneller producten vinden en onmiddellijke bestelupdates ontvangen <\/strong>Minder ondersteunend werk voor jou, meer verkoop voor je winkel.<\/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 voor 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 Instructies voor AI<\/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>Als gebruikers niet kunnen vinden wat ze zoeken, raden we ze aan contact met ons op te nemen via WhatsApp. Ons nummer is <strong>+01 123 456 789<\/strong>.<\/p>\r\n            <p>Als ze contact met ons willen opnemen, stel dan voor dat <strong>je kunt me een e-mail sturen<\/strong>. Vraag om hun naam en e-mail en stuur me dan het bericht!<\/p>\r\n            <p>Houd een <strong>vriendelijke en ongedwongen toon<\/strong>, Gebruik af en toe emoji's. \ud83d\ude42 Vermijd technisch jargon dat beginners in verwarring kan brengen.<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\">Weg met stroomschema's <br> <span><span>Gebruik je woorden<\/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                    Complexe logische bomen vergeten                <\/h3>\n                        \t\t  <p> Instrueer je AI-assistent met <strong>natuurlijke taal<\/strong> precies zoals je een nieuwe collega zou briefen.<\/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                    Past bij uw merkstem                <\/h3>\n                        \t\t  <p>Gewoon <strong>de AI vertellen hoe hij zich moet gedragen<\/strong>. Pas de toon en persoonlijkheid aan om ervoor te zorgen dat het precies klinkt zoals je wilt.<\/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\tBubble &amp; Kortcode\n\t\t\t\t\t<\/h6><h3 class=\"ekit-heading--title elementskit-section-title\">Overal insluiten<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>Toevoegen <strong>zwevende chatwidget<\/strong> op elke pagina, of <strong>de chat direct in uw inhoud insluiten<\/strong> voor een gerichte, schermvullende conversatie-interface.<\/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\">Stijl 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\">Stijl 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=\"AI-assistent\" class=\"listeo-ai-chat-avatar\" \/>\n                                <span class=\"listeo-ai-chat-status-dot\"><\/span>\n                            <\/div>\n                                                <div class=\"listeo-ai-chat-title\">AI-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>Contact Mens<\/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>Hoe werkt het?<\/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=\"Stuur\" 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=\"Sluit\">\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\">Bericht <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=\"nl\"\/><\/form>\n            <\/div>\n        <\/div>\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-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\tIntegraties\n\t\t\t\t\t<\/h6><h2 class=\"ekit-heading--title elementskit-section-title\">Koppel je 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> of <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\/nl\/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\">Klik om de gids te lezen<\/span>\r\n    <\/a>\r\n    <a target=\"_blank\" href=\"https:\/\/purethemes.net\/nl\/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\">Klik om de gids te lezen<\/span>\r\n    <\/a>\r\n    <a target=\"_blank\" href=\"https:\/\/purethemes.net\/nl\/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\">Klik om de gids te lezen<\/span>\r\n    <\/a>\r\n    <a target=\"_blank\" href=\"https:\/\/purethemes.net\/nl\/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\">Klik om de gids te lezen<\/span>\r\n    <\/a>\r\n    <a target=\"_blank\" href=\"https:\/\/purethemes.net\/nl\/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\">Klik om de gids te lezen<\/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\">Vergelijk <i> AI Chat &amp; Zoeken Pro<\/i> met concurrenten<\/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.nl<\/span><\/a><\/th>\r\n                <th><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.chatbot.com\/pricing\/\"><span class=\"standard-pack\">Chatbot.nl<\/span><\/a><\/th>\r\n            <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n            <tr>\r\n                <td>Prijsmodel<\/td>\r\n                <td><span class=\"overage\">Eenmalig<\/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 eerste jaar<\/td>\r\n                <td><span class=\"overage\"><strong>$49<\/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 tweede jaar<\/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 Native<\/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=\"Nee\" 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=\"Nee\" 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>Maandelijkse berichten<\/td>\r\n                <td><span class=\"overage\">Onbeperkt<\/span><\/td>\r\n                <td><span class=\"overage\">2000 berichten<\/span><\/td>\r\n                <td><span class=\"overage\">1000 chats<\/span><\/td>\r\n            <\/tr>\r\n            \r\n            <tr>\r\n                <td>Database op je eigen 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=\"Nee\" 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=\"Nee\" 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>Aanpasbare systeem-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=\"Nee\" 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-integratie<\/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=\"Nee\" 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=\"Nee\" 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>Afbeeldingen en spraakberichten<\/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=\"Nee\" 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=\"Nee\" 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>\"Mogelijk gemaakt door\"-label verwijderen<\/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 \/ maand<\/span><\/td>\r\n                <td><b class=\"delete\"><img decoding=\"async\" alt=\"Nee\" 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 naar mens<\/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=\"Nee\" 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=\"Nee\" 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>Integraties <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 met een mens<\/td>\r\n                <td><b class=\"delete\"><img decoding=\"async\" alt=\"Nee\" 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>Geen API-sleutel nodig<\/td>\r\n                <td><b class=\"delete\"><img decoding=\"async\" alt=\"Nee\" 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\">Stop met maandelijkse betalingen <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\">Use your <strong>eigen API-sleutel<\/strong> from OpenAI, Gemini or Mistral<\/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\">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 Krijg je API-key in minder dan 30 seconden!                    <\/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>Inhoud bewerken<\/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\">Nieuw met API-sleutels? Het duurt letterlijk 30 seconden om er een aan te maken \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 class=\"elementor-element elementor-element-0f67d71 animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"0f67d71\" 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>Available AI Providers <em>(Gemini and Mistral offer <strong>free tiers<\/strong>)<\/em><br \/>\n<strong><img decoding=\"async\" class=\"alignnone size-full wp-image-26435\" style=\"width: 18px; height: 16px; margin-top: -3px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/gemini-color.svg\" alt=\"\" \/> Gemini<\/strong> \u00a0 \u00a0<img decoding=\"async\" class=\"alignnone size-full wp-image-26435\" style=\"height: 16px; width: 18px; margin-top: -3px; margin-left: -3px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/download.svg\" alt=\"\" \/> <strong>Open AI<\/strong> <img decoding=\"async\" style=\"position: relative; top: -2px; margin-left: 12px; height: 18px; width: 18px;\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/01\/Mistral_AI_logo.svg\" \/> <strong>Mistral<\/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>\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\">Gebruiksvriendelijk<\/h2>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><strong>Voeg gewoon je Gemini of OpenAI API-sleutel toe en je kunt aan de slag.<\/strong> Klik \"<strong>Start Training<\/strong>\" en de chatbot leert van je WordPress database en begint direct vragen te beantwoorden.<\/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\/nl\/?download=ai-chat-search\" class=\"elementskit-btn  whitespace--normal\" id=\"\">\n\t\t\t\t\tGratis plug-in downloaden<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\">Werkt met elk WordPress-thema<\/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\">Onbeperkte gesprekken<\/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\">Invoer voor afbeeldings- en spraakberichten<\/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\">Toon aanpassen en eigen instructies toevoegen<\/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\">Hulp nodig?<\/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-6a1e77a e-con-full e-flex e-con e-child\" data-id=\"6a1e77a\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4588eef e-con-full e-flex e-con e-child\" data-id=\"4588eef\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8399e95 e-con-full e-flex e-con e-child\" data-id=\"8399e95\" data-element_type=\"container\" id=\"faq-section\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30171de animated-fast elementor-invisible elementor-widget elementor-widget-elementskit-accordion\" data-id=\"30171de\" 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-69d37fe8b7534\">\n\n            \n                <div class=\"elementskit-card\">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-0-30171de\">\n                        <a href=\"#collapse-bc2283069d37fe8b7534\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-bc2283069d37fe8b7534\" aria-expanded=\"false\" aria-controls=\"Collapse-bc2283069d37fe8b7534\">\n                            \n                            <span class=\"ekit-accordion-title\">Hoe installeer ik de Pro-versie die ik net heb gekocht?<\/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-bc2283069d37fe8b7534\" class=\"collapse\" aria-labelledby=\"primaryHeading-0-30171de\" data-parent=\"#accordion-69d37fe8b7534\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p><strong>Eerste<\/strong>, Zorg ervoor dat je<strong> gratis versie ge\u00efnstalleerd<\/strong>.<br \/>Na uw <strong>bestelling is voltooid<\/strong>, ontvang je een e-mail met:<\/p><ol><li><strong>Licentiesleutel<\/strong><\/li><li>Use it at <a style=\"color: #0060ff; text-decoration: underline;\" href=\"https:\/\/purethemes.net\/nl\/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 zoeken \u2192 Licentie<\/strong> en plak daar je aankoopsleutel.<\/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-30171de\">\n                        <a href=\"#collapse-8417e7169d37fe8b7534\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-8417e7169d37fe8b7534\" aria-expanded=\"false\" aria-controls=\"Collapse-8417e7169d37fe8b7534\">\n                            \n                            <span class=\"ekit-accordion-title\">Waar kan ik ondersteuning krijgen?<\/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-8417e7169d37fe8b7534\" class=\"collapse\" aria-labelledby=\"primaryHeading-1-30171de\" data-parent=\"#accordion-69d37fe8b7534\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p>Als je onze hulp nodig hebt, stuur ons dan een bericht via <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\/nl\/hoe-chatgpt-of-gemini-toevoegen-aan-wordpress-stap-voor-stap-handleiding\/\">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\/nl\/woocommerce-ai-chatbot-gids-automatiseren-verkoopondersteuning\/\">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-30171de\">\n                        <a href=\"#collapse-6b3c3bc69d37fe8b7534\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-6b3c3bc69d37fe8b7534\" aria-expanded=\"false\" aria-controls=\"Collapse-6b3c3bc69d37fe8b7534\">\n                            \n                            <span class=\"ekit-accordion-title\">Is het ontwerp aanpasbaar en is er een donkere modus?<\/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-6b3c3bc69d37fe8b7534\" class=\"collapse\" aria-labelledby=\"primaryHeading-2-30171de\" data-parent=\"#accordion-69d37fe8b7534\">\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>\u00a0Drie 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-30171de\">\n                        <a href=\"#collapse-aa48f8269d37fe8b7534\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-aa48f8269d37fe8b7534\" aria-expanded=\"false\" aria-controls=\"Collapse-aa48f8269d37fe8b7534\">\n                            \n                            <span class=\"ekit-accordion-title\">Hoe maak ik een API-sleutel aan en wat zijn de API-kosten?<\/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-aa48f8269d37fe8b7534\" class=\"collapse\" aria-labelledby=\"primaryHeading-3-30171de\" data-parent=\"#accordion-69d37fe8b7534\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p><strong>Weet je niet zeker welke AI-provider je moet kiezen?<br \/><\/strong> Check <a style=\"color: #0060ff; text-decoration: underline;\" href=\"https:\/\/purethemes.net\/nl\/mistral-vs-gemini-vs-chatgpt-vergelijking\/\">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>Bekijk onze videogids. Het is letterlijk <strong>2 minuten<\/strong> proces.<br \/><a style=\"color: #0060ff; text-decoration: underline;\" href=\"https:\/\/youtu.be\/J_Mlp7BjtP8\" rel=\"nofollow noopener\" target=\"_blank\">Hoe krijg ik een OpenAI\/ChatGPT API-sleutel?<\/a><\/p><p>Met <strong>OpenAI's $5 kredietbalans <\/strong>(dat is de minimale hoeveelheid), kun je ongeveer het volgende aantal berichten verwachten voordat je meer credits moet toevoegen.<\/p><p><strong>~Tot 2.000-5.000 met GPT-4.1 Mini<br \/>~Tot 1.000 met GPT-5.2<\/strong><br \/><em>Deze cijfers zijn vrij conservatief, bij benadering en vari\u00ebren op basis van de lengte van je aangepaste instructies, de opgehaalde inhoud per bericht (producten, pagina\u2019s) en de lengte van het antwoord.<\/em><\/p><p>In\u00a0<strong>OpenAI <\/strong>betaal je vooraf kredieten. Gemini factureert na de cyclus.<\/p><p><strong>Beschikbare modellen:<\/strong> GPT 4.1-mini, 4.1, 5 Mini, 5, 5.1 and 5.2<\/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\">Hoe kom ik aan een Gemini API-sleutel?<\/a><\/p><p>Totale geschatte kosten voor <strong>~1,000 - 3,000<\/strong> messages using Gemini 3 Flash: <strong>$5<\/strong> op het betaalde niveau.<\/p><p>Houd er rekening mee dat <strong>gratis niveau<\/strong> staat slechts tot<strong>\u00a010 verzoeken aan AI per minuut + training van slechts 100 items per minuut.<\/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\/\">Hoe krijg je een Mistral API-sleutel\u2192<\/a><\/p><p>Mistral heeft vergelijkbare prijzen als Gemini en ChatGPT.<br \/><strong>Beschikbare modellen:<\/strong> Mistral 3 Small, Medium and Large<\/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-30171de\">\n                        <a href=\"#collapse-ecc498569d37fe8b7534\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-ecc498569d37fe8b7534\" aria-expanded=\"false\" aria-controls=\"Collapse-ecc498569d37fe8b7534\">\n                            \n                            <span class=\"ekit-accordion-title\">Hoe verbeter je chatbot antwoorden met een Custom System Prompt?<\/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-ecc498569d37fe8b7534\" class=\"collapse\" aria-labelledby=\"primaryHeading-4-30171de\" data-parent=\"#accordion-69d37fe8b7534\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p>Je kunt er informatie over je winkel, specifieke instructies over de focus van je website, je doelgroep of speciale functies aan toevoegen, zodat de AI relevantere en persoonlijkere antwoorden kan geven aan je bezoekers.<\/p><p><strong>Voorbeeld:<\/strong><\/p><pre>BELANGRIJK:\n - Dit is een online winkel gericht op woon- en lifestyleproducten. We verkopen meubels, decoratie en keukenaccessoires met wereldwijde verzending.\n - Als gebruikers vragen stellen over bestellingen, leg dan uit dat ze hun bestelling kunnen volgen in het gedeelte \u201cMijn account\u201d of neem contact op met de klantenservice voor hulp.\n - Als gebruikers vragen stellen over retourzendingen, vertel ze dan dat we retourzendingen binnen 30 dagen accepteren voor ongebruikte artikelen in de originele verpakking.\nCONTACTINFORMATIE:\n- Als iemand je vraagt hoe je contact met ons kunt opnemen, geef hem dan support@sample.com en telefoon +1 123 345 789\n- Onze klantenservice werkt van maandag tot vrijdag van 9.00 tot 15.00 uur.\n<\/pre><p>Om de AI-chatbot te verbeteren <strong>antwoorden op algemene vragen zoals \"raad eens iets aan voor mijn woonkamer\".\"<\/strong> je moet hem een idee geven waar je website over gaat<\/p><pre>BELANGRIJK:\n- Dit is een e-commercewinkel voor woon- en lifestyleproducten. We helpen gebruikers bij het vinden van de beste artikelen voor hun huis en dagelijks leven.\n- Als je algemene vragen stelt zoals \"wat moet ik kopen\" of \"wat raad je aan\", zoek dan naar bijpassende producten uit onze WooCommerce catalogus.<\/pre><p><strong>Over het algemeen is prompting een kunst<\/strong> - De kwaliteit van het antwoord van een AI hangt af van de prompt of instructies. Soms kunnen te veel voorbeelden het model verwarren, maar te weinig voorbeelden kunnen ook leiden tot slechte resultaten.<\/p><p>Als een gebruiker vraagt om \u201c<strong>goed<\/strong> hoofdtelefoon\u201d of \u201c<strong>goed<\/strong> stoel,\u201d de <strong>AI kan automatisch een waarderingsfilter toepassen (bijv. 4,5+)<\/strong>. Als items geen beoordelingen hebben, worden er mogelijk geen resultaten weergegeven. <strong>Daarom moet je prompt zelf tweaken<\/strong> en bijvoorbeeld toevoegen: <em>\u201cPas geen beoordelingsfilter toe tenzij de gebruiker erom vraagt.\u201d<\/em><\/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-30171de\">\n                        <a href=\"#collapse-60b238369d37fe8b7534\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-60b238369d37fe8b7534\" aria-expanded=\"false\" aria-controls=\"Collapse-60b238369d37fe8b7534\">\n                            \n                            <span class=\"ekit-accordion-title\">Waarom gaf de assistent antwoord zonder de inhoud van de site te doorzoeken?<\/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-60b238369d37fe8b7534\" class=\"collapse\" aria-labelledby=\"primaryHeading-5-30171de\" data-parent=\"#accordion-69d37fe8b7534\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p><strong>Logica voor beslissingen toevoegen<\/strong> om uw inhoudstypen te verduidelijken. <strong>Universele beslissingslogica is al ingebouwd<\/strong> systeemprompt, maar misschien wilt u deze uitbreiden met voorbeelden van de inhoud van uw website.<\/p><pre>BESLISSINGSLOGICA:\n- Vraag over listings zoals [voorbeelden] \u2192 gebruik search_listings()\n- Generieke producten zoals [voorbeelden] \u2192 gebruik search_products()\n- Generieke vragen over website-inhoud zoals \u2192 gebruik search_universal_content()<\/pre><p>Gebruik <strong>GPT-5.1<\/strong> of <strong>GPT-4.1<\/strong> in plaats van GPT-4.1-mini voor betere kwaliteit als je lange aangepaste instructies hebt. Kleine promptwijzigingen kunnen het gedrag aanzienlijk be\u00efnvloeden.<\/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-6-30171de\">\n                        <a href=\"#collapse-47f292769d37fe8b7534\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-47f292769d37fe8b7534\" aria-expanded=\"false\" aria-controls=\"Collapse-47f292769d37fe8b7534\">\n                            \n                            <span class=\"ekit-accordion-title\">Is dit geschikt voor mijn 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-47f292769d37fe8b7534\" class=\"collapse\" aria-labelledby=\"primaryHeading-6-30171de\" data-parent=\"#accordion-69d37fe8b7534\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p>Draait rechtstreeks op je WordPress website<br \/>\u2705 Jij bepaalt je OpenAI\/Gemini API-kosten<br \/>Uw database blijft op uw server staan<\/p><p><strong>Opmerking:<\/strong> MySQL database die WordPress gebruikt, mist native vector zoeken - alle <strong>similariteitsberekeningen worden uitgevoerd in PHP, dus de zoeksnelheid hangt af van je server <\/strong>CPU en aantal ge\u00efndexeerde items.<\/p><p>\u2705 <strong>Geoptimaliseerd voor maximaal een paar duizend artikelen\/pagina's\/producten<\/strong><br \/>Geen externe database-indexering. Snelle installatie. Voorspelbare prestaties.<\/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                \n                <div class=\"elementskit-card\">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-7-30171de\">\n                        <a href=\"#collapse-ba8c21d69d37fe8b7534\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-ba8c21d69d37fe8b7534\" aria-expanded=\"false\" aria-controls=\"Collapse-ba8c21d69d37fe8b7534\">\n                            \n                            <span class=\"ekit-accordion-title\">Werkt het met elk 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-ba8c21d69d37fe8b7534\" class=\"collapse\" aria-labelledby=\"primaryHeading-7-30171de\" data-parent=\"#accordion-69d37fe8b7534\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p><strong>Ja!<\/strong> Het heeft ook volledige integratie met <strong>WooCommerce<\/strong> en de <strong>Listeo<\/strong> map WordPress thema. <strong>Met deze integratie kunnen product- of listingkaarten direct in de chat worden weergegeven.<\/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>Opmerking:<\/strong> Kaarten in chat worden alleen weergegeven voor WooCommerce producten (elk thema) of aanbiedingen (Listeo thema)<\/p><p>In andere thema's kan de Pro-versie leren van pagina's\/aangepaste posttypes, maar <strong>Aangepaste posttypes gebruiken een zoekopdracht op basis van trefwoorden zonder filters.<\/strong> Volledig filteren werkt alleen met WooCommerce producten.<\/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-8-30171de\">\n                        <a href=\"#collapse-a83825e69d37fe8b7534\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-a83825e69d37fe8b7534\" aria-expanded=\"false\" aria-controls=\"Collapse-a83825e69d37fe8b7534\">\n                            \n                            <span class=\"ekit-accordion-title\">Welke instellingen en functies zijn beschikbaar in de plugin?<\/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-a83825e69d37fe8b7534\" class=\"collapse\" aria-labelledby=\"primaryHeading-8-30171de\" data-parent=\"#accordion-69d37fe8b7534\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p>De plugin biedt uitgebreide aanpassingsmogelijkheden via verschillende instellingentabs.<br \/>U kunt <a style=\"color: #0060ff;\" href=\"https:\/\/purethemes.net\/nl\/?download=ai-chat-search\">gratis versie downloaden<\/a> om het zelf te zien \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 is een korte samenvatting:<\/strong><\/p><ol><li><strong>Algemeen<br \/><\/strong>Chat in-\/uitschakelen, AI-model kiezen (GPT-5.1, GPT-4.1, GPT-4.1-mini en Gemini 3 Pro, 2.5 Pro, 2.5 Flash), instellen hoeveel producten maximaal worden weergegeven in de resultaten, snelle actieknoppen toevoegen boven chatinvoer: voorgedefinieerde vraag aan AI, linkknop (bijv. naar een pagina of Whatsapp) en pop-up contactformulier)<\/li><li><strong>Uiterlijk<br \/><\/strong>Aangepaste chatbotnaam en avatar, welkomstbericht (ondersteunt HTML), merkkleuren voor knoppen en UI, optie om productafbeeldingen in resultaten te verbergen, whitelabel-modus (Pro)<\/li><li><strong>Zwevende Widget<br \/><\/strong>Zwevende chatbubbel inschakelen\/uitschakelen, aangepast SVG-pictogram, tekst welkomstbubbel, afmetingen popup (breedte\/hoogte), verbergen op specifieke pagina's<\/li><li><strong>AI-tools<br \/><\/strong>Aangepaste systeemprompt (tot 6.000 tekens) voor bedrijfsspecifieke instructies, AI-gestuurde e-mailverzending namens bezoekers mogelijk maken<\/li><li><strong>Toegang en privacy<br \/><\/strong>Chat beperken tot ingelogde gebruikers, gebruiksvoorwaarden weergeven, conversatie volgen inschakelen (automatisch verwijderd na 30 dagen)<\/li><li><strong>Gegevenstraining<br \/><\/strong>Selecteer inhoudstypes om te trainen (posts, pagina's, PDF's, WooCommerce producten, aangepaste posttypes), handmatige selectiemodus, tools voor databasebeheer (embeddings controleren\/regenereren\/verwijderen)<\/li><li><strong>Analytics<br \/><\/strong>Conversatiestatistieken, populaire zoekopdrachten (7\/30 dagen), e-mailtracering<\/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-9-30171de\">\n                        <a href=\"#collapse-b0c7ca569d37fe8b7534\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-b0c7ca569d37fe8b7534\" aria-expanded=\"false\" aria-controls=\"Collapse-b0c7ca569d37fe8b7534\">\n                            \n                            <span class=\"ekit-accordion-title\">Wat doen afbeeldings- en spraakberichten?<\/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-b0c7ca569d37fe8b7534\" class=\"collapse\" aria-labelledby=\"primaryHeading-9-30171de\" data-parent=\"#accordion-69d37fe8b7534\">\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>Bezoekers kunnen afbeeldingen toevoegen waarmee ze beter kunnen uitleggen wat ze zoeken en die de AI helpen dit te begrijpen.<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-10-30171de\">\n                        <a href=\"#collapse-c46545e69d37fe8b7534\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-c46545e69d37fe8b7534\" aria-expanded=\"false\" aria-controls=\"Collapse-c46545e69d37fe8b7534\">\n                            \n                            <span class=\"ekit-accordion-title\">GDPR-nalevingsfuncties<\/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-c46545e69d37fe8b7534\" class=\"collapse\" aria-labelledby=\"primaryHeading-10-30171de\" data-parent=\"#accordion-69d37fe8b7534\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p><strong>De plugin bevat verschillende privacy-by-design functies:<\/strong><\/p><ol><li><strong>Gebruiksvoorwaarden<\/strong> - Aanpasbare kennisgeving die gebruikers moeten bevestigen<\/li><li><strong>30 dagen automatische verwijdering<\/strong> - Chatgeschiedenis automatisch gewist<\/li><li><strong>Gegevens blijven op je server<\/strong> - Alle conversaties opgeslagen in je WordPress database in tegenstelling tot concurrenten die je bezoekers conversaties op hun servers bewaren<\/li><li><strong>Minimale gegevens naar AI-aanbieders<\/strong> - Alleen de zoekopdracht\/het bericht wordt naar OpenAI\/Google gestuurd - zij slaan je gegevens niet op volgens hun API-voorwaarden.<\/li><li><strong>Orderopzoekingen met PII-strip<\/strong> - Wanneer gebruikers de bestelstatus controleren, worden persoonlijke gegevens (namen, adressen, e-mails, telefoon<br \/>nummers) wordt nooit verzonden naar AI-providers - alleen bestelstatus, items en tracking info<\/li><\/ol><p><strong>What data is sent to OpenAI\/Google\/Mistral?<\/strong><\/p><p>Alleen het bericht\/de vraag van de gebruiker en de inhoud van uw pagina's (voor de context). Er worden geen persoonlijke gegevens, IP's of gebruikersidentificatoren verzonden. Beide providers hebben overeenkomsten voor gegevensverwerking en gebruiken geen API-gegevens voor training.<\/p><p><strong>Welke AI-provider is het best voor AVG-naleving?<\/strong> <br \/><strong>Mistral AI<\/strong> is de meest AVG-vriendelijke optie. In tegenstelling tot OpenAI en Google is Mistral gevestigd in Parijs en niet onderworpen aan de Amerikaanse CLOUD Act, die Amerikaanse autoriteiten toestaat om toegang te krijgen tot gegevens, zelfs wanneer deze op EU-servers zijn opgeslagen.<\/p><p><strong>Kunnen gebruikers vragen om gegevens te verwijderen?<\/strong><\/p><p>Voor ingelogde gebruikers kan hun chatgeschiedenis worden ge\u00efdentificeerd aan de hand van hun gebruikers-ID. Voor gasten worden de gegevens alleen gekoppeld aan een sessie-ID van de browser en na 30 dagen automatisch verwijderd.<\/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-11-30171de\">\n                        <a href=\"#collapse-90d920e69d37fe8b7534\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-90d920e69d37fe8b7534\" aria-expanded=\"false\" aria-controls=\"Collapse-90d920e69d37fe8b7534\">\n                            \n                            <span class=\"ekit-accordion-title\">Changelog<\/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-90d920e69d37fe8b7534\" class=\"collapse\" aria-labelledby=\"primaryHeading-11-30171de\" data-parent=\"#accordion-69d37fe8b7534\">\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><strong>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>- Beveiligingsverbeteringen: gecentraliseerde IP-detectie die IP-spoofing via header-injectie voorkomt en verbeterde XSS-bescherming<br \/>- Meer details over de gebruiker bij het zweven over het IP-adres in de chathistorie<br \/><strong>1.8.3<\/strong> - Vertalingen voor alle plugin-instellingen in de WordPress\u2011beheeromgeving<br \/>- In de chathistorie wordt bij elk gebruikersbericht de pagina weergegeven waarop het is verzonden<br \/><strong>1.8.2 <\/strong>- Donkere modus toegevoegd (kleurenschema-instelling)<strong><br \/>1.8.1<\/strong>- Verbeterde compatibiliteit met de Divi page builder<strong><br \/>1.8.0<\/strong> - Vergelijkingstool voor producten\/listings toegevoegd \u2014 na het zoeken kun je de AI vragen om X en Y te vergelijken.<br \/><strong>1.7.9 <\/strong>- AI-reacties met een vloeiend woord-voor-woord type-effect<br \/>- Menu in chatvenster met opties om een nieuwe chat te starten en het venster uit te klappen<br \/><strong>1.7.8 <\/strong>- Externe paginabronnen \u2013 chatbot kan worden getraind met content van externe webpagina's<strong><br \/>1.7.7 <\/strong>- SKU- en EAN\/GTIN-codes toegevoegd aan WooCommerce product-embeddings<strong><br \/>1.7.6 <\/strong>- Verbeteringen aan de beheerinterface<strong><br \/>1.7.5 <\/strong>- Extra trainingsdocumentformaten (txt, md, csv, xml)<br \/>- Visuele grafiek van chatgesprekken-activiteit<strong><br \/>1.7.4 <\/strong>- Toegevoegd <strong>Mistral<\/strong> AI-aanbieder<strong><br \/>1.7.2 <\/strong>- Embedding generation optimization for non-lating languages (Cyryllic, Greek)<strong><br \/>1.7.1 <\/strong>- Afbeeldingen uploaden &amp; spraakberichten<br \/><strong>1.7.0 <\/strong>- Snelheidsoptimalisatie voor vector-zoekopdrachten\u00a0<strong><br \/>1.6.9 <\/strong>- Verbeterde gebruikersgebaseerde rate limiting op basis van IP (max. berichten per 1 minuut \/ 15 minuten \/ dag)<br \/><strong>1.6.8 <\/strong>- Couple of minor improvements<strong><br \/>1.6.7<\/strong> - Optie om specifieke gebruikers-IP's te blokkeren voor toegang tot de chatbot<br \/>- Optie om de stijl van de AI-laadicoon-animatie aan te passen<br \/><strong>1.6.6 <\/strong>- Verbeterde compatibiliteit met populaire WooCommerce-thema's<br \/>- Verbeterde automatische detectie van de taal in gebruikersberichten<strong><br \/>1.6.5 <\/strong>- Beveiligingsfix<br \/>- Weergave van IP-adres en land van de gebruiker in de chathistorie<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\": \"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 Mini, 5, 5.1 and 5.2<\\\/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>\"\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>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Why did the assistant answer without searching the site content?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<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.1<\\\/strong> or <strong>GPT-4.1<\\\/strong> instead of GPT-4.1-mini 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            \"@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><strong>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 class=\"elementor-element elementor-element-f940e0e elementor-widget elementor-widget-elementskit-popup-modal\" data-id=\"f940e0e\" 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>                                Vragen? Stuur ons een bericht!\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                                Stuur ons een e-mail                            <\/h4>\n                                                        <p class=\"ekit-popup-modal__subtitle ekit-popup__subtitle\">\n                                We antwoorden binnen enkele uren!                            <\/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=\"f940e0e\">\n\t\t\t<div class=\"widgetarea_warper_edit\" data-elementskit-widgetarea-key=\"popup\" data-elementskit-widgetarea-index=\"f940e0e\">\n\t\t\t\t<i class=\"eicon-edit\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<span>Inhoud bewerken<\/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=\"27009\" class=\"elementor elementor-27009\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b93fa7 e-flex e-con-boxed e-con e-parent\" data-id=\"8b93fa7\" 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-ffd7ff5 elementor-widget__width-inherit elementor-widget elementor-widget-wpforms\" data-id=\"ffd7ff5\" 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-ffd7ff5\">\n\t\t\t\t.elementor-widget-wpforms.elementor-element-ffd7ff5 {\n\t\t\t\t--wpforms-field-border-radius: 5px;\n--wpforms-field-text-color: #000000F0;\n--wpforms-button-border-radius: 55px;\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=\"\/nl\/wp-json\/wp\/v2\/pages\/24789\" data-token=\"026bc2426b3f1fdfa88bf945f280f05e\" data-token-time=\"1775468520\" data-trp-original-action=\"\/nl\/wp-json\/wp\/v2\/pages\/24789\"><noscript class=\"wpforms-error-noscript\">Schakel JavaScript in je browser in om dit formulier in te vullen.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Schakel JavaScript in je browser in om dit formulier in te vullen.<\/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\" >Email Message<\/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\">Bericht <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\/nl\/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\">Stuur  in<\/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=\"Aan het laden\"><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"nl\"\/><\/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<\/div>\n\t\t<div class=\"elementor-element elementor-element-63a4cfa e-con-full e-flex e-con e-child\" data-id=\"63a4cfa\" data-element_type=\"container\">\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-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\">Probeer voordat je koopt<\/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-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                        Start gratis proefperiode                    <\/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>Inhoud bewerken<\/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\">Request Trial <br>\nAI Chat &amp; Zoeken Pro<\/h2>\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>We zullen je binnen enkele uren een <strong>proeflicentie<\/strong> geven. Deze <strong>verloopt automatisch na 7 dagen<\/strong>. Je kunt de chatbot zelf testen voordat je hem aanschaft. \ud83d\ude42 <strong>trial license active for 3 days<\/strong>.\u00a0<br \/>You can test the chatbot yourself before purchasing. \ud83d\ude42<\/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-8638\">\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-8638-email\">Email Address <span class=\"required\">*<\/span><\/label>\n                    <input type=\"email\" id=\"ptlp-trial-form-8638-email\" name=\"email\" required placeholder=\"you@example.com\">\n                <\/div>\n\n                                <div class=\"ptlp-form-field\">\n                    <label for=\"ptlp-trial-form-8638-domain\">Website Domain <span class=\"required\">*<\/span><\/label>\n                    <input type=\"text\" id=\"ptlp-trial-form-8638-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-8638-website\">Website<\/label>\n                    <input type=\"text\" id=\"ptlp-trial-form-8638-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-8638-consent\" name=\"consent\" required aria-required=\"true\">\n                        <span class=\"ptlp-consent-text\">I agree to the <a href=\"\/privacy-policy\/\" target=\"_blank\">Privacybeleid<\/a> en <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\">Request Trial<\/button>\n                <\/div>\n\n                <div class=\"ptlp-form-message\" style=\"display: none;\"><\/div>\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"nl\"\/><\/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 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 \u2728 See it in action How do I reset my password? To [&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\/nl\/wp-json\/wp\/v2\/pages\/24789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/purethemes.net\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/purethemes.net\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/purethemes.net\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/purethemes.net\/nl\/wp-json\/wp\/v2\/comments?post=24789"}],"version-history":[{"count":391,"href":"https:\/\/purethemes.net\/nl\/wp-json\/wp\/v2\/pages\/24789\/revisions"}],"predecessor-version":[{"id":31338,"href":"https:\/\/purethemes.net\/nl\/wp-json\/wp\/v2\/pages\/24789\/revisions\/31338"}],"wp:attachment":[{"href":"https:\/\/purethemes.net\/nl\/wp-json\/wp\/v2\/media?parent=24789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}