GTG CRM offers a powerful AI tool that helps you quickly and professionally create individual website sections. Unlike the feature for creating entire websites, this tool allows you to build small, flexible UI blocks and seamlessly integrate them into your existing pages according to your vision.

This feature is particularly useful when you already have a website and want to add new sections like banners, hero sections, or call-to-actions without redesigning the whole page. With just a few simple steps, the AI will generate an interface that matches your brand's style and business objectives.

Key Features

The GTG CRM AI website section creation tool includes the following capabilities:

  • Generate individual, independent UI blocks based on specific requirements
  • Customize design styles from professional to luxury
  • Select color palettes that align with your brand
  • Improve AI-generated sections with additional requests
  • Insert new sections into desired positions on the page
  • Adjust content and links after creation
  • Generate multiple variations to choose the best option

How to Use

Step 1: Access the AI Section Creation Function

Within the website editing interface, you'll find the AI section creation button. Click this button to open the configuration form.

AI section creation button in the editing interface

Step 2: Select Section Type and Fill in Information

Once the form opens, you need to select the type of section you want to create. The system offers various options such as banners, heroes, call-to-actions, and other section types.

Section creation information input form

Fill in the important details:

Section Type: Choose the type that suits your purpose, for example, a banner if you want to create a prominent header section.

Optional Description: Enter a brief description of the content and presentation style you desire.

Website Purpose: Clearly define the purpose, such as selling products, introducing services, or collecting customer information.

Design Style: Select a style that aligns with your brand, whether it's professional, modern, or luxury.

Color Palette: Choose the primary colors for the section, ensuring harmony with the overall website.

Fill in complete configuration information

Step 3: Create Section and View Results

After filling in all the information, click the "Create" button for the AI to start processing. The system will generate a new section based on the parameters you provided.

New section created by AI

The results will be displayed on the screen for you to preview and evaluate.

Step 4: Select Section Placement

Observe the control panel on the left side of the screen, where you'll see the current website structure. Select the position where you want to insert the new section.

Select position in page structure

After selecting the position, scroll down to check where the new section will appear and ensure it fits the overall layout.

View section position on the page

Step 5: Improve Section with AI (Optional)

If you wish to adjust the newly created section, right-click on it and select "Improve with AI".

Select AI improvement option

Enter specific improvement requests, such as "add a button" or other changes. The system provides suggestion buttons for common requests.

Enter improvement request

Continue to select the style and color palette if needed, then click the "Improve" button.

Configure improvement style

The processing is very fast, usually taking about 10 seconds. Once completed, the AI will display the improved version.

Improved result with new changes

Step 6: Apply Changes and Customize

Click the "Apply Changes" button to update the new interface on your website.

Apply changes to the page

After applying, you can fine-tune details such as changing button links, editing text, or adjusting other parameters to meet specific requirements.

Edit section details

Benefits

Using the AI website section creation tool offers the following benefits:

  • Significantly saves design and development time compared to manual methods
  • Creates professional interfaces even without design experience
  • Flexibly experiment with various styles and layouts
  • Easily improve and adjust based on actual feedback
  • Ensures stylistic and color consistency with your brand

Important Notes

After creating a section with AI, take time to thoroughly review the content and ensure all links are functioning correctly. Although the AI generates a high-quality interface, you still need to customize navigation URLs and specific content to align with your business strategy.

If the initial results are not as expected, don't hesitate to use the improvement feature multiple times. The AI will learn from your requests and generate increasingly suitable versions.