# Slater.app

> Canonical source: [Slater.app](https://ask.slater.app/)

The scripting layer for Webflow powered by AI

## Pages

- [Best Practices for Organizing JavaScript in Your Slater Project](https://ask.slater.app/best-practices-for-organizing-javascript-in-your-slater-project.md): Learn how to structure your Slater project for maintainability, performance, and team collaboration. This guide covers recommended directory layout, usage of slater_import, and key patterns for sharing code and avoiding common pitfalls.
- [Billing, Licenses, and Trials FAQ](https://ask.slater.app/billing-licenses-and-trials-faq.md): Billing is self‑serve and monthly; start on the free tier and upgrade anytime. Seats, plan limits, and invoices vary by plan; check the pricing page.
- [Choosing Between Webflow Native Custom Code and Slater for JavaScript Integration](https://ask.slater.app/choosing-between-webflow-native-custom-code-and-slater-for-javascript-integration.md): Selecting the right tool for adding JavaScript to a Webflow site depends on your project's complexity, team collaboration, and desired workflow speed. This article clarifies when to use Webflow’s native custom code features versus Slater, outlines their key differences, and provides guidance for efficient development.
- [CMS Filter and Search in Webflow with Vanilla JS (No Library) using Slater](https://ask.slater.app/cms-filter-and-search-in-webflow-with-vanilla-js-no-library-using-slater.md): Here’s a lightweight, library-free pattern for CMS search and multi-tag filtering on Webflow—scoped safely and deployable via Slater.
- [Debugging Webflow Custom JavaScript: A Triage Checklist for Slater Users](https://ask.slater.app/debugging-webflow-custom-javascript-a-triage-checklist-for-slater-users.md): A fast, reliable checklist to find why custom JavaScript isn’t running on your Webflow site—and how to fix it quickly using Slater’s staging/production setup and hosted files.
- [Does Slater Offer a Public API?](https://ask.slater.app/does-slater-offer-a-public-api.md): Slater currently does not provide any public APIs for external use. This article explains what this means for users and offers alternative ways to interact with Slater features.
- [Does Slater Support TypeScript?](https://ask.slater.app/does-slater-support-typescript.md): Slater is designed to enhance Webflow projects by supporting JavaScript and CSS workflows. At this time, TypeScript is not supported directly within Slater. This article explains current capabilities, alternatives, and provides references for further learning.
- [Enhance Your 'Go Up' Button with a Scroll Progress Indicator](https://ask.slater.app/enhance-your-go-up-button-with-a-scroll-progress-indicator.md): Elevate the standard 'Go Up' button by integrating a circular scroll indicator that visually displays page progress. This enhancement improves user experience by providing intuitive feedback and adds a modern, interactive element to any website.
- [Getting Started with Google Meet: Contact Information and Helpful Resources](https://ask.slater.app/getting-started-with-google-meet-contact-information-and-helpful-resources.md): Learn how to get in touch using Google Meet and access helpful resources, including video guides and official documentation. This article provides clear steps and reliable links to support your Google Meet experience.
- [Getting Started with Slater for Webflow](https://ask.slater.app/getting-started-with-slater-for-webflow.md): Learn how to quickly set up Slater with your Webflow project, write and test custom scripts, and safely publish changes. This guide covers prerequisites, step-by-step instructions, rollback options, and frequently asked questions for a smooth integration.
- [How to Connect and Sync with GitHub](https://ask.slater.app/how-to-connect-and-sync-with-github.md): Learn how to connect your project to GitHub and understand the one-way sync process. This guide explains how to save your work to GitHub using both the Save dropdown and keyboard shortcuts.
- [How to Create a Simple Leaderboard in Webflow with Slater](https://ask.slater.app/how-to-create-a-simple-leaderboard-in-webflow-with-slater.md): Learn how to build a basic ranking or leaderboard system using localStorage in a Webflow project with Slater. This guide provides a working script, step-by-step usage instructions, and links to reference resources for further customization.
- [How to Delete Your Team Account](https://ask.slater.app/how-to-delete-your-team-account.md): Learn the steps required to delete your team account. This article explains the process and provides contact information for assistance.
- [How to Find and Download Your Invoices](https://ask.slater.app/how-to-find-and-download-your-invoices.md): Easily access and review all your invoices by navigating to the billing section of your account. This guide provides clear steps for locating invoices through the Stripe portal, ensuring you always have access to your payment records.
- [How to Permanently Delete Your Account](https://ask.slater.app/how-to-permanently-delete-your-account.md): Learn the steps required to permanently delete your account. This guide covers how to contact support, what information to include, important considerations, and where to get more help.
- [How to Prevent Collapsed Sections from Expanding After Saving Due to Auto Formatting](https://ask.slater.app/how-to-prevent-collapsed-sections-from-expanding-after-saving-due-to-auto-formatting.md): When saving code, collapsed sections may automatically expand if JavaScript formatting is enabled. Disabling the Auto Format Code feature in the settings can prevent this behavior and help maintain your preferred code view.
- [How to Publish Slater Code to Webflow (Step‑by‑Step)](https://ask.slater.app/how-to-publish-slater-code-to-webflow-step-by-step.md): Add your Slater script to Webflow’s project settings, publish to staging from Slater, verify on webflow.io, then promote to production once everything checks out.
- [How to Recover an Accidentally Deleted Project](https://ask.slater.app/how-to-recover-an-accidentally-deleted-project.md): Accidentally deleting a project can be stressful, but recovery may be possible. This article explains the steps to take immediately if a project has been deleted by mistake.
- [How to Reset Your Password When Signed In Through the Slater Webflow App](https://ask.slater.app/how-to-reset-your-password-when-signed-in-through-the-slater-webflow-app.md): If access to your password is lost after signing in via the Slater Webflow app, it's easy to request a new one. This article explains how to securely reset your password and regain access to your account.
- [How to Transfer a Project to a New Team](https://ask.slater.app/how-to-transfer-a-project-to-a-new-team.md): Learn the step-by-step process for transferring a project to a new team, including how to assign a new admin and what to do if you need to move a project to an existing team. This guide ensures a smooth project handoff while maintaining team control.
- [How to Use Per Page JavaScript with Conditional Includes in Slater](https://ask.slater.app/how-to-use-per-page-javascript-with-conditional-includes-in-slater.md): Slater enables per page JavaScript functionality through the use of conditional includes. This approach allows developers to load specific scripts or stylesheets only on designated pages, optimizing performance and ensuring maintainability.
- [Localization‑Aware JavaScript in Webflow with Slater](https://ask.slater.app/localization-aware-javascript-in-webflow-with-slater.md): Detect locale reliably and run per‑language behaviors using safe, attribute‑based patterns you can ship from Slater.
- [Managing Project Access Controls in Slater](https://ask.slater.app/managing-project-access-controls-in-slater.md): Learn how to control who can access projects in Slater by adjusting team sharing settings and managing access for individual projects. This guide explains where to find these controls and how to ensure the right team members have the right access.
- [Migration Guide: Move Existing Webflow Custom Code into Slater](https://ask.slater.app/migration-guide-move-existing-webflow-custom-code-into-slater.md): Gather your current site/page embeds, create matching files in Slater, connect your Webflow project, publish to staging, verify, then remove duplicates and promote to production.
- [Pages](https://ask.slater.app/pages/index.md)
- [Pricing, Contracts, and Operational Processes for Agencies and Studios](https://ask.slater.app/pricing-contracts-and-operational-processes-for-agencies-and-studios.md): This article outlines pricing options, paperwork, operational processes, and frequently asked questions for agencies and studios working with the service. Find details about payments, user management, onboarding, and available resources for a smooth collaboration.
- [Pricing & Plans for Slater](https://ask.slater.app/pricing-plans-for-slater.md): Slater is free to start, with affordable paid plans for hosting and full‑featured development. As of today, tiers include Playground (free), Host User ($5/user/mo), and Dev User ($10/user/mo)—confirm specifics on the live pricing page.
- [Production Launch Checklist for Slater](https://ask.slater.app/production-launch-checklist-for-slater.md): This checklist provides essential steps to ensure a successful and smooth production launch using Slater. It covers critical pre-launch tasks, verification processes, and references to helpful resources. Following this guide helps minimize issues and ensures that all aspects of the launch meet quality standards.
- [Safely Loading Third‑Party Libraries in Webflow with Slater](https://ask.slater.app/safely-loading-third-party-libraries-in-webflow-with-slater.md): Load vendor libraries once, in the right order, and gate your code on known globals so Slater files run reliably without race conditions.
- [Security, Privacy, and Data Handling FAQ](https://ask.slater.app/security-privacy-and-data-handling-faq.md): Slater hosts your production JavaScript and connects to Webflow via a single script, running on AWS‑backed infrastructure with staging/production separation. For items not publicly documented (e.g., data retention, model providers), contact jared@edgarallan.com.
- [Simple Webflow Form Validation and Secure Submission](https://ask.slater.app/simple-webflow-form-validation-and-secure-submission.md): Learn how to easily validate Webflow forms using built-in browser features, display clear error messages, and safely send form data using a secure server endpoint. This guide covers basic code and best practices, with no advanced features or third-party libraries required.
- [Supported Keyboard Shortcuts and Productivity Tips](https://ask.slater.app/supported-keyboard-shortcuts-and-productivity-tips.md): Learn about the essential keyboard shortcuts supported for saving work and enhancing productivity. This guide also highlights key shortcuts from the Ace Editor and provides links to official resources for further learning.
- [Technical Definition of JavaScript for Webflow Developers](https://ask.slater.app/technical-definition-of-javascript-for-webflow-developers.md): JavaScript is a lightweight, interpreted programming language essential for adding interactivity and dynamic features to web pages and applications, including those built with Webflow. Understanding JavaScript's core concepts and capabilities can help Webflow developers extend project functionality and integrate modern web technologies.
- [Tutorial videos](https://ask.slater.app/tutorial-videos.md): Find an official video tutorial covering the basics of Google Meet, with guidance on starting meetings and using key features. For more specific topics, additional resources are available upon request.
- [Understanding Slater's Unlimited Character Support](https://ask.slater.app/understanding-slater-s-unlimited-character-support.md): Slater allows users to add custom code of any length, making it easy to implement complex or lengthy scripts without worrying about character limits. This flexibility supports advanced customization and seamless integration within your projects.
- [Understanding the Difference Between Staging and Production in Slater](https://ask.slater.app/understanding-the-difference-between-staging-and-production-in-slater.md): Learn the key differences between staging and production environments in Slater, including how each serves your code and best practices for a smooth deployment workflow. This guide clarifies when to use each environment and how to ensure your changes are properly tested before going live.
- [How to Use AI in Slater to Write JavaScript Code](https://ask.slater.app/using-ai-to-help-write-javascript-with-slater.md): Slater's AI integration can help generate and refine JavaScript code directly in the editor. This guide explains how to select tools, write prompts, use output, and adjust AI settings for both free and Pro accounts.
- [Using Webflow’s DOM Element with Slater: Mount Micro‑Components Safely](https://ask.slater.app/using-webflow-s-dom-element-with-slater-mount-micro-components-safely.md): Mount interactive micro‑components into Webflow’s DOM element using a small, reusable initialization pattern—no frameworks required.
- [What AI models does Slater.app support](https://ask.slater.app/what-ai-models-does-slater-app-support.md): Slater.app provides different OpenAI models based on your account type. Free users can use GPT-5.4 mini and nano models, while paid users have access to advanced options like GPT-5.5 and GPT-5.4, in addition to the mini and nano versions. You can select your preferred model in your project settings under Chat Settings.
- [Why Console.log and Debugger May Not Appear in Production (and How to Fix It in Slater)](https://ask.slater.app/why-console-log-and-debugger-may-not-appear-in-production-and-how-to-fix-it-in-slater.md): Console.log statements and debugger commands may not appear in production builds due to JavaScript minification in Slater. Learn why this happens and how to disable minification in project settings to aid debugging.