AI is a great tool that allows you to work faster and more efficiently. However, in order to get the most out of AI, you need to provide it with the best “raw material.” And for AI, this raw material is the prompts you feed it.
Prompts are the information you give to the AI so that it can generate a response. For instance, If you were creating a Contact Us page you might enter the following prompt in the AI:
Prompt: Write 2 sentences for a Contact Us page of a website saying customers should feel free to call any of the numbers below during business hours.
The AI would return the text below:
Starting your journey
Before getting into the details of how to write a prompt, you first need some background about Elementor AI and where you can enter prompts.
The website level
Probably the most important, and most overlooked, part of building a site with AI is adding context to our site. By creating the proper context for your site, all the results provided by Elementor AI will take this into account, providing you with better results at every step.
AI context includes:
- Information about your business
- The language style you prefer
By filling in this information, Elementor AI will take this information into account whenever you enter a prompt for this site. For instance, if you set AI context to a professional tone, it will do this throughout the site without you having to mention it every time.
To learn more about AI context, see Build a customized website with AI Context.
The page level
In addition to creating text and images, AI can actually create a page layout for you, saving your hours of tedious page design. The prompts you enter here are mostly aimed at describing how you want your page to look.
For more information about using Elementor AI to create your page layout, see Create containers with AI.
Elementor AI can automatically generate container layouts for you with the Copilot feature. For more information, see Elementor AI Copilot.
The element level
When people talk about AI, this is what they are usually referring to. These are prompts that describe text you want the AI to write or images you want AI to create.
For detailed information specifically about prompts for generating AI images, see Guidelines for creating AI image prompts. For examples of prompts, see AI prompt ideas.
The devil is in the details
Probably the most important part of creating a prompt, is making sure you add all the relevant details. For instance, if you are creating the Hero section of a website and need to add text to the text editor widget, and you entered the prompt; Write a paragraph for the homepage of my business, you would get the following, pretty generic, result:
However, if we want to create something special, we need to create a prompt that will give something the AI can work with, such as, “Write a paragraph for the Hero section of Benson’s Bakery which sells all types of baked goods but specializes in croissants. This produces the following:
The second prompt produced far better results than the first because it was far more detailed, tailored specifically to the person the poem was about. The same principle applies to creating a website with AI – The more information you provide the AI, the better results you’ll achieve.
However, it should be noted that while details are important, AI will take everything in the prompt into account and will consider everything you write as of equal importance. That means you want to avoid giving excess detail, information that you don’t want to include or emphasize. In the example above, we may not want to emphasize the croissants, so we would leave that out of the prompt.
Get me another rewrite!
One of the great things about working with AI, is it never gets offended when you send work back. If you don’t like the results of a prompt, you can always refine it by adding more details, rewording details or other edits that you want.
For instance, let’s say you need text for the home page of a flower store:
Prompt: Write a paragraph describing a flower store for the home page of their website.
Result: Welcome to Blooming Blossoms, your premier destination for exquisite floral arrangements and gifts. Step into our enchanting store and discover a vibrant world of color, fragrance, and natural beauty. Our skilled florists meticulously curate the freshest flowers from around the world, creating stunning bouquets and centerpieces to elevate any occasion. Whether you’re looking to brighten up your home, celebrate a special event, or send a heartfelt message, Blooming Blossoms is here to make your floral dreams come true. Visit us today and let our flowers speak the language of love, joy, and appreciation.
That’s nice, but for a website that’s a bit wordy, so AI can refine it to suit our needs.
Prompt: Make it shorter.
Result: Welcome to Blooming Blossoms, your go-to destination for stunning floral arrangements and gifts. Explore our store and experience a world of color and fragrance. Our talented florists handpick the freshest flowers to create beautiful bouquets and centerpieces for any occasion. Whether you want to brighten your home or send a heartfelt message, Blooming Blossoms is here to fulfill your floral needs. Visit us and let our flowers express love, joy, and appreciation.
Prompt: Make it casual.
Result: Hey there! Welcome to Blooming Blossoms, your favorite spot for awesome floral arrangements. Step into our store and dive into a colorful world filled with amazing scents. Our talented florists whip up gorgeous bouquets and centerpieces using only the freshest blooms. Whether you’re personalizing your space or throwing a party, Blooming Blossoms is here to make your floral dreams come true. Swing by today and let our flowers spread some love and joy!
[callouy type=”note”]Elementor AI contains dropdown menus letting you easily add many of these refinements to your AI prompts. [/callout]
Who are my visitors?
When crafting prompts, it’s important to keep your audience in mind. A consulting firm dealing with corporate clients will want to use more formal language and images while a party supplies store will adopt friendlier, more casual content.
The following examples show different prompts for sites catering to different audiences.
Prompt: Write a paragraph for the homepage of a law firm specializing in corporate contract law for the homepage of their website. Language should be professional.
Result: At [Law Firm Name], our team of experienced corporate contract law specialists is dedicated to providing comprehensive legal solutions to businesses of all sizes. With a deep understanding of the complexities of commercial transactions, we work closely with our clients to navigate the intricacies of contract negotiation, drafting, and enforcement. Our unwavering commitment to excellence and attention to detail ensures that our clients’ interests are protected every step of the way, allowing them to focus on the growth and success of their enterprises.
Prompt: Write a paragraph for the homepage of a party supplies store. Language should be fun and humorous .
Result: Alright, party people! Welcome to the ultimate one-stop shop for all your celebration needs. Whether you’re planning a wild birthday bash, a totally tubular ’80s theme night, or a fiesta that’ll make your abuela proud, we’ve got you covered from head to toe (and head to toe to head again) with the most outrageous, over-the-top party supplies this side of the confetti cannon. So grab your best party hat, your most festive socks, and get ready to throw down like there’s no tomorrow – because at our store, every day is a party!
Stumped? Help is just a click away
Sometimes it’s difficult to come up with a prompt on your own. That’s why Elementor created a prompt library to help get you started. Simply choose a prompt close to what you need to do, adjust the details to fit your site and use it as your prompt.
Stand on the shoulders of giants
Like with many creative endeavors, website designs are often inspired by others. You may want to create a layout that’s standard for your industry, or simply a website that really impresses you. With Elementor’s Reference a website you no longer have to start your design from scratch. Just enter the URL of a website that inspires you and Elementor AI will create a wireframe based on that site. Essentially, you are using that website as your prompt for designing your site.
For details about the Reference a website feature, see Use AI to create containers based on an existing page.
AI is great, but you’re in charge
While AI is a great way to save time and make website creation more efficient, what the technology provides depends on you. There is a saying going back to the early days of computing – GIGO, Garbage in, garbage out. Perhaps we can rework this for AI – GIGO – Gold in, gold out – to acknowledge that great prompts result in great sites.
