[{"data":1,"prerenderedAt":232},["ShallowReactive",2],{"update-custom-data":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":226,"_id":227,"_source":228,"_file":229,"_stem":230,"_extension":231},"\u002Fupdates\u002Fcustom-data","updates",false,"","Custom data","Context is key to providing stellar customer support. Our custom data integration lets you connect any API endpoint to not only display but also send and update information right from your conversation sidebar — making customer interactions more informed, efficient, and actionable than ever. Simply connect your API endpoint, add one or multiple headers (like ... Custom data","custom-data","2024-10-08","October 08, 2024","\u002Fuploads\u002F2024\u002F10\u002FCustom-data.png",1540,658,"2024-10-08T12:14:11+00:00","2024-10-08T12:38:36+00:00",{"type":19,"children":20,"toc":221},"root",[21,40,47,77,86,95,100,199,204,211],{"type":22,"tag":23,"props":24,"children":28},"element","figure",{"className":25},[26,27],"wp-block-image","size-large",[29],{"type":22,"tag":30,"props":31,"children":39},"img",{"fetchPriority":32,"decoding":33,"width":34,"height":35,"src":36,"alt":7,"className":37},"high","async",1024,438,"\u002Fuploads\u002F2024\u002F10\u002FCustom-data-1024x438.png",[38],"wp-image-247",[],{"type":22,"tag":41,"props":42,"children":43},"p",{},[44],{"type":45,"value":46},"text","Context is key to providing stellar customer support. Our custom data integration lets you connect any API endpoint to not only display but also send and update information right from your conversation sidebar — making customer interactions more informed, efficient, and actionable than ever.",{"type":22,"tag":41,"props":48,"children":49},{},[50,52,59,61,67,69,75],{"type":45,"value":51},"Simply connect your API endpoint, add one or multiple headers (like an authorization token) and display your data using HTML and ",{"type":22,"tag":53,"props":54,"children":56},"a",{"href":55},"https:\u002F\u002Fhelp.getfernand.com\u002Ffeatures\u002Fcustom-data\u002Fdisplaying-your-data-using-liquid",[57],{"type":45,"value":58},"Liquid syntax",{"type":45,"value":60},", which also supports ",{"type":22,"tag":53,"props":62,"children":64},{"href":63},"https:\u002F\u002Fhelp.getfernand.com\u002Ffeatures\u002Fcustom-data\u002Fdisplaying-your-data-using-liquid#using-conditional-statements",[65],{"type":45,"value":66},"conditions",{"type":45,"value":68}," and ",{"type":22,"tag":53,"props":70,"children":72},{"href":71},"https:\u002F\u002Fhelp.getfernand.com\u002Ffeatures\u002Fcustom-data\u002Fdisplaying-your-data-using-liquid#creating-for-each-loops",[73],{"type":45,"value":74},"loops",{"type":45,"value":76},". No need to learn anything new or integrate with an obscure format you haven’t heard of.",{"type":22,"tag":30,"props":78,"children":85},{"decoding":33,"width":79,"height":80,"src":81,"alt":7,"className":82,"style":84},5904,3072,"\u002Fuploads\u002F2024\u002F10\u002Fimage.png",[83],"wp-image-248","border-radius:10px;border:1px solid #eee;margin-bottom:20px;",[],{"type":22,"tag":87,"props":88,"children":92},"h2",{"className":89,"id":91},[90],"wp-block-heading","build-a-beautiful-ui-for-your-data-in-minutes",[93],{"type":45,"value":94},"Build a beautiful UI for your data in minutes",{"type":22,"tag":41,"props":96,"children":97},{},[98],{"type":45,"value":99},"We know that creating great-looking displays for your custom data can be time-consuming. That’s why we’ve developed a comprehensive library of pre-built components that you can use right out of the box. Our component library includes:",{"type":22,"tag":101,"props":102,"children":105},"ul",{"className":103},[104],"wp-block-list",[106,131,140,156,165,181,190],{"type":22,"tag":107,"props":108,"children":109},"li",{},[110,116,118,124,125],{"type":22,"tag":53,"props":111,"children":113},{"href":112},"https:\u002F\u002Fhelp.getfernand.com\u002Ffeatures\u002Fcustom-data\u002Ftext",[114],{"type":45,"value":115},"Text",{"type":45,"value":117},", ",{"type":22,"tag":53,"props":119,"children":121},{"href":120},"https:\u002F\u002Fhelp.getfernand.com\u002Ffeatures\u002Fcustom-data\u002Flist",[122],{"type":45,"value":123},"Lists",{"type":45,"value":68},{"type":22,"tag":53,"props":126,"children":128},{"href":127},"https:\u002F\u002Fhelp.getfernand.com\u002Ffeatures\u002Fcustom-data\u002Fbutton",[129],{"type":45,"value":130},"Buttons",{"type":22,"tag":107,"props":132,"children":133},{},[134],{"type":22,"tag":53,"props":135,"children":137},{"href":136},"https:\u002F\u002Fhelp.getfernand.com\u002Ffeatures\u002Fcustom-data\u002Fkey-value-pair",[138],{"type":45,"value":139},"Key\u002Fvalue pairs",{"type":22,"tag":107,"props":141,"children":142},{},[143,149,150],{"type":22,"tag":53,"props":144,"children":146},{"href":145},"https:\u002F\u002Fhelp.getfernand.com\u002Ffeatures\u002Fcustom-data\u002Fbadge",[147],{"type":45,"value":148},"Badges",{"type":45,"value":68},{"type":22,"tag":53,"props":151,"children":153},{"href":152},"https:\u002F\u002Fhelp.getfernand.com\u002Ffeatures\u002Fcustom-data\u002Fpill",[154],{"type":45,"value":155},"Pills",{"type":22,"tag":107,"props":157,"children":158},{},[159],{"type":22,"tag":53,"props":160,"children":162},{"href":161},"https:\u002F\u002Fhelp.getfernand.com\u002Ffeatures\u002Fcustom-data\u002Fcard",[163],{"type":45,"value":164},"Cards",{"type":22,"tag":107,"props":166,"children":167},{},[168,174,175],{"type":22,"tag":53,"props":169,"children":171},{"href":170},"https:\u002F\u002Fhelp.getfernand.com\u002Ffeatures\u002Fcustom-data\u002Fdivider",[172],{"type":45,"value":173},"Dividers",{"type":45,"value":68},{"type":22,"tag":53,"props":176,"children":178},{"href":177},"https:\u002F\u002Fhelp.getfernand.com\u002Ffeatures\u002Fcustom-data\u002Fspacer",[179],{"type":45,"value":180},"Spacers",{"type":22,"tag":107,"props":182,"children":183},{},[184],{"type":22,"tag":53,"props":185,"children":187},{"href":186},"https:\u002F\u002Fhelp.getfernand.com\u002Ffeatures\u002Fcustom-data\u002Ftable",[188],{"type":45,"value":189},"Tables",{"type":22,"tag":107,"props":191,"children":192},{},[193],{"type":22,"tag":53,"props":194,"children":196},{"href":195},"https:\u002F\u002Fhelp.getfernand.com\u002Ffeatures\u002Fcustom-data\u002Fform",[197],{"type":45,"value":198},"Forms",{"type":22,"tag":41,"props":200,"children":201},{},[202],{"type":45,"value":203},"Each component is designed to be both functional and visually appealing, ensuring that your custom data not only provides value but looks great, too, and doesn’t distract you from your main purpose: answering custom requests fast and efficiently.",{"type":22,"tag":87,"props":205,"children":208},{"className":206,"id":207},[90],"sending-and-updating-data-through-interactive-forms",[209],{"type":45,"value":210},"Sending and updating data through interactive forms",{"type":22,"tag":41,"props":212,"children":213},{},[214,216],{"type":45,"value":215},"Forms are the cornerstone of our two-way data functionality, enabling you to collect user input directly within conversations, update customer information in real time, and trigger actions in your external systems through a powerful implementation that offers seamless API integration, built-in validation, secure submissions with predefined headers, and flexible HTTP methods. ",{"type":22,"tag":53,"props":217,"children":218},{"href":195},[219],{"type":45,"value":220},"More about interactive forms",{"title":7,"searchDepth":222,"depth":222,"links":223},2,[224,225],{"id":91,"depth":222,"text":94},{"id":207,"depth":222,"text":210},"markdown","content:updates:custom-data.md","content","updates\u002Fcustom-data.md","updates\u002Fcustom-data","md",1776422668859]