Elementor Free Templates Guide to Adding Popups, Forms & Rotating Images

When using the free version of Elementor to build a website, many people will ask: can you add thepop-up windowWhat's going on? There's noform function?rotating chartWhere to set up? The free version has limited functionality, and with a couple of free plugins and some useful tips, it's still possible to implement most basic interaction designs.

First, add a pop-up window (Popup) - the use of free plug-ins to achieve the pop-up function

Elementor Free EditionThe pop-up feature is not provided per se, but you can do it with the help of a free plugin.

Recommended Plugins:
Popup Maker (powerful and compatible)

Operational Steps:

• Install and enable the "Popup Maker" plug-in.

• Click "Popup Maker > Add Popup" to create a new popup window on the left side of the backend.

• Edit popup content: add text, images, short codes, etc. you want to display directly in the content area

• If you need to design content in Elementor, you can create a template or page with Elementor in advance and then paste its shortcode into the popup window
• Setting the trigger conditions for the popup window (e.g. clicking a button, displaying it after the page loads, etc.)

• Save and Publish Popups

Bind popups to buttons:

1. TobuttonsAdds the CSS class name (operates in Elementor):

• Edit Button Elements
• Click on the "Advanced" tab in the left panel
• Fill in the CSS Class field with the class name, for example:show-popup

(Note: no periods) .Write directly show-popup (can be done)

2. Set the trigger conditions in the Popup Maker popup window:

• Edit popups
• Scroll down to "Popup Settings > Triggers" setting below.
• Click "Add New Trigger" → Select Click Open

• Enable "Target Selector" in subsequent settings
• importation .show-popup(this time with a period to indicate a CSS class selector)

As soon as the user clicks on the button with the show-popup The button with the class name will trigger this popup to pop up. In this way you have implemented the Elementor Free Edition + Popup Maker The popup click linkage effect of the

Second, add a form (Form) - with free plug-ins easy to handle

Elementor Pro doesn't have a built-in forms module, but you can choose from the following free plug-ins to do soform function::

Recommended Plugins:
WPForms Lite (for beginners)
Contact Form 7 (classic, stable functionality)

in order to WPForms Lite As an example:

Operational Processes:

• Install and Enable WPForms Lite
• Click "WPForms > Add New" in the background and select a template (e.g. "Simple Contact Form").

• Drag and drop fields to adjust form structure (name, email, message, etc.)

• Save form, copy shortcode

• Go back to the Elementor page and paste in the "shortcode" widget to display the form.

This way you can embed forms in any page, popup window, and support user interactions such as leaving comments, submitting information, and so on.

Third, add a rotating map (Slider) - directly with the built-in components to achieve

Elementor Free Edition doesn't have an advanced slideshow, but the basicrotating chartThe function is self-contained.

Usage:

• Open the Elementor Page Editor
• drag in "Image Rotation Gadgets (Image Carousel)

• Upload multiple images (uniform size recommended)
• set upslide (photography, presentation software)Parameters such as switching effects, sliding speed, autoplay, etc.

• Optional display of navigation arrows, paging dots

This component is especially suitable for the home page BannerThe content of this website includes the following: "The branding of the company, the display of cooperative brands, the rotation of customer cases, etc.".

It can be used if you want to realize more advanced slideshows, such as text animations and graphic combinations:

• Smart Slider 3 (free version)
• MetaSlider (lightweight and practical)

It is then embedded in the Elementor page via shortcode.

IV. Recommendations and additional tips

• The popup + form combination is ideal for marketing conversion modules such as "enquire now" and "claim your discount".
• It is recommended to jump to a thank you page after form submission to enhance user trust
• Rotating image should not be too many pictures, it is recommended to control the 5 or less, to avoid slowing down the loading speed
• All plugins are recommended to be installed through the WordPress Plugin Marketplace to avoid using versions from unknown sources.

reach a verdict

Elementor The free version features also make it easy to add pop-ups, forms, and rotating images to add interactive vibrancy and a professional feel to your site. If you're starting out with a free template, get your hands dirty and try these methods. After you learn them, you'll not only save more on your budget, but you'll also acquire more skills to build your own website.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off