[{"data":1,"prerenderedAt":350},["ShallowReactive",2],{"update-headless-contact-forms":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"slug":10,"date":11,"dateDisplay":12,"image":13,"ogImage":13,"ogImageWidth":14,"ogImageHeight":15,"datePublished":16,"dateModified":17,"body":18,"_type":344,"_id":345,"_source":346,"_file":347,"_stem":348,"_extension":349},"\u002Fupdates\u002Fheadless-contact-forms","updates",false,"","Headless contact forms","We’ve introduced a new Headless Contact Form feature that allows you to create custom forms connecting directly to your Fernand inbox. A headless contact form is a completely unstyled form submission system that adapts perfectly to your design. Unlike traditional form widgets with preset styles, our headless form is a blank canvas – giving you ... Headless contact forms","headless-contact-forms","2025-03-25","March 25, 2025","\u002Fuploads\u002F2025\u002F03\u002Fheadless-contact-forms-fernand.png",1540,658,"2025-03-25T09:26:11+00:00","2025-04-01T10:06:54+00:00",{"type":19,"children":20,"toc":340},"root",[21,42,60,65,265,274,328],{"type":22,"tag":23,"props":24,"children":25},"element","p",{},[26,29,40],{"type":27,"value":28},"text","We’ve introduced a new ",{"type":22,"tag":30,"props":31,"children":37},"a",{"href":32,"target":33,"rel":34},"https:\u002F\u002Fhelp.getfernand.com\u002Ffeatures\u002Fheadless-contact-form","_blank",[35,36],"noreferrer","noopener",[38],{"type":27,"value":39},"Headless Contact Form",{"type":27,"value":41}," feature that allows you to create custom forms connecting directly to your Fernand inbox.",{"type":22,"tag":43,"props":44,"children":48},"figure",{"className":45},[46,47],"wp-block-image","size-large",[49],{"type":22,"tag":50,"props":51,"children":59},"img",{"fetchPriority":52,"decoding":53,"width":54,"height":55,"src":56,"alt":7,"className":57},"high","async",1024,438,"\u002Fuploads\u002F2025\u002F03\u002Fheadless-contact-forms-fernand-1024x438.png",[58],"wp-image-291",[],{"type":22,"tag":23,"props":61,"children":62},{},[63],{"type":27,"value":64},"A headless contact form is a completely unstyled form submission system that adapts perfectly to your design. Unlike traditional form widgets with preset styles, our headless form is a blank canvas – giving you 100% design flexibility to match your website’s exact look and feel.",{"type":22,"tag":66,"props":67,"children":70},"pre",{"className":68},[69],"wp-block-code",[71,256],{"type":22,"tag":72,"props":73,"children":74},"code",{},[75],{"type":22,"tag":76,"props":77,"children":79},"span",{"style":78},"color: #007700",[80],{"type":22,"tag":81,"props":82,"children":83},"form\u003C",{"span":7},[84,86,92,98,99,104,109,114,116],{"type":27,"value":85}," ",{"type":22,"tag":76,"props":87,"children":89},{"style":88},"color: #0000CC",[90],{"type":27,"value":91},"method=",{"type":22,"tag":76,"props":93,"children":95},{"style":94},"background-color: #fff0f0",[96],{"type":27,"value":97},"\"POST\"",{"type":27,"value":85},{"type":22,"tag":76,"props":100,"children":101},{"style":88},[102],{"type":27,"value":103},"action=",{"type":22,"tag":76,"props":105,"children":106},{"style":94},[107],{"type":27,"value":108},"\"https:\u002F\u002Fapi.getfernand.com\u002Fmessenger\u002Fcontact\"",{"type":22,"tag":76,"props":110,"children":111},{"style":78},[112],{"type":27,"value":113},">",{"type":27,"value":115},"\n    ",{"type":22,"tag":76,"props":117,"children":118},{"style":78},[119],{"type":22,"tag":120,"props":121,"children":122},"input\u003C",{"span":7},[123,124,129,134,135,140,145,146,151,156,157,162,166,167],{"type":27,"value":85},{"type":22,"tag":76,"props":125,"children":126},{"style":88},[127],{"type":27,"value":128},"type=",{"type":22,"tag":76,"props":130,"children":131},{"style":94},[132],{"type":27,"value":133},"\"text\"",{"type":27,"value":85},{"type":22,"tag":76,"props":136,"children":137},{"style":88},[138],{"type":27,"value":139},"name=",{"type":22,"tag":76,"props":141,"children":142},{"style":94},[143],{"type":27,"value":144},"\"name\"",{"type":27,"value":85},{"type":22,"tag":76,"props":147,"children":148},{"style":88},[149],{"type":27,"value":150},"placeholder=",{"type":22,"tag":76,"props":152,"children":153},{"style":94},[154],{"type":27,"value":155},"\"Your Name\"",{"type":27,"value":85},{"type":22,"tag":76,"props":158,"children":159},{"style":88},[160],{"type":27,"value":161},"required",{"type":22,"tag":76,"props":163,"children":164},{"style":78},[165],{"type":27,"value":113},{"type":27,"value":115},{"type":22,"tag":76,"props":168,"children":169},{"style":78},[170],{"type":22,"tag":120,"props":171,"children":172},{"span":7},[173,174,178,183,184,188,192,193,197,202,203,207,211,212],{"type":27,"value":85},{"type":22,"tag":76,"props":175,"children":176},{"style":88},[177],{"type":27,"value":128},{"type":22,"tag":76,"props":179,"children":180},{"style":94},[181],{"type":27,"value":182},"\"email\"",{"type":27,"value":85},{"type":22,"tag":76,"props":185,"children":186},{"style":88},[187],{"type":27,"value":139},{"type":22,"tag":76,"props":189,"children":190},{"style":94},[191],{"type":27,"value":182},{"type":27,"value":85},{"type":22,"tag":76,"props":194,"children":195},{"style":88},[196],{"type":27,"value":150},{"type":22,"tag":76,"props":198,"children":199},{"style":94},[200],{"type":27,"value":201},"\"Your Email\"",{"type":27,"value":85},{"type":22,"tag":76,"props":204,"children":205},{"style":88},[206],{"type":27,"value":161},{"type":22,"tag":76,"props":208,"children":209},{"style":78},[210],{"type":27,"value":113},{"type":27,"value":115},{"type":22,"tag":76,"props":213,"children":214},{"style":78},[215],{"type":22,"tag":216,"props":217,"children":218},"textarea\u003C",{"span":7},[219,220,224,229,230,234,239,240,244,248],{"type":27,"value":85},{"type":22,"tag":76,"props":221,"children":222},{"style":88},[223],{"type":27,"value":139},{"type":22,"tag":76,"props":225,"children":226},{"style":94},[227],{"type":27,"value":228},"\"message\"",{"type":27,"value":85},{"type":22,"tag":76,"props":231,"children":232},{"style":88},[233],{"type":27,"value":150},{"type":22,"tag":76,"props":235,"children":236},{"style":94},[237],{"type":27,"value":238},"\"Your Message\"",{"type":27,"value":85},{"type":22,"tag":76,"props":241,"children":242},{"style":88},[243],{"type":27,"value":161},{"type":22,"tag":76,"props":245,"children":246},{"style":78},[247],{"type":27,"value":113},{"type":22,"tag":66,"props":249,"children":251},{"code":250},"\u003Cspan style=\"color: #007700\">\u003Cinput\u003C\u002Fspan> \u003Cspan style=\"color: #0000CC\">type=\u003C\u002Fspan>\u003Cspan style=\"background-color: #fff0f0\">\"hidden\"\u003C\u002Fspan> \u003Cspan style=\"color: #0000CC\">name=\u003C\u002Fspan>\u003Cspan style=\"background-color: #fff0f0\">\"slug\"\u003C\u002Fspan> \u003Cspan style=\"color: #0000CC\">value=\u003C\u002Fspan>\u003Cspan style=\"background-color: #fff0f0\">\"your-organization-slug\"\u003C\u002Fspan>\u003Cspan style=\"color: #007700\">>\u003C\u002Fspan>\n\u003Cspan style=\"color: #007700\">\u003Cbutton\u003C\u002Fspan> \u003Cspan style=\"color: #0000CC\">type=\u003C\u002Fspan>\u003Cspan style=\"background-color: #fff0f0\">\"submit\"\u003C\u002Fspan>\u003Cspan style=\"color: #007700\">>\u003C\u002Fspan>Send Message\u003Cspan style=\"color: #007700\">\u003C\u002Fbutton>\u003C\u002Fspan>\n",[252],{"type":22,"tag":72,"props":253,"children":254},{"__ignoreMap":7},[255],{"type":27,"value":250},{"type":22,"tag":23,"props":257,"children":258},{},[259],{"type":22,"tag":72,"props":260,"children":261},{},[262],{"type":22,"tag":76,"props":263,"children":264},{"style":78},[],{"type":22,"tag":266,"props":267,"children":271},"h2",{"className":268,"id":270},[269],"wp-block-heading","key-features",[272],{"type":27,"value":273},"Key features",{"type":22,"tag":275,"props":276,"children":279},"ul",{"className":277},[278],"wp-block-list",[280,299,315],{"type":22,"tag":281,"props":282,"children":283},"li",{},[284,290,294,296],{"type":22,"tag":285,"props":286,"children":287},"strong",{},[288],{"type":27,"value":289},"Flexible form integration",{"type":22,"tag":291,"props":292,"children":293},"br",{},[],{"type":27,"value":295},"Create custom forms that connect directly to Fernand conversations without requiring our JavaScript widget",{"type":22,"tag":291,"props":297,"children":298},{},[],{"type":22,"tag":281,"props":300,"children":301},{},[302,307,310,312],{"type":22,"tag":285,"props":303,"children":304},{},[305],{"type":27,"value":306},"Multiple implementation methods",{"type":22,"tag":291,"props":308,"children":309},{},[],{"type":27,"value":311},"Support for both HTML and JSON-based form submissions",{"type":22,"tag":291,"props":313,"children":314},{},[],{"type":22,"tag":281,"props":316,"children":317},{},[318,323,326],{"type":22,"tag":285,"props":319,"children":320},{},[321],{"type":27,"value":322},"Advanced customization options",{"type":22,"tag":291,"props":324,"children":325},{},[],{"type":27,"value":327},"Support for custom form fields, attachments, conversation tagging, channel routing and user authentication.",{"type":22,"tag":23,"props":329,"children":330},{},[331,333,338],{"type":27,"value":332},"Check out our ",{"type":22,"tag":30,"props":334,"children":335},{"href":32},[336],{"type":27,"value":337},"Headless Contact Form Documentation",{"type":27,"value":339}," for guidance on how to best implement this feature.",{"title":7,"searchDepth":341,"depth":341,"links":342},2,[343],{"id":270,"depth":341,"text":273},"markdown","content:updates:headless-contact-forms.md","content","updates\u002Fheadless-contact-forms.md","updates\u002Fheadless-contact-forms","md",1776422668859]