[{"data":1,"prerenderedAt":200},["ShallowReactive",2],{"\u002Fintegrations\u002Fwebflow":3},{"id":4,"title":5,"body":6,"description":191,"extension":192,"icon":193,"meta":194,"navigation":195,"path":196,"seo":197,"stem":198,"__hash__":199},"integrations\u002Fintegrations\u002Fwebflow.md","Add comments to a Webflow site",{"type":7,"value":8,"toc":182},"minimark",[9,13,148,154,159,178],[10,11,12],"p",{},"Add the script once in your site settings, then a Code Embed on your blog post template.",[14,15,17,22,35,39,46,96,100,111,141,145],"steps",{"level":16},"3",[18,19,21],"h3",{"id":20},"create-a-widget","Create a widget",[10,23,24,29,30,34],{},[25,26,28],"a",{"href":27},"\u002Flogin","Sign in to Crowment",", create a comment widget for your site's domain and copy its app key from ",[31,32,33],"strong",{},"Install & Embed",".",[18,36,38],{"id":37},"add-the-script-to-your-site","Add the script to your site",[10,40,41,42,45],{},"In ",[31,43,44],{},"Site settings → Custom code → Head code",", paste:",[47,48,53],"pre",{"className":49,"code":50,"language":51,"meta":52,"style":52},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript defer src=\"https:\u002F\u002Fembeds.crowment.com\u002Fcomments.js\">\u003C\u002Fscript>\n","html","",[54,55,56],"code",{"__ignoreMap":52},[57,58,61,65,69,73,76,79,82,86,88,91,93],"span",{"class":59,"line":60},"line",1,[57,62,64],{"class":63},"sMK4o","\u003C",[57,66,68],{"class":67},"swJcz","script",[57,70,72],{"class":71},"spNyl"," defer",[57,74,75],{"class":71}," src",[57,77,78],{"class":63},"=",[57,80,81],{"class":63},"\"",[57,83,85],{"class":84},"sfazB","https:\u002F\u002Fembeds.crowment.com\u002Fcomments.js",[57,87,81],{"class":63},[57,89,90],{"class":63},">\u003C\u002F",[57,92,68],{"class":67},[57,94,95],{"class":63},">\n",[18,97,99],{"id":98},"add-a-code-embed-to-the-post-template","Add a Code Embed to the post template",[10,101,102,103,106,107,110],{},"Open your blog's CMS template page (for example ",[31,104,105],{},"Blog Posts Template","), drag a ",[31,108,109],{},"Code Embed"," element below the post body and paste:",[47,112,114],{"className":49,"code":113,"language":51,"meta":52,"style":52},"\u003Ccrow-comments app-key=\"YOUR_APP_KEY\">\u003C\u002Fcrow-comments>\n",[54,115,116],{"__ignoreMap":52},[57,117,118,120,123,126,128,130,133,135,137,139],{"class":59,"line":60},[57,119,64],{"class":63},[57,121,122],{"class":67},"crow-comments",[57,124,125],{"class":71}," app-key",[57,127,78],{"class":63},[57,129,81],{"class":63},[57,131,132],{"class":84},"YOUR_APP_KEY",[57,134,81],{"class":63},[57,136,90],{"class":63},[57,138,122],{"class":67},[57,140,95],{"class":63},[18,142,144],{"id":143},"publish","Publish",[10,146,147],{},"Publish the site and open a post. The Designer doesn't run custom code, so the comment section only shows on the published site.",[149,150,151],"note",{},[10,152,153],{},"Custom code needs a paid Webflow site plan.",[155,156,158],"h2",{"id":157},"next-steps","Next steps",[160,161,162,171],"ul",{},[163,164,165,166,170],"li",{},"Switch on ",[25,167,169],{"href":168},"\u002Fdocs\u002Fen\u002Fsite-owners\u002Fmoderation\u002Frules-and-lifecycle","AI moderation"," and tell it what your site is about.",[163,172,173,174,34],{},"Pick a theme that matches your site: ",[25,175,177],{"href":176},"\u002Fdocs\u002Fen\u002Fsite-owners\u002Fgetting-started\u002Fappearance","Appearance and language",[179,180,181],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":52,"searchDepth":183,"depth":184,"links":185},2,3,[186,187,188,189,190],{"id":20,"depth":184,"text":21},{"id":37,"depth":184,"text":38},{"id":98,"depth":184,"text":99},{"id":143,"depth":184,"text":144},{"id":157,"depth":183,"text":158},"Add a comment section with AI moderation to Webflow blog posts with custom code and one Code Embed element.","md","i-simple-icons-webflow",{},true,"\u002Fintegrations\u002Fwebflow",{"title":5,"description":191},"integrations\u002Fwebflow","b0ancmFaQ8PJoIbQjrcpbx0ggUHQoOs4pu_TT8GnxIM",1792581803660]