Crocoblock’s YouTube video introduces JetEngine 3.6, highlighting the new AI Website Structure Builder. This tool generates a data model for websites based on user input, speeding up website creation by suggesting custom post types, taxonomies, and meta fields.
The AI assists with structuring, but doesn’t handle styling or content creation. The update also includes enhancements to the dynamic calendar widget with date selection, quick query editing for listings, reach text controls for various builders and drag-and-drop reordering.
The video emphasizes that this plugin simplifies website development with AI assistance.
“`html
Introduction to JetEngine 3.6 and AI Website Structure Builder
JetEngine 3.6 introduces the AI Website Structure Builder, an innovative tool designed to generate a complete data model for websites based on user input.
This tool is beneficial for both novice and experienced JetEngine users, streamlining website creation by automating tasks such as building website structure and navigating documentation. While it doesn’t create a complete website or write code, it clarifies site structure and serves as a quick prototyping tool.
For new users, it provides a clear starting point, while for experienced users, it acts as a central hub for managing site data.
The AI Website Structure Builder focuses on creating the structure of a website but does not handle style customization or content creation. For example, it can generate custom post types, but users need to add the posts manually.
How the AI Website Structure Builder Works
The AI Website Structure Builder is located in the WordPress dashboard under the JetEngine website builder tab.
Here, you’ll find input fields for prompts, tips on writing effective prompts, and options to switch between created models and a start section for setting up the site model.
The first field covers the site’s general purpose, while the second outlines specific functionalities like listings, filters, and visitor capabilities. Once both fields are complete, the “preview website model” button becomes enabled. Clicking this button generates a data model for review without creating it on the site.
This allows you to review and adjust the model before proceeding with the creation step.
Effective Prompt Writing for AI Model Generation
To generate the desired website structure, it’s crucial to describe the website in one or two sentences. Specify the site’s functionality, such as user search capabilities and booking options.
Be mindful of the prompt length and avoid exceeding the character limit. If facing issues with longer prompts, try using shorter, more concise prompts.
When writing prompts, it’s important to be specific. Unclear prompts can result in generic outputs because the AI may not fully understand the context.
Providing sufficient context helps the AI understand the prompt better and generate more personalized responses. However, avoid overloading the AI with unnecessary information.
Using action words like “create” and “suggest” can guide the AI to perform specific actions.
Generated Data Model Components
After filling in the fields and clicking the “preview website model” button, a basic data model for the requested functionality will be generated. The structure builder can create custom post types, taxonomies, meta fields, and custom content types.
It also supports relations, filters, basic queries, and basic listings for custom post types and custom content types. A basic query targets the correct type with a selected custom post type or custom content type as an argument. A basic listing shows items with all fields from the custom post type or custom content type without styling.
The model’s structure is presented in blocks such as custom post types, relations, and filters.
Adjusting and Creating the Website Model
The generated model includes details for each custom post type, such as title, editor, thumbnail, taxonomies, and meta fields. You can hide or unfold sections using the plus/minus sign button. The pencil-shaped button allows you to change the meta field name and slug.
If the model contains unnecessary data, you can easily delete it. If the model requires adjustments, you can alter the prompt and regenerate the website model.
Once the generated model fits your needs, check the box indicating that you understand that clicking “create a website model” will physically create all described entities on your website.
After the entities are added, you will be redirected to a page with the model structure information, where you can revise the entities and change the model name.
Model Structure Information and Controls
The post types section contains controls such as an edit button that redirects to the custom post type editing page.
Additionally, there is an add post button to add new posts, a query control to navigate to the custom query editing page, and a base listing to redirect to the listing item editing page.
The taxonomies section includes an edit button that transfers to the custom taxonomy editing page and an add/edit terms button to create or edit terms for the custom taxonomy.
The relations section contains an edit button that redirects to the relation editing page, along with parent items and children items controls to adjust the respective items. The filters section lists the generated filters, with an edit button to modify their settings.
Tutorials for individual entities and recommended further steps are available under each entity section. The prompt used for the model is located in the last block.
Examples of Website Structures
For a photographer’s personal website, specifying the need for two custom post types for photos and services, with meta fields like gallery, price, and location, can generate relevant taxonomies and filters. The AI can generate appropriate taxonomies for photos and set the correct meta field types, such as a media type for the gallery meta field.
For an e-commerce store selling handmade items, specifying the need for a product category, filters, and the ability for customers to order and pay for products will generate a structure that includes custom fields, product category taxonomy, and meta fields such as price, stock status, SKU, dimensions, and weight.
The AI model may also propose using the WooCommerce plugin and generate a product custom post type with a “use WooCommerce” checkbox.
Managing Created Models and Entities
All created models can be accessed by pressing “previously created models”. When altering or deleting an entity or model, remember that deleting the model only removes the model information from the current page, while the created entities are kept.
Additional Features in JetEngine 3.6
JetEngine 3.6 includes the ability to set a minimum and maximum year in the calendar module. A new setting called “allow date select” has been added to the dynamic calendar widget.
When enabled, the calendar header becomes clickable, and a dropdown menu appears, allowing users to choose the desired month or year.
Quick query editing for listings on the front end has been added, with an “edit query” button visible to admins.
A new control type called “reach text” has been added for components for each builder. Additionally, items can now be dragged and dropped to change their order on the back end.
“`