{"id":10007,"date":"2025-06-13T15:04:23","date_gmt":"2025-06-13T21:04:23","guid":{"rendered":"https:\/\/www.ometrics.com\/blog\/?page_id=10007"},"modified":"2026-01-23T13:00:57","modified_gmt":"2026-01-23T20:00:57","slug":"intelligent-website-ai-layout-tab","status":"publish","type":"page","link":"https:\/\/www.ometrics.com\/blog\/intelligent-website-ai-layout-tab\/","title":{"rendered":"Intelligent Website AI – Layout Tab"},"content":{"rendered":"

[et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.16″ global_colors_info=”{}”][et_pb_fullwidth_header title=”Gain Insights. Engage Users. Grow Sales.” text_orientation=”center” _builder_version=”4.16″ title_font=”||||||||” title_font_size=”38px” custom_padding=”9px||0px” global_colors_info=”{}”][\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ custom_padding=”4px|||||” global_colors_info=”{}”][et_pb_row column_structure=”1_4,3_4″ _builder_version=”4.27.4″ width=”88%” max_width=”1333px” custom_padding=”||0px|||” global_colors_info=”{}”][et_pb_column type=”1_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_sidebar area=”et_pb_widget_area_1″ _builder_version=”4.16″ width=”92.4%” global_colors_info=”{}”][\/et_pb_sidebar][\/et_pb_column][et_pb_column type=”3_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.27.4″ text_font=”||||||||” header_font=”||||||||” header_2_font=”||||||||” header_2_text_align=”center” header_2_text_color=”#68ab37″ header_3_font=”||||||||” header_3_text_align=”center” header_3_text_color=”#68ab37″ header_3_font_size=”26px” header_4_font=”|300|||||||” header_4_text_color=”#757575″ header_4_font_size=”26px” width=”100%” custom_padding=”||0px|||” global_colors_info=”{}”]<\/p>\n

\n
\n

Display<\/h3>\n

The <\/span>Display<\/b> tab lets you configure how the AI appears on your site, whether as a full search interface, a button, or something more discreet. You can set up AI behavior for desktop and mobile.\u00a0<\/span><\/p>\n<\/div>\n<\/div>\n

[\/et_pb_text][et_pb_text module_id=”top” _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n

Table of Contents<\/strong><\/h3>\n

Widget Types<\/a><\/p>\n

Display Mode<\/a><\/p>\n

Search Text<\/a><\/p>\n

Where to Show AI<\/a><\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/display-preview.png” alt=”screenshot of intelligent website ai layout tab” title_text=”display preview” align=”center” _builder_version=”4.27.4″ width=”100%” max_width=”100%” box_shadow_style=”preset1″ box_shadow_blur=”26px” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.27.4″ global_colors_info=”{}”]<\/p>\n

Some Terminology<\/b><\/h2>\n

<\/b><\/p>\n

Floating<\/b>: A movable version of the Ometrics AI widget that remains visible as the user scrolls. It is positioned above the page content. This display type is useful for maintaining visibility and accessibility across the entire site.<\/span><\/p>\n

In-Page Widget: <\/strong>A fixed version of the Ometrics AI widget that is embedded directly within the page layout. It stays in a defined position and appears as part of the page content, similar to a search bar or static chat box. This display type is ideal for targeted interactions on specific pages.<\/span><\/span><\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.27.4″ text_font=”|700|||||||” background_color=”rgba(28,107,33,0.24)” custom_margin=”||||false” custom_padding=”10px|20px|10px|20px|true|true” border_radii=”on|10px|10px|10px|10px” global_colors_info=”{}”]<\/p>\n

Both floating and in-page can be enabled at the same time.<\/p>\n

[\/et_pb_text][et_pb_divider color=”rgba(10,0,0,0.3)” _builder_version=”4.27.4″ _module_preset=”default” width=”86%” module_alignment=”center” custom_margin=”-7px||6px|||” custom_padding=”||20px|||” global_colors_info=”{}”][\/et_pb_divider][et_pb_text module_id=”widget-type” _builder_version=”4.27.4″ _module_preset=”default” header_3_text_color=”#0d870d” custom_margin=”||7px|||” global_colors_info=”{}”]<\/p>\n

Widget Types<\/h3>\n

[\/et_pb_text][et_pb_text module_id=”widget-type” _builder_version=”4.27.4″ _module_preset=”default” text_text_color=”#f47404″ link_text_color=”#f47404″ header_3_text_color=”#0d870d” custom_margin=”||7px|||” global_colors_info=”{}”]<\/p>\n

(Back to Top)<\/a><\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/floating-display-type.png” title_text=”floating display type” align=”center” _builder_version=”4.27.4″ _module_preset=”default” box_shadow_style=”preset1″ box_shadow_blur=”26px” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.27.4″ header_3_text_color=”#0d870d” custom_padding=”||0px|||” global_colors_info=”{}”]<\/p>\n

A widget<\/strong>\u00a0defines how the Ometrics AI interface appears and behaves on a webpage. Each display type controls the widget\u2019s placement, visibility, and level of user interaction. Selecting the right widget type ensures the AI integrates smoothly with the site\u2019s layout and user experience.<\/p>\n

Search Box: <\/strong>A compact text input field with a traditional search bar appearance. Users can type questions or keywords to interact with Ometrics AI.<\/p>\n

Button: <\/strong>A minimal display consisting of a single interactive button that launches the Ometrics AI interface when clicked. It provides a clean, low-profile option for pages with limited space or where user engagement should be optional until activated.<\/p>\n

Ometrics AI Icon: <\/strong>A round floating icon, typically in the bottom right corner of the page.\u00a0 This widget provWhen selected, it opens the Ometrics AI chat or search interface. This display type ensures consistent visibility and quick access from any point on the site.<\/p>\n

<\/b><\/p>\n

<\/span><\/p>\n

[\/et_pb_text][et_pb_divider color=”rgba(10,0,0,0.3)” _builder_version=”4.27.4″ _module_preset=”default” width=”86%” module_alignment=”center” custom_margin=”-7px||6px|||” custom_padding=”||20px|||” global_colors_info=”{}”][\/et_pb_divider][et_pb_text module_id=”display-mode” _builder_version=”4.27.4″ _module_preset=”default” header_3_text_color=”#0d870d” custom_margin=”||7px|||” global_colors_info=”{}”]<\/p>\n

Display Mode<\/h3>\n

[\/et_pb_text][et_pb_text module_id=”widget-type” _builder_version=”4.27.4″ _module_preset=”default” text_text_color=”#f47404″ link_text_color=”#f47404″ header_3_text_color=”#0d870d” custom_margin=”||7px|||” global_colors_info=”{}”]<\/p>\n

(Back to Top)<\/a><\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/display-mode.png” title_text=”display mode” align=”center” _builder_version=”4.27.4″ _module_preset=”default” box_shadow_style=”preset1″ box_shadow_blur=”26px” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.27.4″ header_3_text_color=”#0d870d” global_colors_info=”{}”]<\/p>\n

Display mode<\/strong> defines how Ometrics AI appears after a user activates the widget. It determines the layout, size, and functionality of the AI interface, including whether it opens as a slide-out panel, full-page overlay, or embedded panel. Choosing the right display mode helps optimize user interaction and ensures the AI fits seamlessly with the page design.<\/span><\/h3>\n

Slide-Out Panel: <\/strong>A panel that slides in from the side of the screen when the widget is activated. It allows users to interact with Ometrics AI while still seeing the page content behind it. Ideal for unobtrusive support and multitasking.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/slide-out-panel.png” title_text=”slide out panel” align=”center” _builder_version=”4.27.4″ _module_preset=”default” width=”57%” box_shadow_style=”preset1″ box_shadow_blur=”26px” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n

Overlay: <\/strong>A display that covers the page content when activated, drawing full attention to Ometrics AI.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/overlay-mode.png” title_text=”overlay mode” align=”center” _builder_version=”4.27.4″ _module_preset=”default” width=”83%” box_shadow_style=”preset1″ box_shadow_blur=”26px” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n

Expand: <\/strong>The AI interface is displayed directly within the page layout. When the widget is clicked, this display expands, pushing down page content. This mode is useful for integrating Ometrics AI seamlessly into specific page sections, like a support or search area.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/expand-mode-2.png” title_text=”expand mode 2″ align=”center” _builder_version=”4.27.4″ _module_preset=”default” width=”82%” box_shadow_style=”preset1″ box_shadow_blur=”26px” global_colors_info=”{}”][\/et_pb_image][et_pb_divider color=”rgba(10,0,0,0.3)” _builder_version=”4.27.4″ _module_preset=”default” width=”86%” module_alignment=”center” custom_margin=”||6px|||” global_colors_info=”{}”][\/et_pb_divider][et_pb_text module_id=”search-text” _builder_version=”4.27.4″ _module_preset=”default” header_3_text_color=”#0d870d” custom_margin=”||7px|||” global_colors_info=”{}”]<\/p>\n

Search Text<\/h3>\n

[\/et_pb_text][et_pb_text module_id=”widget-type” _builder_version=”4.27.4″ _module_preset=”default” text_text_color=”#f47404″ link_text_color=”#f47404″ header_3_text_color=”#0d870d” custom_margin=”||7px|||” global_colors_info=”{}”]<\/p>\n

(Back to Top)<\/a><\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/Untitled-design-1.gif” title_text=”Untitled design (1)” align=”center” _builder_version=”4.27.4″ _module_preset=”default” width=”82%” box_shadow_style=”preset1″ box_shadow_blur=”26px” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” header_3_text_color=”#0d870d” custom_margin=”||11px|||” global_colors_info=”{}”]<\/p>\n

\n
\n
\n
\n
\n
Search Text is the animated placeholder that guides users and highlights popular searches. This feature is only for the Search Box widget.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

[\/et_pb_text][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n

To add Search Text, input your text in the box, then click the plus button to add the new text. Remember to hit the\u00a0Save<\/strong> button at the bottom.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/search-text.png” title_text=”search text” align=”center” _builder_version=”4.27.4″ _module_preset=”default” width=”82%” box_shadow_style=”preset1″ box_shadow_blur=”26px” global_colors_info=”{}”][\/et_pb_image][et_pb_divider color=”rgba(10,0,0,0.3)” _builder_version=”4.27.4″ _module_preset=”default” width=”86%” module_alignment=”center” custom_margin=”||6px|||” global_colors_info=”{}”][\/et_pb_divider][et_pb_text module_id=”show” _builder_version=”4.27.4″ _module_preset=”default” header_3_text_color=”#0d870d” custom_margin=”||7px|||” global_colors_info=”{}”]<\/p>\n

Where to Show Ometrics AI<\/span><\/h3>\n

[\/et_pb_text][et_pb_text module_id=”widget-type” _builder_version=”4.27.4″ _module_preset=”default” text_text_color=”#f47404″ link_text_color=”#f47404″ header_3_text_color=”#0d870d” custom_margin=”||7px|||” global_colors_info=”{}”]<\/p>\n

(Back to Top)<\/a><\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” header_3_text_color=”#0d870d” custom_margin=”||11px|||” global_colors_info=”{}”]<\/p>\n

\n
\n
\n
\n
\n
Choose where the widgets will appear on the webpage. Our\u00a0Visual Selector<\/strong> makes it easy to select page elements without coding.<\/div>\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

[\/et_pb_text][et_pb_image src=”https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2026\/01\/visual-selector-2.png” title_text=”visual selector ” align=”center” _builder_version=”4.27.4″ _module_preset=”default” width=”83%” hover_enabled=”0″ box_shadow_style=”preset1″ box_shadow_blur=”26px” global_colors_info=”{}” alt=”a screenshot of the visual selector” sticky_enabled=”0″][\/et_pb_image][et_pb_image src=”https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/visual-selector.png” title_text=”visual selector” align=”center” _builder_version=”4.27.4″ _module_preset=”default” width=”82%” box_shadow_style=”preset1″ box_shadow_blur=”26px” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” header_3_text_color=”#0d870d” custom_margin=”||11px|||” global_colors_info=”{}”]<\/p>\n

\n
\n
\n
\n
\n
ADVANCED:\u00a0<\/b>For more precision, you can manually enter the class, ID, or element type.<\/div>\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

[\/et_pb_text][et_pb_image src=”https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/manual-input.png” title_text=”manual input” align=”center” _builder_version=”4.27.4″ _module_preset=”default” width=”82%” box_shadow_style=”preset1″ box_shadow_blur=”26px” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” header_3_text_color=”#0d870d” custom_margin=”||-56px|||” global_colors_info=”{}”]<\/p>\n

CSS selectors:<\/span><\/p>\n

    \n
  • \n
      \n
    • \n
        \n
      • \n
          \n
        • \n
            \n
          • #<\/span>\u00a0for ID (e.g.,\u00a0<\/span>#main-content<\/span>)<\/span>
            <\/span><\/li>\n
          • .<\/span>\u00a0for class name (e.g.,\u00a0<\/span>.main-container<\/span>)<\/span>
            <\/span><\/li>\n
          • Or an element type (e.g.,\u00a0<\/span>footer<\/span>,\u00a0<\/span>header<\/span>)<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n

            [\/et_pb_text][et_pb_text _builder_version=”4.27.4″ global_colors_info=”{}”]<\/p>\n

            Save Your Layout<\/b><\/h2>\n

            Once your layout and display preferences are set, click <\/span>Save Layout<\/b> to apply changes.<\/span><\/p>\n

            [\/et_pb_text][et_pb_button button_url=”https:\/\/www.ometrics.com\/support\/intelligent-website-ai-lead-support-forms\/” button_text=”Form Library” button_alignment=”right” _builder_version=”4.27.4″ _module_preset=”default” custom_button=”on” button_border_width=”0px” button_border_radius=”0px” button_icon=”E||divi||400″ button_icon_color=”#0d870d” button_on_hover=”off” custom_margin=”||-3px|||” global_colors_info=”{}”][\/et_pb_button][et_pb_button button_url=”https:\/\/www.ometrics.com\/blog\/support\/intelligent-website-ai-settings\/” button_text=”Settings” button_alignment=”left” _builder_version=”4.27.4″ _module_preset=”default” custom_button=”on” button_border_width=”0px” button_border_radius=”0px” button_icon=”D||divi||400″ button_icon_color=”#0d870d” button_icon_placement=”left” button_on_hover=”off” custom_padding=”0px|||||” global_colors_info=”{}”][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

            Display The Display tab lets you configure how the AI appears on your site, whether as a full search interface, a button, or something more discreet. You can set up AI behavior for desktop and mobile.\u00a0 Table of Contents Widget Types Display Mode Search Text Where to Show AISome Terminology Floating: A movable version of […]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-10007","page","type-page","status-publish","hentry"],"yoast_head":"\nIntelligent Website AI - Layout Tab - Ometrics<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ometrics.com\/blog\/intelligent-website-ai-layout-tab\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Intelligent Website AI - Layout Tab - Ometrics\" \/>\n<meta property=\"og:description\" content=\"Display The Display tab lets you configure how the AI appears on your site, whether as a full search interface, a button, or something more discreet. You can set up AI behavior for desktop and mobile.\u00a0 Table of Contents Widget Types Display Mode Search Text Where to Show AISome Terminology Floating: A movable version of […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ometrics.com\/blog\/intelligent-website-ai-layout-tab\/\" \/>\n<meta property=\"og:site_name\" content=\"Ometrics\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Ometrics\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-23T20:00:57+00:00\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ometrics.com\/blog\/intelligent-website-ai-layout-tab\/\",\"url\":\"https:\/\/www.ometrics.com\/blog\/intelligent-website-ai-layout-tab\/\",\"name\":\"Intelligent Website AI - Layout Tab - Ometrics\",\"isPartOf\":{\"@id\":\"https:\/\/www.ometrics.com\/blog\/#website\"},\"datePublished\":\"2025-06-13T21:04:23+00:00\",\"dateModified\":\"2026-01-23T20:00:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ometrics.com\/blog\/intelligent-website-ai-layout-tab\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ometrics.com\/blog\/intelligent-website-ai-layout-tab\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ometrics.com\/blog\/intelligent-website-ai-layout-tab\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.ometrics.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Intelligent Website AI – Layout Tab\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ometrics.com\/blog\/#website\",\"url\":\"https:\/\/www.ometrics.com\/blog\/\",\"name\":\"Ometrics\",\"description\":\"AI Chatbots, Conversion Rate Optimization Resources, Exit Popups, A-B Testing\",\"publisher\":{\"@id\":\"https:\/\/www.ometrics.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.ometrics.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.ometrics.com\/blog\/#organization\",\"name\":\"Ometrics\",\"url\":\"https:\/\/www.ometrics.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.ometrics.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2019\/06\/ometrics-logo-white-r-210x45.png\",\"contentUrl\":\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2019\/06\/ometrics-logo-white-r-210x45.png\",\"width\":210,\"height\":45,\"caption\":\"Ometrics\"},\"image\":{\"@id\":\"https:\/\/www.ometrics.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Ometrics\/\",\"https:\/\/x.com\/ometrics\",\"https:\/\/www.instagram.com\/ometricsllc\/\",\"https:\/\/www.linkedin.com\/company\/ometrics\",\"https:\/\/www.youtube.com\/channel\/UCqOKmRfWQ7v7cgXAuSABFIw\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Intelligent Website AI - Layout Tab - Ometrics","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.ometrics.com\/blog\/intelligent-website-ai-layout-tab\/","og_locale":"en_US","og_type":"article","og_title":"Intelligent Website AI - Layout Tab - Ometrics","og_description":"Display The Display tab lets you configure how the AI appears on your site, whether as a full search interface, a button, or something more discreet. You can set up AI behavior for desktop and mobile.\u00a0 Table of Contents Widget Types Display Mode Search Text Where to Show AISome Terminology Floating: A movable version of […]","og_url":"https:\/\/www.ometrics.com\/blog\/intelligent-website-ai-layout-tab\/","og_site_name":"Ometrics","article_publisher":"https:\/\/www.facebook.com\/Ometrics\/","article_modified_time":"2026-01-23T20:00:57+00:00","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ometrics.com\/blog\/intelligent-website-ai-layout-tab\/","url":"https:\/\/www.ometrics.com\/blog\/intelligent-website-ai-layout-tab\/","name":"Intelligent Website AI - Layout Tab - Ometrics","isPartOf":{"@id":"https:\/\/www.ometrics.com\/blog\/#website"},"datePublished":"2025-06-13T21:04:23+00:00","dateModified":"2026-01-23T20:00:57+00:00","breadcrumb":{"@id":"https:\/\/www.ometrics.com\/blog\/intelligent-website-ai-layout-tab\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ometrics.com\/blog\/intelligent-website-ai-layout-tab\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ometrics.com\/blog\/intelligent-website-ai-layout-tab\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ometrics.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Intelligent Website AI – Layout Tab"}]},{"@type":"WebSite","@id":"https:\/\/www.ometrics.com\/blog\/#website","url":"https:\/\/www.ometrics.com\/blog\/","name":"Ometrics","description":"AI Chatbots, Conversion Rate Optimization Resources, Exit Popups, A-B Testing","publisher":{"@id":"https:\/\/www.ometrics.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ometrics.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.ometrics.com\/blog\/#organization","name":"Ometrics","url":"https:\/\/www.ometrics.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ometrics.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2019\/06\/ometrics-logo-white-r-210x45.png","contentUrl":"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2019\/06\/ometrics-logo-white-r-210x45.png","width":210,"height":45,"caption":"Ometrics"},"image":{"@id":"https:\/\/www.ometrics.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Ometrics\/","https:\/\/x.com\/ometrics","https:\/\/www.instagram.com\/ometricsllc\/","https:\/\/www.linkedin.com\/company\/ometrics","https:\/\/www.youtube.com\/channel\/UCqOKmRfWQ7v7cgXAuSABFIw"]}]}},"ometricscontent":{"rendered":"<div class=\"et-l et-l--post\">\n\t\t\t<div class=\"et_builder_inner_content et_pb_gutters3\">\n\t\t<div class=\"et_pb_section et_pb_section_0 et_pb_fullwidth_section et_section_regular\" >\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<section class=\"et_pb_module et_pb_fullwidth_header et_pb_fullwidth_header_0 et_pb_text_align_center et_pb_bg_layout_dark\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_fullwidth_header_container center\">\n\t\t\t\t\t<div class=\"header-content-container center\">\n\t\t\t\t\t<div class=\"header-content\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<h1 class=\"et_pb_module_header\">Gain Insights. Engage Users. Grow Sales.<\/h1>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"et_pb_header_content_wrapper\"><\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"et_pb_fullwidth_header_overlay\"><\/div>\n\t\t\t\t<div class=\"et_pb_fullwidth_header_scroll\"><\/div>\n\t\t\t<\/section>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div><div class=\"et_pb_section et_pb_section_1 et_section_regular\" >\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_row et_pb_row_0\">\n\t\t\t\t<div class=\"et_pb_column et_pb_column_1_4 et_pb_column_0 et_pb_css_mix_blend_mode_passthrough\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module et_pb_sidebar_0 et_pb_widget_area clearfix et_pb_widget_area_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div id=\"block-31\" class=\"et_pb_widget widget_block\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-87612ffc8a1b93ec44d830cf30fc7bab\" style=\"color:#0d870d\"><strong>General Account<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<p><a href=\"\/support\/installing-ometrics-script\/\">  Installing Ometrics Script<\/a><br><a href=\"\/support\/billing\/\">  Billing<\/a><br><a href=\"\/support\/regular-expression\/\">  Regular Expression (RegEx)<\/a><br><a href=\"https:\/\/www.ometrics.com\/support\/how-to-enable-third-party-cookies\/\">  Enable Third-Party Cookies<\/a><br><a href=\"https:\/\/www.ometrics.com\/support\/shopify-apps-block-activation\/\">  Shopify App Block Not Activated <\/a><br><a href=\"https:\/\/www.ometrics.com\/support\/\" data-type=\"link\" data-id=\"https:\/\/www.ometrics.com\/support\/\"> Contact Support<\/a><\/p>\n<\/div>\n<\/div>\n<\/div><div id=\"block-32\" class=\"et_pb_widget widget_block\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-7ac4cfa01406017794bb9f804d577924\" style=\"color:#0d870d\"><strong>AI Editor<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/www.ometrics.com\/support\/intro-to-the-ai-workspace\/\">\u00a0 Intro to the AI Workspace<\/a><br><br><strong>AI Brain<\/strong><br><a href=\"https:\/\/www.ometrics.com\/support\/scan-sync\/\">\u00a0 Scan & Sync<\/a><br><a href=\"\/support\/engagement-question\/\">\u00a0\u00a0Engagement Question<\/a><br><a href=\"https:\/\/www.ometrics.com\/support\/faqs-feature\/\">\u00a0 FAQ Feature<\/a><br><a href=\"\/support\/ochatbot-global-intents\/\">\u00a0\u00a0Intents<\/a><br><a href=\"\/support\/images-and-videos\/\">\u00a0\u00a0Intents - Images & Videos<\/a><br><a href=\"https:\/\/www.ometrics.com\/support\/fallbacks\/\">\u00a0 Fallbacks<\/a><br><br><strong>Ochatbot<br><\/strong><a href=\"\/support\/ochatbot-questions\/\">\u00a0\u00a0Questions<\/a><br><a href=\"\/support\/page-targeting\/\">\u00a0\u00a0Page Targeting<\/a><br><a href=\"\/support\/ochatbot-triggers-and-events\/\">\u00a0\u00a0Triggers<\/a><br><br><strong>Intelligent Website<br><\/strong><a href=\"https:\/\/www.ometrics.com\/blog\/support\/intelligent-website-ai-get-started\/\">Getting Started<\/a><br><a href=\"https:\/\/www.ometrics.com\/blog\/support\/intelligent-website-ai-lead-support-forms\/\">\u00a0 Lead & Support Forms<\/a><br><a href=\"https:\/\/www.ometrics.com\/blog\/intelligent-website-ai-layout-tab\/\">\u00a0 Layout<\/a><br><a href=\"https:\/\/www.ometrics.com\/blog\/support\/image-video-button-settings\/\">\u00a0 Buttons & Media<\/a><br><br><strong>eCommerce<br><\/strong><a href=\"\/support\/ochatbot-ecommerce\/\">\u00a0 Settings<\/a><br><a href=\"\/support\/product-finder\/\">\u00a0\u00a0Product Finder<\/a><br><a href=\"\/support\/ochatbot-settings\/\">\u00a0\u00a0Design<\/a><br><a href=\"\/support\/ochatbot-alerts\/\">\u00a0\u00a0Email Alerts<\/a><\/p>\n<\/div>\n<\/div><div id=\"block-33\" class=\"et_pb_widget widget_block\">\n<details class=\"wp-block-details has-medium-font-size is-layout-flow wp-block-details-is-layout-flow\"><summary>Legacy Tools<\/summary>\n<p class=\"has-medium-font-size\"><strong>LeadBot<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\"><a href=\"https:\/\/www.ometrics.com\/support\/leadbot\">  Get Started<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\">Exit Popups & Mobile Banners<\/h3>\n\n\n\n<p class=\"has-small-font-size\"><a href=\"\/support\/popups-get-started\/\">  Get Started<\/a><br><a href=\"\/support\/popups-desktop-popup\/\">  Desktop Popups<\/a><br><a href=\"\/support\/popups-mobile-banner\/\">  Mobile Banner<\/a><br><a href=\"\/support\/popups-mobile-popup\/\">  Mobile Popup<\/a><br><a href=\"\/support\/popups-button-actions\/\">  Button Actions<\/a><br><a href=\"\/support\/popups-triggers\/\">  Triggers<\/a><br><a href=\"\/support\/popups-targeting\/\">  Targeting<\/a><br><a href=\"\/support\/popups-alerts-and-connections\/\">  Alerts and Connections<\/a><br><a href=\"\/support\/popups-tips-and-tricks\/\">  Tips and Tricks<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\">Offer Sliders<\/h3>\n\n\n\n<p class=\"has-small-font-size\"><a href=\"\/support\/offer-sliders-get-started\/\">  Get Started<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\">Lead Sliders<\/h3>\n\n\n\n<p class=\"has-small-font-size\"><a href=\"\/support\/lead-sliders-get-started\/\">  Get Started<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\">Offer Tabs<\/h3>\n\n\n\n<p class=\"has-small-font-size\"><a href=\"\/support\/offer-tabs-get-started\/\">  Get Started<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\">Feedback Tabs<\/h3>\n\n\n\n<p class=\"has-small-font-size\"><a href=\"\/support\/feedback-tabs-get-started\/\">  Get Started<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\">Need Help Tabs<\/h3>\n\n\n\n<p class=\"has-small-font-size\"><a href=\"\/support\/need-help-tabs-get-started\/\">  Get Started<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\">Funnel Metrics<\/h3>\n\n\n\n<p class=\"has-small-font-size\"><a href=\"\/support\/funnel-metrics-get-started\/\">  Get Started<\/a><\/p>\n<\/details>\n<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_column et_pb_column_3_4 et_pb_column_1 et_pb_css_mix_blend_mode_passthrough et-last-child\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module et_pb_text et_pb_text_0 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><div class=\"row\">\n<div class=\"col-md-12\">\n<h3 class=\"text-center\">Display<\/h3>\n<p><span style=\"font-weight: 400;\">The <\/span><b>Display<\/b><span style=\"font-weight: 400;\"> tab lets you configure how the AI appears on your site, whether as a full search interface, a button, or something more discreet. You can set up AI behavior for desktop and mobile.\u00a0<\/span><\/p>\n<\/div>\n<\/div><\/div>\n\t\t\t<\/div><div id=\"top\" class=\"et_pb_module et_pb_text et_pb_text_1 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><h3><strong>Table of Contents<\/strong><\/h3>\n<p><a href=\"#widget-type\">Widget Types<\/a><\/p>\n<p><a href=\"#display-mode\">Display Mode<\/a><\/p>\n<p><a href=\"#search-text\">Search Text<\/a><\/p>\n<p><a href=\"#show\">Where to Show AI<\/a><\/p><\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_image et_pb_image_0\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<span class=\"et_pb_image_wrap has-box-shadow-overlay\"><div class=\"box-shadow-overlay\"><\/div><img loading=\"lazy\" decoding=\"async\" width=\"1079\" height=\"447\" src=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/display-preview.png\" alt=\"screenshot of intelligent website ai layout tab\" title=\"display preview\" srcset=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/display-preview.png 1079w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/display-preview-980x406.png 980w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/display-preview-480x199.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1079px, 100vw\" class=\"wp-image-10187\" \/><\/span>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_text et_pb_text_2 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><h2><b>Some Terminology<\/b><\/h2>\n<p><b><\/b><\/p>\n<p><b>Floating<\/b><span style=\"font-weight: 400;\">: A movable version of the Ometrics AI widget that remains visible as the user scrolls. It is positioned above the page content. This display type is useful for maintaining visibility and accessibility across the entire site.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><strong data-start=\"418\" data-end=\"436\">In-Page Widget: <\/strong>A fixed version of the Ometrics AI widget that is embedded directly within the page layout. It stays in a defined position and appears as part of the page content, similar to a search bar or static chat box. This display type is ideal for targeted interactions on specific pages.<\/span><span style=\"font-weight: 400;\"><\/span><\/p><\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_text et_pb_text_3 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><p>Both floating and in-page can be enabled at the same time.<\/p><\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_divider et_pb_divider_0 et_pb_divider_position_ et_pb_space\"><div class=\"et_pb_divider_internal\"><\/div><\/div><div id=\"widget-type\" class=\"et_pb_module et_pb_text et_pb_text_4 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><h3 data-start=\"112\" data-end=\"136\">Widget Types<\/h3><\/div>\n\t\t\t<\/div><div id=\"widget-type\" class=\"et_pb_module et_pb_text et_pb_text_5 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><p><a href=\"#top\">(Back to Top)<\/a><\/p><\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_image et_pb_image_1\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<span class=\"et_pb_image_wrap has-box-shadow-overlay\"><div class=\"box-shadow-overlay\"><\/div><img loading=\"lazy\" decoding=\"async\" width=\"863\" height=\"369\" src=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/floating-display-type.png\" alt=\"\" title=\"floating display type\" srcset=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/floating-display-type.png 863w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/floating-display-type-480x205.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 863px, 100vw\" class=\"wp-image-10189\" \/><\/span>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_text et_pb_text_6 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><p>A <strong data-start=\"113\" data-end=\"136\">widget<\/strong>\u00a0defines how the Ometrics AI interface appears and behaves on a webpage. Each display type controls the widget\u2019s placement, visibility, and level of user interaction. Selecting the right widget type ensures the AI integrates smoothly with the site\u2019s layout and user experience.<\/p>\n<p data-start=\"138\" data-end=\"418\" style=\"padding-left: 40px;\"><strong data-start=\"138\" data-end=\"152\">Search Box: <\/strong>A compact text input field with a traditional search bar appearance. Users can type questions or keywords to interact with Ometrics AI.<\/p>\n<p data-start=\"420\" data-end=\"676\" style=\"padding-left: 40px;\"><strong data-start=\"420\" data-end=\"430\">Button: <\/strong>A minimal display consisting of a single interactive button that launches the Ometrics AI interface when clicked. It provides a clean, low-profile option for pages with limited space or where user engagement should be optional until activated.<\/p>\n<p data-start=\"678\" data-end=\"930\" style=\"padding-left: 40px;\"><strong data-start=\"678\" data-end=\"698\">Ometrics AI Icon: <\/strong>A round floating icon, typically in the bottom right corner of the page.\u00a0 This widget provWhen selected, it opens the Ometrics AI chat or search interface. This display type ensures consistent visibility and quick access from any point on the site.<\/p>\n<p><b><\/b><\/p>\n<p><span style=\"font-weight: 400;\"><\/span><\/p><\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_divider et_pb_divider_1 et_pb_divider_position_ et_pb_space\"><div class=\"et_pb_divider_internal\"><\/div><\/div><div id=\"display-mode\" class=\"et_pb_module et_pb_text et_pb_text_7 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><h3 data-start=\"112\" data-end=\"136\">Display Mode<\/h3><\/div>\n\t\t\t<\/div><div id=\"widget-type\" class=\"et_pb_module et_pb_text et_pb_text_8 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><p><a href=\"#top\">(Back to Top)<\/a><\/p><\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_image et_pb_image_2\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<span class=\"et_pb_image_wrap has-box-shadow-overlay\"><div class=\"box-shadow-overlay\"><\/div><img loading=\"lazy\" decoding=\"async\" width=\"979\" height=\"379\" src=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/display-mode.png\" alt=\"\" title=\"display mode\" srcset=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/display-mode.png 979w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/display-mode-480x186.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 979px, 100vw\" class=\"wp-image-10190\" \/><\/span>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_text et_pb_text_9 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><h3 data-start=\"74\" data-end=\"90\"><strong style=\"font-size: 17px; color: #000000; font-family: 'Open Sans', Arial, sans-serif;\">Display mode<\/strong><span style=\"font-size: 17px; color: #000000; font-family: 'Open Sans', Arial, sans-serif;\"> defines how Ometrics AI appears after a user activates the widget. It determines the layout, size, and functionality of the AI interface, including whether it opens as a slide-out panel, full-page overlay, or embedded panel. Choosing the right display mode helps optimize user interaction and ensures the AI fits seamlessly with the page design.<\/span><\/h3>\n<p data-start=\"138\" data-end=\"418\" style=\"padding-left: 40px;\"><strong data-start=\"136\" data-end=\"155\">Slide-Out Panel: <\/strong>A panel that slides in from the side of the screen when the widget is activated. It allows users to interact with Ometrics AI while still seeing the page content behind it. Ideal for unobtrusive support and multitasking.<\/p><\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_image et_pb_image_3\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<span class=\"et_pb_image_wrap has-box-shadow-overlay\"><div class=\"box-shadow-overlay\"><\/div><img loading=\"lazy\" decoding=\"async\" width=\"920\" height=\"1079\" src=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/slide-out-panel.png\" alt=\"\" title=\"slide out panel\" srcset=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/slide-out-panel.png 920w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/slide-out-panel-480x563.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 920px, 100vw\" class=\"wp-image-10191\" \/><\/span>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_text et_pb_text_10 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><p data-start=\"420\" data-end=\"676\" style=\"padding-left: 40px;\"><strong data-start=\"380\" data-end=\"391\">Overlay: <\/strong>A display that covers the page content when activated, drawing full attention to Ometrics AI.<\/p><\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_image et_pb_image_4\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<span class=\"et_pb_image_wrap has-box-shadow-overlay\"><div class=\"box-shadow-overlay\"><\/div><img loading=\"lazy\" decoding=\"async\" width=\"1256\" height=\"772\" src=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/overlay-mode.png\" alt=\"\" title=\"overlay mode\" srcset=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/overlay-mode.png 1256w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/overlay-mode-980x602.png 980w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/overlay-mode-480x295.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1256px, 100vw\" class=\"wp-image-10194\" \/><\/span>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_text et_pb_text_11 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><p data-start=\"678\" data-end=\"930\" style=\"padding-left: 40px;\"><strong data-start=\"616\" data-end=\"628\">Expand: <\/strong>The AI interface is displayed directly within the page layout. When the widget is clicked, this display expands, pushing down page content. This mode is useful for integrating Ometrics AI seamlessly into specific page sections, like a support or search area.<\/p><\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_image et_pb_image_5\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<span class=\"et_pb_image_wrap has-box-shadow-overlay\"><div class=\"box-shadow-overlay\"><\/div><img loading=\"lazy\" decoding=\"async\" width=\"1249\" height=\"665\" src=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/expand-mode-2.png\" alt=\"\" title=\"expand mode 2\" srcset=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/expand-mode-2.png 1249w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/expand-mode-2-980x522.png 980w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/expand-mode-2-480x256.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1249px, 100vw\" class=\"wp-image-10193\" \/><\/span>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_divider et_pb_divider_2 et_pb_divider_position_ et_pb_space\"><div class=\"et_pb_divider_internal\"><\/div><\/div><div id=\"search-text\" class=\"et_pb_module et_pb_text et_pb_text_12 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><h3 data-start=\"112\" data-end=\"136\">Search Text<\/h3><\/div>\n\t\t\t<\/div><div id=\"widget-type\" class=\"et_pb_module et_pb_text et_pb_text_13 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><p><a href=\"#top\">(Back to Top)<\/a><\/p><\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_image et_pb_image_6\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<span class=\"et_pb_image_wrap has-box-shadow-overlay\"><div class=\"box-shadow-overlay\"><\/div><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"250\" src=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/Untitled-design-1.gif\" alt=\"\" title=\"Untitled design (1)\" class=\"wp-image-10196\" \/><\/span>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_text et_pb_text_14 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><div class=\"c-message_kit__blocks c-message_kit__blocks--rich_text\">\n<div class=\"c-message__message_blocks c-message__message_blocks--rich_text\" data-qa=\"message-text\">\n<div class=\"p-block_kit_renderer\" data-qa=\"block-kit-renderer\">\n<div class=\"p-block_kit_renderer__block_wrapper p-block_kit_renderer__block_wrapper--first\">\n<div class=\"p-rich_text_block\" dir=\"auto\">\n<div class=\"p-rich_text_section\">Search Text is the animated placeholder that guides users and highlights popular searches. This feature is only for the Search Box widget.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_text et_pb_text_15 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><p data-start=\"678\" data-end=\"930\" style=\"padding-left: 40px;\">To add Search Text, input your text in the box, then click the plus button to add the new text. Remember to hit the\u00a0<strong>Save<\/strong> button at the bottom.<\/p><\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_image et_pb_image_7\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<span class=\"et_pb_image_wrap has-box-shadow-overlay\"><div class=\"box-shadow-overlay\"><\/div><img loading=\"lazy\" decoding=\"async\" width=\"834\" height=\"222\" src=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/search-text.png\" alt=\"\" title=\"search text\" srcset=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/search-text.png 834w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/search-text-480x128.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 834px, 100vw\" class=\"wp-image-10197\" \/><\/span>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_divider et_pb_divider_3 et_pb_divider_position_ et_pb_space\"><div class=\"et_pb_divider_internal\"><\/div><\/div><div id=\"show\" class=\"et_pb_module et_pb_text et_pb_text_16 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><h3 data-start=\"112\" data-end=\"136\"><span>Where to Show Ometrics AI<\/span><\/h3><\/div>\n\t\t\t<\/div><div id=\"widget-type\" class=\"et_pb_module et_pb_text et_pb_text_17 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><p><a href=\"#top\">(Back to Top)<\/a><\/p><\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_text et_pb_text_18 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><div class=\"c-message_kit__blocks c-message_kit__blocks--rich_text\">\n<div class=\"c-message__message_blocks c-message__message_blocks--rich_text\" data-qa=\"message-text\">\n<div class=\"p-block_kit_renderer\" data-qa=\"block-kit-renderer\">\n<div class=\"p-block_kit_renderer__block_wrapper p-block_kit_renderer__block_wrapper--first\">\n<div class=\"p-rich_text_block\" dir=\"auto\">\n<div class=\"p-rich_text_section\">Choose where the widgets will appear on the webpage. Our\u00a0<strong>Visual Selector<\/strong> makes it easy to select page elements without coding.<\/div>\n<div class=\"p-rich_text_section\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_image et_pb_image_8\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<span class=\"et_pb_image_wrap has-box-shadow-overlay\"><div class=\"box-shadow-overlay\"><\/div><img loading=\"lazy\" decoding=\"async\" width=\"1546\" height=\"187\" src=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2026\/01\/visual-selector-2.png\" alt=\"a screenshot of the visual selector\" title=\"visual selector \" srcset=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2026\/01\/visual-selector-2.png 1546w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2026\/01\/visual-selector-2-1280x155.png 1280w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2026\/01\/visual-selector-2-980x119.png 980w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2026\/01\/visual-selector-2-480x58.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1546px, 100vw\" class=\"wp-image-10306\" \/><\/span>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_image et_pb_image_9\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<span class=\"et_pb_image_wrap has-box-shadow-overlay\"><div class=\"box-shadow-overlay\"><\/div><img loading=\"lazy\" decoding=\"async\" width=\"1846\" height=\"885\" src=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/visual-selector.png\" alt=\"\" title=\"visual selector\" srcset=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/visual-selector.png 1846w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/visual-selector-1280x614.png 1280w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/visual-selector-980x470.png 980w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/visual-selector-480x230.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1846px, 100vw\" class=\"wp-image-10199\" \/><\/span>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_text et_pb_text_19 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><div class=\"c-message_kit__blocks c-message_kit__blocks--rich_text\">\n<div class=\"c-message__message_blocks c-message__message_blocks--rich_text\" data-qa=\"message-text\">\n<div class=\"p-block_kit_renderer\" data-qa=\"block-kit-renderer\">\n<div class=\"p-block_kit_renderer__block_wrapper p-block_kit_renderer__block_wrapper--first\">\n<div class=\"p-rich_text_block\" dir=\"auto\">\n<div class=\"p-rich_text_section\"><b>ADVANCED:\u00a0<\/b>For more precision, you can manually enter the class, ID, or element type.<\/div>\n<div class=\"p-rich_text_section\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_image et_pb_image_10\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<span class=\"et_pb_image_wrap has-box-shadow-overlay\"><div class=\"box-shadow-overlay\"><\/div><img loading=\"lazy\" decoding=\"async\" width=\"1467\" height=\"162\" src=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/manual-input.png\" alt=\"\" title=\"manual input\" srcset=\"https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/manual-input.png 1467w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/manual-input-1280x141.png 1280w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/manual-input-980x108.png 980w, https:\/\/www.ometrics.com\/blog\/wp-content\/uploads\/2025\/11\/manual-input-480x53.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1467px, 100vw\" class=\"wp-image-10201\" \/><\/span>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_text et_pb_text_20 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><p style=\"padding-left: 40px;\"><span>CSS selectors:<\/span><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li aria-level=\"1\"><span>#<\/span><span>\u00a0for ID (e.g.,\u00a0<\/span><span>#main-content<\/span><span>)<\/span><span><br \/><\/span><\/li>\n<li aria-level=\"1\"><span>.<\/span><span>\u00a0for class name (e.g.,\u00a0<\/span><span>.main-container<\/span><span>)<\/span><span><br \/><\/span><\/li>\n<li aria-level=\"1\"><span>Or an element type (e.g.,\u00a0<\/span><span>footer<\/span><span>,\u00a0<\/span><span>header<\/span><span>)<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul><\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_pb_text et_pb_text_21 et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><h2><b>Save Your Layout<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Once your layout and display preferences are set, click <\/span><b>Save Layout<\/b><span style=\"font-weight: 400;\"> to apply changes.<\/span><\/p><\/div>\n\t\t\t<\/div><div class=\"et_pb_button_module_wrapper et_pb_button_0_wrapper et_pb_button_alignment_right et_pb_module \">\n\t\t\t\t<a class=\"et_pb_button et_pb_button_0 et_pb_bg_layout_light\" href=\"https:\/\/www.ometrics.com\/support\/intelligent-website-ai-lead-support-forms\/\" data-icon=\"E\">Form Library<\/a>\n\t\t\t<\/div><div class=\"et_pb_button_module_wrapper et_pb_button_1_wrapper et_pb_button_alignment_left et_pb_module \">\n\t\t\t\t<a class=\"et_pb_button et_pb_button_1 et_pb_bg_layout_light\" href=\"https:\/\/www.ometrics.com\/blog\/support\/intelligent-website-ai-settings\/\" data-icon=\"D\">Settings<\/a>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\t\t<\/div>\n\t<\/div>\n\t","protected":false},"_links":{"self":[{"href":"https:\/\/www.ometrics.com\/blog\/wp-json\/wp\/v2\/pages\/10007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ometrics.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ometrics.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ometrics.com\/blog\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ometrics.com\/blog\/wp-json\/wp\/v2\/comments?post=10007"}],"version-history":[{"count":7,"href":"https:\/\/www.ometrics.com\/blog\/wp-json\/wp\/v2\/pages\/10007\/revisions"}],"predecessor-version":[{"id":10307,"href":"https:\/\/www.ometrics.com\/blog\/wp-json\/wp\/v2\/pages\/10007\/revisions\/10307"}],"wp:attachment":[{"href":"https:\/\/www.ometrics.com\/blog\/wp-json\/wp\/v2\/media?parent=10007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}