TroubleshootingLanding Page Issues

Page Builder Issues

Fix problems with the landing page editor, AI builder, and design mode functionality.

Having trouble with the landing page builder? This guide helps you resolve common editing, AI generation, and design mode issues.

The landing page builder uses a sandbox environment for safe code execution. Most issues are related to sandbox connectivity, AI credits, or browser caching.

Troubleshooting Builder Issues

AI Editor Not Responding

The AI chat isn't responding when you send messages or request changes.

This typically happens when you've run out of AI credits, the sandbox is initializing, or there's a connectivity issue.

Solution:

  1. Go to Settings then Subscription then Usage
  2. Check your available AI credits balance
  3. Purchase additional credits if your balance is zero, or wait for your monthly reset
  4. Verify the sandbox status indicator shows connected
  5. If the request is stuck for more than 30 seconds, send a new message
  6. Try breaking complex requests into smaller, specific tasks
  7. Rephrase your prompt with more detail about what you want

The AI sandbox can take 10-30 seconds to initialize on first load. Wait for the green connection indicator before sending requests.

Sandbox Connection Lost

The sandbox status indicator shows disconnected or an error state.

This occurs when network connectivity is interrupted or the sandbox session expires.

Solution:

  1. Wait for automatic reconnection (watch the status indicator)
  2. The sandbox will attempt to reconnect within 30-60 seconds
  3. Check your internet connection stability
  4. If reconnection fails after 1 minute, refresh the page
  5. Your work is automatically saved, so refreshing is safe
  6. Switch networks if your connection is unstable
  7. Clear browser cache with Ctrl+Shift+R if issues persist

Preview Not Updating

Changes you make aren't reflecting in the preview canvas.

This happens when sync is delayed, invalid code prevents rendering, or the preview needs manual refresh.

Solution:

  1. Wait a few seconds for the saving indicator to disappear
  2. Look for Saving... in the editor
  3. Click Refresh Preview in the preview toolbar
  4. Toggle between Desktop, Tablet, and Mobile views to force rerender
  5. Check the AI chat for error messages about invalid code
  6. Review version history if changes suddenly stopped appearing
  7. Use browser developer tools (F12) to check for JavaScript errors

Invalid HTML or CSS can prevent the preview from updating. If the AI generates broken code, ask it to fix the errors or revert to a previous version.

Element Selection Problems

You can't select or click on specific elements in design mode.

This typically occurs with small elements, nested components, or when elements are locked.

Solution:

  1. Use the zoom controls to enlarge your view
  2. Click elements in the Layers panel instead of the canvas
  3. Navigate to nested elements through the structure tree
  4. Check for lock icons indicating locked elements
  5. Switch from AI Editor to Design Mode
  6. Try selecting the parent container first, then drilling down
  7. Disable any browser extensions that might interfere with selection

Code Generation Errors

The AI generates code that produces errors or doesn't work as expected.

This happens when prompts are unclear, context is missing, or the AI makes incorrect assumptions.

Solution:

  1. Provide more context in your request (e.g., "Add a centered blue button below the heading")
  2. Specify styling preferences explicitly
  3. Tell the AI exactly what's wrong: "The button text is cut off on mobile"
  4. Ask for specific corrections rather than general improvements
  5. Use Design Mode to make small manual adjustments
  6. Access the Theme Editor for consistent styling changes
  7. If stuck, request a completely new approach: "Start over with a simpler layout"

The AI works best with clear, specific instructions. Instead of "make it better," try "increase the heading font size to 48px and change the color to navy blue."

Version History Not Loading

You can't access previous versions of your landing page.

This occurs when version data is still loading or there are no saved versions yet.

Solution:

  1. Click Version History in the toolbar
  2. Wait for the loading indicator to complete (can take several seconds for large pages)
  3. New pages may have limited or no version history initially
  4. Close the version history panel and refresh the page
  5. Reopen the panel after refreshing
  6. Check your internet connection if versions won't load

Best Practices for Builder Performance

  • Changes save automatically every few seconds
  • Use clear, concise prompts for faster AI responses
  • Toggle preview modes to verify responsive design
  • Version history protects against unwanted changes
  • Maintain stable internet for sandbox connectivity

FAQ