Form Archives - Prompts for Elementor

Prompt library

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

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

Surreal

Shape divider

CTA

Mask effect

Scrolling effect

Newsletter

Star rating

Wireframe

Counter

Video

Confetti

Icon Box

Carousel

Social Icons

Divider

Containers

ProSubscribe

Pro

Form, Newsletter, Wireframe

Subscribe Newsletter section (Wireframe)

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

NOTES

Rate this prompt

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

Code

JavaScript

Pro

Form

https://prompts.elementor.com/wp-content/uploads/2023/11/Conditional-logic-on-form-fields.mp4#t=0.01

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.

NOTES

Rate this prompt

Notes:

“form-field-email” is the ID of the field that should appear dependent on the field with the ID “form-field-subject.”
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].”
Drag and drop the HTML widget above or after your form on the page and apply the prompt with your edits.
Check the result in preview mode and not in the editor.

Last Updated: December 6, 2023

Code

Css

Pro

Form

https://prompts.elementor.com/wp-content/uploads/2023/11/Show-a-border-and-shadow-when-focusing-on-form-fields.mp4#t=0.01

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.

NOTES

Rate this prompt

Notes:

Last Updated: November 1, 2023

Code

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.

NOTES

Rate this prompt

Notes:

Last Updated: November 5, 2023

Code

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.

NOTES

Rate this prompt

Notes:

Last Updated: November 5, 2023

Code

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.

NOTES

Rate this prompt

Notes:

Last Updated: November 5, 2023

Code

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.

NOTES

Rate this prompt

Notes:

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

Last Updated: November 5, 2023

Discover a World of Possibilities with AI

AI Images

Generate Images  with AI

Use the brain power of AI to create one-of-a-kind images that you can edit and fine-tune without ever leaving the Editor environment.

AI Text

Create Text with Generative AI

Embrace an efficient approach to content creation with AI that generates, enhances, and translates copy to fit any element seamlessly.

AI Code

Write Custom Code with AI

Generate Custom CSS code to gain complete control over your website styling while maintaining a lightweight and flexible design.

AI Containers

Build AI-Generated Container Layouts

Let AI create your container layouts including content, style, images, fonts, etc., according to your prompt request.

Elementor AI

AI Starter

/mo

Billed annually at

/year

24,000 Credits 30 Days History Storage Features Generates Text, Code, Images Builds Container Layouts AI Context AI Copilot One subscription covers all your Elementor websites

AI Power

/mo

Billed annually at

/year

50,000 Credits 30 Days History Storage Features Generates Text, Code, Images Builds Container Layouts AI Context AI Copilot One subscription covers all your Elementor websites

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 above prices do not include applicable taxes based on your billing address. Unless otherwise specified, prices are in USD. The final price will be displayed on the checkout page. All plans renew annually at list price.

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

Have an amazing idea for a prompt?

Tell us about it so we can add it to our prompt library and others can benefit.

Thank you!

Thank You!
The Elementor Team

Elementor is the leading website builder platform for professionals on WordPress. Elementor serves web professionals, including developers, designers and marketers, and boasts a new website created every 10 seconds on its platform.

Subscribe to our newsletter

By entering your email, you agree to our
Terms & Conditions and Privacy Policy.