{"id":467,"date":"2024-07-15T11:27:20","date_gmt":"2024-07-15T11:27:20","guid":{"rendered":"http:\/\/demo.cmblocks.com\/cm-news\/?page_id=467"},"modified":"2024-07-16T09:52:45","modified_gmt":"2024-07-16T09:52:45","slug":"autocomplete","status":"publish","type":"page","link":"https:\/\/demo.cmblocks.com\/cm-news\/search-with-typesense\/autocomplete\/","title":{"rendered":"Autocomplete"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group alignwide has-gradient-1-gradient-background has-background is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:var(--wp--preset--spacing--50)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-secondary-text-color has-text-color has-link-color has-poppins-font-family wp-elements-dee48b0d355b7f10cfc2aa9618baa0d0\" style=\"font-size:clamp(30.693px, 1.918rem + ((1vw - 3.2px) * 2.649), 54px);font-style:normal;font-weight:700;line-height:1.2\">Autocomplete<\/h2>\n\n\n\n<p class=\"has-text-align-center has-secondary-text-color has-text-color has-link-color wp-elements-1bbc4408f2e1275edd320f8c555825fe\" style=\"margin-top:16px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.455), 18px);\">Boost your site search with Typesense&#8217;s Autocomplete integrated into CM News for quick, intuitive results<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--50)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group alignwide has-body-color-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:var(--wp--preset--spacing--50)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-148ddc52 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"CM News - Autocomplete with Typesense\" src=\"https:\/\/player.vimeo.com\/video\/984804578?dnt=1&amp;app_id=122963\" width=\"500\" height=\"281\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-title-color-color has-text-color has-link-color wp-elements-f4410f832a75be6ccfb66dfa269b5325\" style=\"font-size:clamp(25.984px, 1.624rem + ((1vw - 3.2px) * 2.047), 44px);font-style:normal;font-weight:700;line-height:1.2\">Streamlined Search with Typesense Autocomplete<\/h2>\n\n\n\n<p class=\"has-cm-text-color has-text-color has-link-color wp-elements-dc447ca1e7984cfb87307c5b8be17e2f\" style=\"margin-top:20px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.455), 18px);\">Typesense Autocomplete provides real-time search suggestions that appear instantly as users type, enhancing search efficiency and user experience by predicting and suggesting relevant queries.&#8221;<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-5140c116 wp-block-buttons-is-layout-flex\" style=\"margin-top:24px\">\n<div class=\"wp-block-button has-custom-font-size\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.227), 16px);\"><a class=\"wp-block-button__link has-light-color-color has-title-color-background-color has-text-color has-background has-link-color has-border-color has-background-border-color wp-element-button\" style=\"border-style:solid;border-width:1px;border-radius:100px;padding-top:12px;padding-right:24px;padding-bottom:12px;padding-left:24px\">Learn More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--50)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group cm-news-demo-autocomplete is-layout-flow wp-block-group-is-layout-flow\"><div class=\"cm-autocomplete\"\n     data-id=\"cm_autocomplete_1\"\n     data-site_url=\"https:\/\/demo.cmblocks.com\/cm-news\/?s=\"\n     data-collections=\"{&quot;post&quot;:&quot;cm_news_demo_post&quot;}\"\n     data-placeholder=\"Search for\"\n     data-settings=\"[]\"\n     data-query_by=\"post_title,post_content\"\n     data-additional_autocomplete_params=\"[]\"\n>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:500px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Autocomplete Boost your site search with Typesense&#8217;s Autocomplete integrated into CM News for quick, intuitive results Streamlined Search with Typesense Autocomplete Typesense Autocomplete provides real-time search suggestions that appear instantly as users type, enhancing search efficiency and user experience by predicting and suggesting relevant queries.&#8221;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":425,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-467","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.cmblocks.com\/cm-news\/wp-json\/wp\/v2\/pages\/467","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.cmblocks.com\/cm-news\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.cmblocks.com\/cm-news\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.cmblocks.com\/cm-news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.cmblocks.com\/cm-news\/wp-json\/wp\/v2\/comments?post=467"}],"version-history":[{"count":24,"href":"https:\/\/demo.cmblocks.com\/cm-news\/wp-json\/wp\/v2\/pages\/467\/revisions"}],"predecessor-version":[{"id":601,"href":"https:\/\/demo.cmblocks.com\/cm-news\/wp-json\/wp\/v2\/pages\/467\/revisions\/601"}],"up":[{"embeddable":true,"href":"https:\/\/demo.cmblocks.com\/cm-news\/wp-json\/wp\/v2\/pages\/425"}],"wp:attachment":[{"href":"https:\/\/demo.cmblocks.com\/cm-news\/wp-json\/wp\/v2\/media?parent=467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}