Export Options

Rollout generates clean, portable code that can be exported and used elsewhere:

• Format: Standard HTML, CSS, and JavaScript
• Availability: Code export is available on higher-tier plans
• Access: Use the Download button in your project dashboard

How to Export Your Code

1. Open your project dashboard
2. Click the "Download" or "Export" button
3. Save the ZIP file to your computer
4. Extract the files to access your code

File Structure

Exported projects include:

• HTML files for each page
• CSS files for styling
• JavaScript files for functionality
• Asset folder with images and fonts

Hosting Your Exported Code

You can host your exported code on various platforms:

Traditional Web Hosting

• Upload files via FTP to services like cPanel hosting
• Set up proper directory structure on your server
• Configure server settings as needed

Static Site Hosts

• Deploy to platforms like Netlify, Vercel, or GitHub Pages
• Follow the platform's deployment instructions
• Set up custom domains through their interface

WordPress Integration

• Create a custom theme folder in your WordPress installation
• Adapt the exported HTML to WordPress theme structure
• Modify template files to work with WordPress functions

Form Functionality

Forms in exported sites need processing:

1. Self-hosted: Set up server-side form handling
2. Third-party services: Use FormSpree, FormSubmit, etc.
3. Plugin integration: Connect with form management plugins

Editing Exported Code

The code is human-readable and can be modified:

• Use any code editor (VS Code, Sublime Text, etc.)
• Modify HTML structure as needed
• Customize CSS for styling changes
• Edit JavaScript for functionality adjustments

Limitations and Considerations

When working with exported code:

• Dynamic elements may need reconfiguration
• API connections must be maintained
• Database integrations need to be set up separately
• Authentication systems require additional implementation

WordPress-Specific Integration

For WordPress users:

1. Theme Creation:
   • Place files in a theme directory
   • Create necessary WordPress template files
   • Add theme functions and hooks
2. Page Builder Integration:
   • Extract sections for use in page builders
   • Convert HTML/CSS to Elementor/Gutenberg blocks
   • Maintain styling through custom CSS

Troubleshooting Export Issues

Security Warnings

If you encounter security warnings:

• These are usually false positives from inline scripts
• Verify the file with third-party scanning tools
• Add exceptions in your security software

Missing Resources

If images or fonts are missing:

• Check that all assets were extracted correctly
• Update file paths if hosting in a subdirectory
• Ensure all required files were included in the export

Best Practices

• Keep a backup of your exported code
• Document any changes you make to the code
• Test the site thoroughly after hosting it elsewhere
• Ensure all links are properly updated for the new environment