Elementor Pro free (or almost) with these free WordPress plugins

It is clear that something has done well Elementor the emerging visual layout for WordPress, it is becoming more popular, something that shows the growing list of plugins that extend and improve.

I have clear that its main advantage over other visual layout is the smart of the decision to have published a free version in the WordPress.org directory . And this is something that Divi should have done a long time ago being as is a much more advanced designer than Elementor but which limits reach the fact of not having a free version.

] Although limited, since lacks some fundamental elements to be able to completely design a web as some visually attractive way to show WooCommerce entries or products, horrible even inserting the shortcodes the reality is that the free version of Elementor facilitates the entry way to its ecosystem and that is helping its implementation.

The list of " elements " that you missing to the free version of Elementor is nothing less than 146 according to the same developers.

Elementor Pro

Of course, if you want a fully functional version with which you can lay out qua Any website you must purchase the Pro version of Elementor ( from $ 49 per site ), which already includes everything you will miss in the free version.

We are talking about fundamental elements:

  • Portfolio
  • Carousel of tickets
  • Carousel of pages
  • Design masonry
  • Custom CSS
  • Page of entrances
  • Effect Ken Burns
  • Integration with forms
  • Media carousel
  • Testimony carousel
  • Call to action
  • Custom fonts
  • Access widgets
  • Entry page
  • Embedding anywhere
  • Price tables [19659014] etc, etc, etc …

So what do we do? Do we buy?

Well man, it's an option, and if you dare here's a link (affiliation, which does not matter to you, right?), And we'll see ] what free options we have to have an Elementor Pro without paying for it .

Free plugins for expanding Elementor

You will be surprised at the amount and quality of plugins available for enlarge Elementor up to levels practically of the Pro version.

Let's go to it!

SiteOrigin Widgets Bundle

The silly SiteOrigin folks are not. Well, in addition to creating this plugin for your own visual layout, have incorporated into the same plugin compatibility with Elementor.

So you have all your widgets to use also with Elementor.

You have Google Maps widgets, calls to action , image, image and video carousels HTML5, price table, ticket carousel, video, headlines, contact form, Hero section, icons and also of image grid, slide carousel, masonry structure, tabs, entries by taxonomies and even testimonials.

As you can see, practically everything that Elementor lacks for the Pro version.

Very good option, which is updated very often.

Elementor Addon Elements

Something more limited than the previous one, but also very interesting, especially if you do not need so many additional widgets.

In this case it incorporates at the moment separare s text, price tables, listings of entries, animated texts divided texts, Google Maps and all kinds of visualizations of Twitter (tweets, hashtags, chronologies, etc.). 19659044] Void Elementor Post Grid

If you only need to add ticket listings to Elementor this plugin incorporates everything you need. You can include a list of entries in list and grid mode and define, for example, if there will be a large entry and then the grid or list.

The truth is great.

Addons for Elementor

This plugin adds Elementor widgets to include entries, portfolios, team profiles, bar charts, all types of counters, testimonial carousel, ticket carousels, customer lists and tables of prices.

Pretty complete.

Premium Addons for Elementor

The same name implies, and includes no less than 19 new modules for Elementor , such as counters, progress bars, price table, Contact Form 7, people, testimonials, carrousels, etc.

It is a very good selection of additional modules.

Elementor Essential Addons

This extension stops Elementor includes 22 new elements, all customizable . Specially equipped with integration widgets for forms from Ninja Forms, Contact Form 7 or Gravity Forms, among others.

I would also highlight your social network feeds in addition to the grid WooCommerce products .

I think a very good selection very focused on features that other plugins put aside by focusing more on the carousels.

Elementor Addon & Widgets

If you are looking for an extension for Elementor more specialized in WooCommerce start with this plugin. Includes (at the moment) no less than 6 widgets to display WooCommerce products:

  • Products by category
  • Recent Products
  • Products on offer
  • Best selling products
  • Featured products
  • Popular Products ( best valued)

It also includes other grid widgets and ticket lists, as well as price list and service list.

PT Elementor Addon Lite

If you especially need to add Elementor compatibility with the Contact Form 7, Ninja Forms or WP Forms forms with installing this plugin you have it covered.

In addition, it also incorporates team member widgets, entries, testimonials, doubles buttons and additional boxes.

Elements Plus

This plugin goes out of the general tone of the extensions for Elementor, which makes it compatible with on having other installed.

This is because it incorporates special features into Elementor, namely …

  • Widget to label any existing element
  • Button in two lines of text
  • Galleries justified by jQuery
  • Maps with styles
  • Calls to action with 2 lines of text
  • Lists of AudioIgniter
  • Animation of preload
  • Instagram images
  • Pop-up messages (tooltips) in all Elementor's default elements and in those of this plugin (great)
  • Programming of visibility of any effect of the plugin.

