Pre-built Templates

Learn how to use and customize pre-built templates in your Wayvo applications.

Pre-built Templates

Wayvo offers a variety of pre-built templates to help you quickly get started with your application development. These templates cover common use cases and industries, allowing you to jumpstart your projects with minimal setup.

Accessing Pre-built Templates

1. Navigate to the Templates Section

   • Go to the "Templates" section from the main menu.

2. Browse Available Templates

   • Browse through the available templates categorized by use case and industry.
   • Use the search bar to find specific templates that match your needs.

Using a Template

1. Select a Template

   • Click on a template to view its details and preview its layout and components.

2. Create a New Project from Template

   • Click "Use This Template" to create a new project based on the selected template.
   • Enter a name and description for your new project.

3. Customize the Template

   • Once the project is created, you can customize the template to fit your specific requirements.
   • Modify the layout, components, data bindings, and other settings as needed.

Customizing Templates

1. Modify Layout and Components

   • Use the drag-and-drop interface to rearrange components on the canvas.
   • Add, remove, or replace components to better suit your application needs.

2. Update Data Bindings

   • Configure data bindings to connect components to your data sources.
   • Ensure that the data displayed in the template reflects your actual data.

3. Adjust Styles and Themes

   • Customize the appearance of your template by adjusting styles and themes.
   • Use the properties panel to change colors, fonts, and other visual settings.

4. Add Custom Logic

   • Implement custom logic using Wayvo’s scripting capabilities.
   • Write scripts in TypeScript or Python to add advanced functionality to your template.

Saving Custom Templates

1. Save as a Custom Template

   • Once you’ve customized a template, you can save it as a custom template for future use.
   • Go to the project settings and select "Save as Template."

2. Name and Categorize the Template

   • Provide a name and description for your custom template.
   • Categorize the template to make it easier to find later.

3. Use Custom Templates in Future Projects

   • Access your saved custom templates from the "Templates" section.
   • Use them as a starting point for new projects to maintain consistency and save time.

Best Practices for Using Templates

1. Start with a Relevant Template

   • Choose a template that closely matches your use case to minimize customization work.
   • Leverage the pre-built components and layouts to speed up development.

2. Customize to Fit Your Needs

   • Don’t be afraid to make changes to the template to better suit your specific requirements.
   • Ensure that the final application meets your users’ needs and business goals.

3. Maintain Consistency

   • Use templates to maintain consistency across different projects.
   • Standardize layouts, components, and styles to create a cohesive user experience.

Next Steps

With your template-based project set up, you can further enhance it by integrating additional features and customizations. Explore our guides on Building Applications and Scripting and Custom Code to add more functionality.

For more advanced customization options, check out our Advanced Features section.