Developers

Check out our new video walkthrough for how to use Connectors to process Stripe refunds directly from Front! Make sure to subscribe to the Connectors space for more examples!

I have a tool that POST a draft, with a body formatted in HTML like:“<p>Based on the information provided, we are pleased to offer you a quote of:</p><ul><li>Transport: EUR <strong>200</strong> (Excl. VAT)</li><li>Insurance (optional, on declared value) : EUR <strong>20</strong> (Excl. VAT)</li></ul>”When I visualize the draft created in Front (app or web browser), I see a blank line before the list:When I inspect the object, I see a <br></br> balise, which was not in the original HTML.This disappears when I’m viewing the draft as another person (viewer mode).And so when I send it, the blank line remains.. This is quite problematic as it gives something weird visually.

I am attempting to build a sidebar plugin in Retool so I can utilise all of my existing modules, components, and queries so I can surface important contextual information for my CS team.We all use Google sign in to login to our Retool apps, and we are having a few problems inside Front’s sidebar due to third party cookies.The native Retool sign in screen does not/cannot pop up the Sign in with Google page so I get the below 403 error when I click “Sign in with Google”  I have now tried to create a public Retool app, that just has a single “Sign in with Google” button on it (which is just a Retool button), which calls the following script on click: console.log("Front.o

Hello Front Community,We have multiple conference rooms in our office, but currently, we don’t have any UI that shows whether a room is occupied or free.When creating a calendar invite in Front, we can add a meeting room. I’m planning to build a simple app that displays all meetings for a particular meeting room for the week.I was wondering if there is an API that allows me to retrieve the list of all meetings for a specific meeting room.Any guidance or examples would be greatly appreciated!

We Are trying to implement a Plugin using the Google Sign Button. The problem is however that the sign does not work because Google is trying to open a new window. That of course doesn't work in the plug-in within the Front app.  Hence, my question is if anyone else has built such an integration and how did they manage to integrate Google sign in within the Front app plugin?

Hey folks, I’m build a front plugin with Auth from Clerk, and running into a bunch of issues. The login screen successfully opens + launches a google oAuth login, but then fails due to clerk issues.I’m assuming it has something to do with all network requests causing a 401 when sent from the sidebar UI. Running locally/on prod we’re able to login successfully. Would love a running example in the docs for Clerk apps.

It appears like Model Context Protocol (MCP) is the protocol that everyone is moving towards as it puts the burden of keeping everything “tidy” on the service provider rather than the client.  There are already many official MCP servers available and more on the way. There are also community developed ones. Is anyone else exploring this?Cheers!

Front on the web does not have a built-in attachment viewer (it opens in a new tab), which I desperately needed for my attachment heavy workflow, so I built a Chrome extension that fills the gap - github.com/i3devco/front-attachment-viewerWhat it does:Enhanced PDF viewing with text selection, search, and navigation Zoom controls for PDFs and images Keyboard navigation and swipe gestures One-click downloads preserving original filenames UI designed to match Front, with dark mode support Supports PDFs and images.Everything runs locally in your browser. No data is sent to external servers.Obviously this is unofficial and not affiliated with Front. Let me know any feedback!

We have recently created some integrations with Front for our company. One of the things we would like to be able to do is see a report that gives us the number of API requests that we have made over a given time period with the option to break it down by API token. This would give us the ability to quickly track down changes in usage over a period of time if we were to start running into rate limiting.Is this something that exists?

We are thrilled to feature recent community contributions to our sample code! Read on to learn what sample apps and code your peers have recently shared with the community. MCP serverMany thanks to ​@zqush for going above and beyond to provide an example of a Model Context Protocol (MCP) server for Front! An MCP server is a standardized way to connect AI models to external data sources and tools, enabling them to access real-time information and perform tasks securely.  PHP code snippetsThank you ​@jross for contributing PHP versions of common Front code snippets!

Thanks ​@Javier - Developer Relations for putting together the Build a Plugin prompt - that probably saved me half a day of work here.Using that as a base, I built a plugin allowing users to start Cursor Background Agents, right from a Front conversationSee code at github.com/dugjason/front-cursor-pluginYou can easily self-host anywhere you can deploy a JS app (Vercel and Netlify will work in a couple of clicks).How it worksEnter your Cursor API key - it’s encrypted and set in a cookie on your device, so no data is stored on

Hi,after calling `updateDraft` from our composer plugin, the composer does not work properly any more. This happens even if I keep the current draft HTML without modifying it at all. Breakage we’ve seen:Cut/paste does not work any more Templates do not insert any more Templates insert at the wrong location Errors in JavaScript consoleWould you be able to look into it?BestRichard

Hi Front team,We’re building a sidebar plugin that loads our plugin page https://samplesite.com/front-plugin inside the Front UI. Front adds ?auth_secret=… to our iframe URL, and we’re trying to  bootstrap the SDK per the docs:  <script src="https://app.frontapp.com/scripts/sdk.js?auth_secret=…"></script>  Our page (HTTPS, same origin as the SDK allow‑list) loads one script at a time and retries the fallback URLs:  - https://app.frontapp.com/scripts/sdk.js  - https://app.frontapp.com/plugins/sdk.js  - https://app.frontapp.com/static/frontend-plugin-sdk.js  For each request we append the auth_secret from the iframe URL. We also guard against multiple insertions, remove existing script tags, and even tried adding  type="module".  What we’re seeing  In Firefox and in Chrome the script load always fails:  - The browser console shows:    Access to script at 'https://app.frontapp.com/scripts/s

We've just released an AI prompt file that lets you scaffold Front plugins using any AI coding agent—Claude Code, GitHub Copilot, ChatGPT, Cursor, and more.Simply describe what you want your plugin to do, and the AI generates a working plugin that follows best practices, correctly uses the Front Plugin SDK, and includes built-in debugging tools. What used to take hours of learning our SDK now takes about 10 minutes.Why this matters:Speed - Get from idea to working plugin faster than ever Correctness - The AI handles Front-specific patterns and boilerplate automatically Accessibility - Lower barrier to entry—you don't need to be a Front SDK expert to get started Best practices - Ensures plugins follow established patterns for Front data models and context handling from day one Debugging - Built-in tools show exactly what's

Hi,In playing around with app requests, I have noticed that it’s possible to map JSON output to dynamic fields, which can in turn update a custom field on the conversation using a rule. However, this seems to only work for a single property. My question is about updating multiple custom fields on the conversation. Is it possible to update multiple custom fields in response to a single application request, without triggering duplicate app requests for each dynamic field? Or is the best approach for this use case to have my backend update the custom fields directly via an API call?For example, I would like to ping my backend with a single request to get the user’s current subscription plan and their renewal date, and update two custom fields (plan and renewal date) on the conversation without triggering a separate application request for each field. The alternative is to ping my backend once with a custom request and have the backend itself update the custom fields by hi

I built a custom integration between Front and Atlassian Statuspages. This allows you to more easily associate support cases with incidents posted on your status site.  How does it work?The app subscribe to incidents from an Atlassian Statuspage via the webhooks feature, and gets notified immediately on any new incidents. That event triggers an Application Object to be created in Front with the incident data. You can configure the App Object to match any cases where link to that incident is mentioned in a message or comment, to automatically apply the App Object to the conversation. On receiving further updates via the webhook about the incident status, you can use Application Triggers to u

Solving API Timeouts with Connectors + Application TriggersWe've published a new workflow tutorial that shows how to handle a common integration challenge: what happens when your external system takes longer to process than Front's API timeout allows?The scenario: You trigger an API call from Front (creating an order, generating a document, processing a complex workflow), the record is created successfully in your external system, but Front times out before receiving the response. Your downstream automations never fire because Front never got the critical data back, such as the new order’s unique identifier.The solution uses a callback pattern combining:

Hello, We are a mortgage company using Front for our funding teams communication with loan officers, warehouse banks, title companies etc. Our primary tools we use are Airtable and make.com. My end goal is:When the initial contact point occurs, associate the conversation and the airtable record together by housing the convID in Airtable and the Airtable recordID as a custom object I assume?Have a sidebar plugin that users can open up and it show information about the Airtable record associated with the current conversation, Be able to make small updates to statuses etc in Airtable from inside the plugin. Is there any recommended ways to go about this? Whether it be instructions or just links to highly rated partners?Thank you! 

I love the new knowledge base integration with AI, but I’d like to add additional context to the AI based on the user submitted message the AI is looking at.Having the AI have access to our MCP server means it can look up specific information about the user requesting help as well as access documentation.Is that a possibility?  I couldn’t find a good approach using Connectors.

We’re excited to introduce application channel message templates in Front, designed to streamline your messaging workflows by enabling template synchronization directly from your external services. This feature offers a robust solution for maintaining consistency and efficiency in your communication channels, providing a seamless way to sync message templates created in external services (such as WhatsApp, Facebook, Google, etc.) into Front for use with your application channels.A WhatsApp message template synced into a Front application channel Application message templates are supported through two new API endpoints: