With Droip, you have the exciting capability to automatically generate content using an AI Generator. This powerful tool allows you to generate text content for your web pages and even entire page designs in just a matter of seconds! Let’s dive into how you can implement these amazing features.

📝 Note: To use the AI Generator feature, you need to have ChatGPT API enabled from WP Admin > API Integration!

Learn how to integrate ChatGPT with Droip.

Text Content Generation

The following is a list of the elements that have the AI Generator option for text content:

• Heading
• Paragraph
• Text (in List Item, Button, etc)

To generate AI content for your text elements (Heading, Paragraph, etc.), follow these steps:

1. Select the Element: Choose the desired element on your webpage that you wish to generate content for.
2. AI Generator Icon: In the inline editor, locate and click on the AI Generator icon associated with the selected element.
3. Enter Description: A window will pop up, prompting you to provide a brief description of the content you want to generate.
4. Define Word Limit: For more control over the generated text’s length, specify a word limit.
5. Regenerate: Click the Regenerate button, and you’ll now see your AI-generated text.

Remember that the AI-generated text will vary depending on the keywords and description you provide, so ensure your input is appropriate for the best results.

Webpage Design Generation

As mentioned earlier, with Droip, you can also AI generate webpage design! This is a total game-changer for the web design field because you can now let an AI design your page instead of spending precious time designing it on your own!

To generate a design, follow these steps:

1. Add a Section Element: Start by adding a Section element to your canvas.
2. AI Generator Panel: Open the inline editor, find the AI Generator icon for the Section element, and click on it.
3. Detailed Description: In the AI Generator window, provide a detailed description of the page design you want to generate. The more information you provide, the better the results.
4. Reference Website (Optional): To guide the AI’s style, you can include a reference website that exhibits the design you’re aiming for.
5. Click “Regenerate”: Click on Regenerate, and your AI-generated design will appear on the page!

Please keep in mind that the generated design will be in HTML format, and the blocks used will be connected to their corresponding Droip elements. This design will form the basic structure of the page, with basic style settings applied, such as typography and size.

Once you have the AI-generated design, you can further customize it to suit your needs by adding media, applying interactions, and more.

Implement these powerful AI capabilities in Droip to streamline your content generation and webpage design process, saving you time and effort!