As you see, very very interesting, especially the emergent messages, really useful, and the galleries, beautiful.

WidgetKit for Elementor

Another good selection of additional widgets for Elementor, such as carusels, porfolio, blog, testimonials, icon or image boxes, animation in bot count, prices, counters and emerging elements.

A little bit of everything.

AnyWhere Elementor

A special plugin, but essential for Elementor

Allows you to insert Elementor pages, library templates, and global templates anywhere using shortcodes, thus bypassing the limitation of the free version of Elementor.

In fact, if you insert a global Elementor element, when you change it, those changes are reflected anywhere you've inserted it.

Normal operation is through a shortcode whose only modifier is the element ID to insert, but if you prefer you also have a new type of personalized content. [19659091] Contact Form 7 Widget for Elementor

Ah! What do you only need to add to Elementor your Contact Form 7 forms? Then this plugin does the work, being able to apply styles, configure its behavior and more things.

Another special plugin, which should not be missing in any Elementor installation. What it does is allow you to create headers and feet for your entire website created with Elementor.

StylePress for Elementor

This plugin It's milk! Together with Elementor, it eliminates the need for the theme for your website, since it allows you to create the styles of your entire site, using Elementor and some additional widgets that it incorporates.

You simply create your style, and through Elementor, you can drag and drop your designs to any page and apply, all without having to program. It's a virgin, you have to see it in action to believe it.

Do you know more plugins for Elementor?

These are the plugins for Elementor that I recommend, but if you know any more you tell us in the comments, so we learn all of them.

Loading …

It may help you too:

How to optimize Contact Form 7

If, like millions of WordPress users, your contact forms plugin is Contact Form 7 you may have noticed that of the only thing that sins is that according to what situations can slow down the loading of your website so we will put solution .

Selectively load Contact Form 7

] The main problem as far as the load is concerned, which has the plugin Contact Form 7 and the majority of plugins is that loads all its styles and scripts globally in your web , it does not matter if there is a form or not on each page.

This, which is understandable, because the developer does not know where you are going to put a form it is a burden on the load of pages and entries that will not show any form but that, however, will be uploaded n them all CSS and JavaScript plugin.

Imagine, then, a website with 20 pages and 500 entries in which only one of the pages has a form. What you will get is that the styles and scripts of Contact Form 7 will be loaded in all of them, it does not matter if they have a form or not .

The solution is to register styles and scripts only in the pages or entries in which there is form.

Do not register CSS styles of Contact Form 7

Not to register ( deregister ) the styles of Contact Form 7 in any page or entry other than in which yes there is a form we just have to know the slug of the page with form, and cancel them in the rest, like this:

This code must be put in your customizations plugin or at the end of archi vo functions.php of the active theme (better if it is the theme child ).

What the code does is check if the page is not the one with the slug ] contact in which case un-registers the Contact Form 7 styles using the WordPress function wp_deregister_style.

Not registering the Contact Form 7 JavaScript

] For to un-register the JavaScript in the pages that do not have form we will do almost the same, but this time with the function wp_deregister_script . Following the previous example would be like this:

Of course, remember to save changes in your plugin customizations or file functions.php the one you have chosen to add these functions.

What if I have forms on several pages?

Good question. No problem, then we will adapt the code for to include the slugs of all the pages that have form .

The only thing is to modify the line that looks for the condition is_page and that modify it indicating the array of slugs instead of a single one. For example:

How to locate the slugs of your pages with forms

If you do not know where to locate the slugs of your pages you just have to go to the window of administration of posts or pages and click in any of them in Quick Edition and copy from there the slug .

Selective Load of Contact Form 7 locating the shortcode

As you already know, the Contact Form 7 plugin will show your forms where you find a shortcode containing contact-form-7 so other mediant mode e that we can load styles and scripts is locating this string in your content and unregistering styles and scripts in the rest .

You just have to create a function like this:

What the above code does is override the actions by which Contact Form 7 loads styles and scripts there where the shortcode of the plugin.

Do not load anything from CSS or JavaScript from Contact Form 7

If, for any reason, at some point you want to completely cancel the loading of Contact Form 7 styles and scripts you can define new constants in your file wp-config.php these:

This may be interesting in development environments, for example.

Can it be done with plugins?

I'll say yes, but the issue is that the only one available for this basically what you are asking for is the conditional on which it will not apply which you have to know and apply, so it's the same as what we did with the first codes.

If you want to try it, it's called Script Logic .

The problem with the refill of Contact Form 7

A few months ago it arose [19459] 067] an optimization problem whereby the usual web speed meters like GTMetrix showed important page load delays because of the following string:

The problem occurred where you had a loaded cache of page with some plugin so the active content as the integrated reCAPTCHA of Contact Form 7 needs to be updated in each page load, generating a call to the famous refill .

If you still have this problem can be solved in two ways:

