> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getmocha.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Direct Edit Mode

> Edit text directly on your website without using AI credits

Direct Edit Mode lets you make quick text changes to your website without using AI credits. Simply click on text elements and edit them directly - perfect for typos, content updates, and quick tweaks.

## Enabling Direct Edit Mode

You can enable Direct Edit Mode directly from the header of your project.

<Frame caption="Enabling Direct Edit Mode from the header">
  <img src="https://mintcdn.com/mocha-47857bf6/yxhIdHUepwfUyu7I/images/direct-edit.gif?s=cfa16bd25dfb15d95817983cf29b4a18" alt="Enabling Direct Edit Mode" width="1158" height="720" data-path="images/direct-edit.gif" />
</Frame>

## How to Use Direct Edit Mode

Once enabled, editing text is simple:

<Steps>
  <Step title="Select Text Element">
    Click on any text element you want to edit
  </Step>

  <Step title="Make Your Changes">
    Type your new text directly in the element
  </Step>

  <Step title="Save Changes">
    Click outside the element or press Enter to save
  </Step>
</Steps>

## Benefits

<CardGroup cols={2}>
  <Card title="No Credits Used" icon="coins">
    Direct edits don't consume AI credits, saving you money
  </Card>

  <Card title="Instant Changes" icon="bolt">
    See your changes immediately without waiting for AI processing
  </Card>

  <Card title="Simple Edits" icon="pencil">
    Perfect for typos, content updates, and quick text changes
  </Card>

  <Card title="Easy to Use" icon="hand-pointer">
    Just click and type - no complex interface needed
  </Card>
</CardGroup>

## Limitations

<Warning>
  Not all text can be edited directly. If text is dynamically generated, Direct Edit Mode won't work and you'll need to ask the AI to make changes instead.
</Warning>

When you try to edit dynamically generated content, Mocha will let you know and suggest using the AI for those changes.

## Coming Soon

Direct Edit Mode will expand with even more functionality:

* 📸 **Image Upload**: Replace images directly
* 🎨 **Style Tweaks**: Adjust fonts, colors, and spacing
* 🤖 **AI Improvements**: Enhance content with AI assistance
* ✨ **And More**: Additional editing capabilities

<Tip>
  Use Direct Edit Mode for quick text changes and save your AI credits for more complex modifications and new feature requests.
</Tip>