Tel.: +49 (0) 231 97 390 682         Mail: info[at]seohit.de         Skype: SEOHIT_Do

With the Pagebuilder Elementor you can build super cool WordPress pages – and that easily via drag & drop and without any programming knowledge.
In this blog article, I’ve incorporated most of the elements / widget of the WordPress Pagebuilder’s Elementor Pro into the page so you can watch live what the elements on a website look like. There are for example Animated Headlines, Media Carousel and Flip Box widgets.

Have fun looking through! By the way, if you have any questions, have found bugs or have comments, feel free to email me at info@seohit.de

Best regards from germany.

(Click on the respective headline for more information about the widget)

(*All links to the Elementor website in this blog article are affiliate / advertising links. If you buy the plugin after clicking on one of the links, it will not be more expensive for you, but I get a commission.)

Example | Posts Widget - Include preview of posts in every page

With this feature you can easily and clearly integrate contributions into every (!) Single page and every (!) Blog post. So you no longer need only the blog page of your theme to list posts.

You can choose for example how many columns should be displayed and how many contributions in total. In addition, it is also possible to display only contributions from certain categories, authors, etc.
There are also many customization options regarding the graphic design.

As it looks live:

(Sample posts witout content)

Example | Theme Builder Widget - Create customized Menu, Header and Footer

With Elementor Pro you have since May 2018 the ability to create the header and footer area of ​​a theme individually – no matter which theme you use. As a result, Elementor has actually evolved from the pagebuilder to the theme builder. So you can via Drag & amp; Drop Create your custom header and footer sections.
Also in this blog post I have created headers and footers with Elementor. Also a simple sticky header function is possible, as you can see when scrolling down to PC and tablet (for mobile this feature is disabled.
In addition, with Elementor Pro Menus you can incorporate all of them on the page.

Extra Information:
Normally you use all elementor widgets directly on the subpages or blog posts. But this Widget can be found in the Elementor Library in the WordPress Dashboard.

As it looks live:

(All links in the menus lead to subpages of my website in german. Ath this point i just included single menu widgets – for the header and footer view with Elementor Pro you can just scroll all the way up or down.)

Example | Call To Action Box Widget

With Call to Action Boxes you have two options for linking pictures, text and call to action buttons. Zoom effects make these boxes an additional interactive element for your website visitors.

As it looks live:

(The boxes or the buttons are just examples and not clickable.)

Net News (Example)

Daily News from the World Wide Web.
Check now

Net News (Example)

Daily News from the World Wide Web.
Check now

Example | Slider Widget

Here Elementor provides you with a nice base slider function. Of course, you can not compare it with plugins like Revolution Slider, but for many projects this slider is certainly sufficient.

As it looks live:

Example | Media Carousel Widget

With the Media Carousel Widget you can run pictures or videos on the screen and let them play with a mouse click or enlarge them.

As it looks live:

(By clicking on a field you can also show a vimeo or youtube video.)

Example | Testimonial Carousel Widget

Testimonials are best for promoting your own achievements and generating trust in the internet user. That’s why I would recommend anyone to definitely use the Elementador Pro referral carousel widget.

As it looks live:

(Some of my testimonials translated from german.)

Example | Flip Box

One of my absolute favorite elements are the flip boxes. These are used for example on my subpage references. As soon as the internet user moves the mouse over the box, the flip box rotates and the back is displayed.

As it looks live:

(Flip Boxes with two different mouseover effects.)
Example | Widget
Another of my favorite Elementor Pro elements are the animated headlines. Targeted and used in the right dose, these are a real eye-catcher. Basically, one differentiates between “Highlited” and “Rotated” and then has a few effects to choose from. Which these are exactly, I show you below:

As it look live:

Highlighted:

Effekt "Circle": This widget is

Effekt "Curly: This element is

Effekt "Underline: This widget is

Effekt "Double: This element is

Effekt "Double Underline": This widget is

Effekt "Underline Zig Zag": This element is

Effekt "Diagonal": This element is Amazing

Effekt "Strikethrough": This page is pretty cool

Effekt "X": Just 299,00€

Rotating:

Effekt "Typing": Elementor is a

Effekt "Clip": Elementor is a

Effekt "Flip": Elementor is a

Effekt "Swirl": Elementor is a

Effekt "Blinds": Elementor is a

Effekt "Drop In": Elementor is a

Effekt "Wave": Elementor is a

Effekt "Slide": Elementor is a

Effekt "Slide Down": Elementor is a

Example | Blockquote

With a blockquote you can very well highlight the importance of important points and win the attention of the readers. Again, Elementor offers a handy widget so your block quotes can easily integrate into your website.

As it looks live:

With a block quote you can very well highlight the importance of important points and win the attention of the readers.

Max Mustermann

Example | Login Widget

For your individual WP account on any page, Elementor Pro offers a login widget. You can customize this with regard to the design. On the form here in the example, I have not changed anything and I can log in from now on this page with my WordPress account.

As it looks live:

(In German)

Example | Countdown Widgets

You have a project or product coming online soon? Then the Elementor Pro countdown widget might be helpful. Again, there are a lot of setting options regarding the design. I just rounded off the corners of the frames a little bit.

As it looks live:

(These Words are also in german: Tage = days; Stunden = hours; Minutes = minutes; Sekunden = seconds)

Tage
Stunden
Minuten
Sekunden

Example | Price Table Widget

To present the prices of your products in a clear and attractive way, Elementor Pro has two widgets ready. The first is the price table. Here you can list price information and more information for your article.

As it looks Live:

I am a Title

I am a Subtitle
39
99
Monthly
  • List Article #1
  • List Article #2
  • List Article #3
Popular

Example | Form Widget

Anyone who has ever tried to create a contact form with a WordPress plugin knows that this can be a difficult undertaking at times – especially in terms of design. Again, Elementor Pro offers a good alternative with the corresponding contact form, which is styled in no time top. In addition, the form also offers a upload function, and a honeypot function or ReCaptcha feature against spam.

As it looks live:

(And the form works of course)

Example | Portfolio Widget

The Portfolio Widget works much like the Posts Widget. You can create portfolio pages here and then present and link them clearly. Again, there are some settings options regarding the selection and the graphics.

As it looks live:

(This is just an example without actual portfolio content.)

More Widgets / Elements

I did not integrate all the elements as live previews in this blog article. Below is a list of the widgets not yet described.
(Click on the respective headline to get more information about the widget on elementor.com)
Elementor Pro

My Review:

For me, the purchase was definitely worth it. Elementor Pro has almost all features to create great websites. Although you can always want more or you always want the odd extra feature, but another advantage is that Elementor is relatively new to the market. The team continues to develop the plugin, and sometimes requests from the community are integrated directly into the plugin.
(*All links to the Elementor website in this blog article are affiliate / advertising links. If you buy the plugin after clicking on one of the links, it will not be more expensive for you, but I get a commission.)
© Copywright SEOHIT 2018 | Alle Rechte vorbehalten
SEOHIT
Elementor Pro
51star1star1star1star1star