AI Prompt Library: Form
Last Updated: March 1, 2024

Note – To use this new AI feature, you will need to activate the ‘Build with AI’ experiment

1. Press ‘Settings’ under the Elementor menu in WordPress
2. Choose the ‘Features’ tab
3. Look for the Experiment ‘Build with AI’ and set it to “Active”

Content based
Css
From scratch
Generative
JavaScript
Animation
Background
Box delivery
Brainstorming
Business development
Button
Chat
Clock
Customer Service
Description
Digital Art
eCommerce
Form
Gradient
Handmade
Help Center
Hover
Illustration
Isometric
Marketing
Marketing strategy
Target
Text
Title
Vector
3D
Surreal
Shape divider
CTA
Mask effect
Scrolling effect
Newsletter
Star rating
Wireframe
Counter
Video
Confetti
Icon Box
Carousel
Social Icons
Divider
ProSubscribe
Pro
Form, Newsletter, Wireframe

Subscribe Newsletter section (Wireframe)

Subscribe block includes a title, small description and newsletter form. All parts with borders.

Copy Prompt
Before proceeding, click ‘Notes’
Prompt Copied
NOTES
Notes:

Please note that, much like any other AI-generated content tool, the outcomes obtained from the suggested prompts in the Prompt Library can vary even when using the same prompt. Embrace the diversity and creativity in each result!

Last Updated: March 1, 2024
JavaScript
Pro
Form

Conditional logic on form fields

Wrap the provided JavaScript code with a <script> tag. This code should run after the webpage finishes loading. At the beginning, hide the field with the ID form-field-email along with its label. Then, add a listener to check if the field with the ID form-field-subject has any content. If it does, show the form-field-email field; if not, keep it hidden along with its label. Put only JavaScript code and not HTML.

Copy Prompt
Before proceeding, click ‘Notes’
Prompt Copied
NOTES
Notes:
  1. form-field-email” is the ID of the field that should appear dependent on the field with the ID “form-field-subject.”
  2. Go to your form fields in the Advanced tab, copy your IDs, and replace the relevant IDs in the prompt. For example: “form-field-[PUT YOUR ID HERE].”
  3. Drag and drop the HTML widget above or after your form on the page and apply the prompt with your edits.
  4. Check the result in preview mode and not in the editor.

Please note that, much like any other AI-generated content tool, the outcomes obtained from the suggested prompts in the Prompt Library can vary even when using the same prompt. Embrace the diversity and creativity in each result!

Last Updated: December 6, 2023
Css
Pro
Form

Show a border and shadow when focusing on form fields

Add a border of 1px #000000 and slight white shadow of 15px to the fields on focus mode.

Copy Prompt
Before proceeding, click ‘Notes’
Prompt Copied
NOTES
Notes:

Please note that, much like any other AI-generated content tool, the outcomes obtained from the suggested prompts in the Prompt Library can vary even when using the same prompt. Embrace the diversity and creativity in each result!

Last Updated: November 1, 2023
Css
Pro
Form

Design Acceptance checkbox of Form widget

Transform the checkbox input with the class .elementor-acceptance-field to look better visually. Give to the checkbox a width and height of 25 pixels, vertical alignment to middle, change accent-color property to black and give space of 8 pixels on the right.

Copy Prompt
Before proceeding, click ‘Notes’
Prompt Copied
NOTES
Notes:

Please note that, much like any other AI-generated content tool, the outcomes obtained from the suggested prompts in the Prompt Library can vary even when using the same prompt. Embrace the diversity and creativity in each result!

Last Updated: November 5, 2023
Css
Pro
Form

Design radio inputs

Transform only radio input type into button-like elements. Ensure that radio input’s text is preceded by a Font Awesome star icon. Set the ‘display’ property of radio input type to none. Set the ‘display’ property of class .elementor-field-subgroup to bock to make them aligned horizontally.

Copy Prompt
Before proceeding, click ‘Notes’
Prompt Copied
NOTES
Notes:

Please note that, much like any other AI-generated content tool, the outcomes obtained from the suggested prompts in the Prompt Library can vary even when using the same prompt. Embrace the diversity and creativity in each result!

Last Updated: November 5, 2023
Css
Pro
Form

Styling the Upload File input

Styling the upload file input in elementor form. Add a black border dashed of 1 pixels, border radius of 5 pixels, background color of azure and padding of 20 pixels.

Copy Prompt
Before proceeding, click ‘Notes’
Prompt Copied
NOTES
Notes:

Please note that, much like any other AI-generated content tool, the outcomes obtained from the suggested prompts in the Prompt Library can vary even when using the same prompt. Embrace the diversity and creativity in each result!

Last Updated: November 5, 2023
Css
Pro
Form

Move Acceptance checkbox under the submit button

Change only the order inputs of this form. Order of input with class .elementor-field-type-acceptance should be the last field, after of all the form fields included the submit button.

Copy Prompt
Before proceeding, click ‘Notes’
Prompt Copied
NOTES
Notes:

The prompt use the default class .elementor-field-type-acceptance of Acceptance checkbox input of Form widget.

Please note that, much like any other AI-generated content tool, the outcomes obtained from the suggested prompts in the Prompt Library can vary even when using the same prompt. Embrace the diversity and creativity in each result!

Last Updated: November 5, 2023

Discover a World of Possibilities with AI

Elementor AI

Non-refundable, try it free on any Elementor Website. Compatible with Elementor 3.13 and higher.
By purchasing Elementor AI, you agree to our AI Terms & Conditions

The price above includes Israeli VAT based on your billing address.

The above prices do not include applicable taxes based on your billing address.

What do you think of this prompt?

Prompt Title

How do Elementor AI credits work?

Your plan gives you an annual amount of credits to spend on the mix of prompts you want to enter. These are the credits needed for each type of prompt you write.

The Starter Plan enables you to generate up to 24K text entries or 24K code snippets or 725 image requests, or 600 Container prompts, or any mix.

The Power Plan enables you to annually generate up to 50K text entries or 50K code snippets or 1,500 image requests, or 1250 Container prompts, or any mix.