Update

Since version 7.4.9.2 December 2017, this problem has been solved used, so update.

Manually delete the plugin page cache

Although you already know that I never recommend modifying plugins, themes or WordPress files, if for another reason you can not update, and do not use any type of CAPTCHA, locate the includes / controller.php file and cancel (comment) or delete these lines:

And why better not change plugins?

You yourself, but Contact Form 7 is the plugin with a more continuous development, which is updated to improve, and with a wider ecosystem, due to the hundreds of extensions that improve it .

The only thing is that if it causes you some problem of delay of load of pages you already know how to solve it.

Loading …

That may also help you:

The best free extensions for Contact Form 7 • WordPress Help

Contact Form 7 despite what Spartan seems at first sight, it is the most used plugin for forms of .

With more than 46 million downloads stands out above the rest, and in part it's because there are a lot of other developers which are responsible for adding functionalities through extensions that make it even better.

Below we will see some of extensions to Contact Form 7 more remarkable, interesting and even curious I hope to surprise you with some. Of course, they are all free.

With this curious plugin you can add a field for users to sign, physically and manually your forms if they have a pointing device from which they can do it, when they need it this functionality, for example in case of acceptance of conditions and things like that.

It's not for everyone but you sure did not know you could do something like that on your forms.

Would you like to add it to your form? contact a field in which the customers of your online store can select which order they are asking for ?

Well here you have it. With this extension you can add a new field to your forms so that the user can choose from a drop-down list the order on which the query is made. Simply great and tremendously useful for online stores .

If you use the MailChimp newsletter system with this plugin all the submissions of your form will add the user to send it to the list that decide from MailChimp to follow up later or campaigns, what you decide.

Easily convert your forms into your WordPress entries with this extension for Contact Form 7, which will save all shipments in a new window of content types called messages from which to use the title and content for your entries.

From the creator of Contact Form 7 we have this extension that adds one of the basic features that we have always missed in this wonderful plugin: save the forms in our WordPress .

With a simple interface, add a new menu d Onde, on the one hand we will have all the messages received and on the other submenu the contacts of those who sent us the forms, with the possibility of exporting both as CSV . Simple and light

An essential extension for Contact Form 7 if you want to add a field where users of your forms can select a date in a simple and visual way . Another thing that Contact Form 7 lacks is to be able to visually customize your forms, without having to know CSS and with this plugin that is integrated into the WordPress customizer it is a simple task.

If you want to take Contact Form 7 to the highest level you need this plugin. Once installed add a new tab to your forms from which add conditional fields in which to decide, for example, if a field will be visible or not, among other possibilities.

When you create your form you will find the new tag to add, and by default everything that exists between these tags will be hidden by default. You only have to go to the new tab of conditional fields and decide what has to happen to see or not what is between the tag.

You do not need to install WooCommerce, donation systems or payment gateways to request payments, with Contact Form 7 and this extension you can easily configure and display forms from which receive payments through PayPal .

If you want to do forms in several steps you do not need to insert a Google Docs form with this extension for Contact Form 7 you will be able to continue using your favorite forms plugin and define in a simple way what goes on each page of the form.

To get it in the form, go to the end of it and add the new tag called " multistep " and in its pop-up window choose the current and total step of steps that your form will have. In the URL field, the page that will contain this step. You must do this in each multi-step form. In this web has an example and the codes used to do it.


As you see, Contact Form 7 is a wonderful plugin with which, with a few extensions, you can ] create completely professional and complete forms, without limits .

Do you know any other cool extension for Contact Form 7?

Loading …

That may also help you:

Divi Tutorial: Adapt the styles of Contact Form 7 to Divi

Today we will see one of the tricks to customize Divi that I like the most, because it implies adapt the most used contact forms plugin, Contact Form 7, to the styles of this fantastic WordPress theme .

Because, let's face it, Contact Form 7 is a fantastic plugin but the default styles it includes for its forms are anything but pleasing to the eye it looks really spartan and bland.

 form-contact-form-7

You could say that why not use the forms that come with the Divi constructor, but I do not recommend it, because the fields that are offered are limited and you can not, for example, add drop-down lists, or upload files, or all those things that we like to include and customize in the forms.

 form-of-contact-divi "width =" 775 "height =" 524 "srcset =" https://ayudawp.com/wp-content/uploads/2016/10/contact-form -divi.png 775w, https://ayudawp.com/wp-content/uploads/2016/10/formulario-de-contacto-divi-550x372.png 550w, https://ayudawp.com/wp-content/uploads /2016/10/contact-form-divi-768x519.png 768w, https://ayudawp.com/wp-content/uploads/2016/10/contact-form-divi-140x94.png 140w "sizes = "(max-width: 775px) 100vw, 775px" /> </p>
<p> <img class= Divi -> Theme options -> Custom CSS :