Elementor Website Builder – víc než jen nástroj pro tvorbu webu

Popis

THE #1 NO CODE DRAG & DROP WORDPRESS WEBSITE BUILDER POWERING 22M+ WEBSITES WORLDWIDE, NOW WITH AI.

Elementor, přední platforma pro tvorbu webů ve WordPressu, vám umožňuje snadno vytvářet profesionální webové stránky dotažené do posledního pixelu díky bezkódovému Atomic Editoru s funkcí přetahování prvků.

Elementor podporuje celý životní cyklus webu a umožňuje vám s jistotou vytvářet, optimalizovat a spravovat vaše stránky díky rozšířeným možnostem, jako je tvorba s využitím AI, optimalizace obrázků, doručování transakčních e-mailů, nástroje pro přístupnost, zlepšení výkonu a další.

Now in version 4 – the Atomic Editor! Introducing a new generation of performance-first atomic building blocks that allow you to control every atomic part with no limits or locked layouts. Define your global design systems and reusable components once, and they apply everywhere instantly – turning hours or even days of work into single clicks.

Unlock all features with Elementor One.

Potřebujete rychlý a bezpečný cloud hosting pro svůj web na Elementoru? Vyzkoušejte Elementor Host s technologií Google Cloud a Cloudflare. Hodnocení 4,9/5 na Trustpilotu.

🌟 Create professional stunning websites

  • Intuitive drag & drop builder: Build any website with our no-code, drag-and-drop Editor. Achieve design precision with full control over layout and style.
  • Pixel-perfect design tools: Upload SVGs, apply masks, gradients, box shadows, headline effects, shape dividers, and use built-in CSS controls for advanced customization.
  • Template Library: Apply complete website kits for instant setups, or choose from a vast library of single pages, blocks, and pop-up templates.
  • Advanced widgets: Access over 40 FREE widgets, including heading, image, text editor, video, button, gallery, carousels, and more.
  • AI capabilities: Revolutionize your design and content creation process with native AI integration. Instantly create sections, text, code, and images.

🗝️ Key features

  • Design system: Use Variables and Classes for consistent colors, typography, and design elements, ensuring a cohesive, professional look that updates everywhere globally.
  • Responsive design: Optimize your design for every device with custom breakpoints, ensuring a seamless desktop, tablet, and mobile experience.
  • Mask shapes: Turning any element, like an image or video, into whatever shape you desire to create standout designs.
  • CSS transform: Use CSS Transform to rotate, scale, and skew elements, adding dynamic styling to your site.
  • Entrance animations: Add entrance animations to elements to create engaging and interactive user experiences.
  • Revision history: Elementor’s Revision History feature enables users to track and revert to previous versions of their designs, providing peace of mind and flexibility during the creative process.
  • Developer-friendly: Equipped with extensive documentation, API, developer tools, and custom code areas, Elementor offers a conducive environment for developers to extend its capabilities and create custom solutions.
  • Floating buttons: Enhance user interaction with customizable, floating action buttons that stay in view as users scroll.
  • Components [Pro]: Reuse the same building blocks across pages and sites, and update them everywhere they appear. Including controlled content editing, allowing collaborators and clients to update only exposed content properties without breaking layout or styling.
  • Tvůrce šablon [Pro]: Navrhujte každou část svého webu – záhlaví, zápatí, příspěvky i archivy – a získejte úplnou kontrolu nad jeho vzhledem.
  • Popup Builder [Pro]: Create eye-catching popups with Elementor’s Popup Builder, equipped with advanced targeting and triggering options to optimize user engagement and conversions.
  • Forms [Pro]: Design and integrate custom forms, utilizing advanced features and integrations to capture and manage submissions effectively.
  • WooCommerce Builder [Pro]: Integrate Elementor with WooCommerce to design custom product pages, shop layouts, archives, carts, checkout pages, my account, and more, enhancing your store’s visual appeal and functionality.
  • Dynamic Content [Pro]: Leverage dynamic content capabilities to create personalized and interactive web experiences by connecting your designs to various data sources.
  • Notes [Pro]: Enhance team collaboration by using Elementor’s Notes feature to leave feedback and comments directly on the design interface.
  • Custom Code [Pro]: Insert custom code to extend the functionality of your site, offering flexibility for advanced customizations.
  • Custom CSS [Pro]: Apply Custom CSS to fine-tune the styling of elements, ensuring precise control over the design aspects.
  • Motion effects [Pro]: Add advanced motion effects to elements for a more dynamic and engaging user experience.
  • Custom fonts and icons [Pro]: Upload and use custom fonts and icons to match your brand’s identity.

😍 Elementor FREE widgets

Využijte plný potenciál Elementoru díky naší komplexní sadě bezplatných widgetů a nástrojů, které vám usnadní tvorbu webu a rozšíří vaše možnosti designu:

  • Heading: Add eye-catching headlines.
  • Image: Control the size, opacity and more.
  • Text Editor: Just like the WordPress text editor.
  • Video: Add YouTube, Vimeo, VideoPress, Dailymotion or self-hosted videos.
  • Button: Create interactive buttons.
  • Link in Bio: Build link in bio components to promote your business / services.
  • Image Box: A box with image, headline and text.
  • Testimonials: Customer testimonials.
  • Icon: Place one or more of 600+ icons available.
  • Icon Box: An icon, headline, and text with one widget.
  • Social Icons: Link to your social pages with the Facebook/X (formerly Twitter) icons.
  • Image Gallery: Display your images in a grid.
  • Image Carousel: Create rotating carousels or sliders for chosen images.
  • Icon List: Use any icon to create a bullet list.
  • Counter: Show numbers in an escalating manner.
  • Progress Bar: Include an escalating progress bar.
  • Nested Tabs: Display content in vertical or horizontal tabs.
  • Nested Accordion: Display any type of content in collapsible sections.
  • Rating: Display how many stars (or another icon) other visitors gave.
  • Alert: Include a colored alert box to draw visitor’s attention.
  • HTML: Insert code into the page.
  • Shortcode: Insert shortcodes from any plugin into the page.
  • Menu Anchor: Link any menu to this anchor.
  • Read More: Set the Read More cut-off for the excerpt in archive pages.
  • Sidebar: Add sidebars onto the page.
  • Google Maps: Embed maps into the page.
  • SoundCloud: Add SoundCloud audio bits.
  • Divider: Separate content with a designed divider.
  • Spacer: Add space between elements.
  • Text Path: Attach your text to a path.
  • And counting…

🚀 Enhance your website

High-performing websites: Website performance impacts your visitors’ experience and search result ranking. Elementor, in partnership with Google Chrome, continuously enhances performance without compromising design.

Mezi hlavní funkce patří:

  • Reduced DOM output: Streamlined HTML structure for faster rendering.
  • Improved media file loading: Optimized loading of images, videos, and other media assets.
  • Reduced CSS and JS files: Minimized stylesheets and scripts individually loaded only on demand for quicker loading times.
  • Lazy loading: Deferred loading of non-critical resources to improve initial page load speed.
  • Faster font loading: Efficient delivery of web fonts to enhance text rendering speed.
  • Optimized front-end asset loading: Efficient loading of assets like JavaScript and CSS to minimize render-blocking.
  • Element caching: Cache frequently accessed design elements to reduce server response time and enhance overall performance.

🔥 Elementor Editor Pro features

Create unparalleled websites while saving time, money and resources with Elementor Editor Pro’s full website builder. Get access to 100+ professional widgets, features, and tools.

Editor Pro design widgets:

  1. Posts: Display your blog posts with customizable layouts and styles.
  2. Share Buttons: Allow visitors to easily share your content on various social media platforms.
  3. Portfolio: Showcase your work or projects with stunning portfolio layouts.
  4. Slides: Create dynamic slideshows with custom animations and transitions.
  5. Form: Design and customize advanced forms for user interaction and data collection.
  6. Login: Add a login form or user registration module to your website.
  7. Nav Menu: Customize and style your website’s navigation menu for better user experience.
  8. Animated Headline: Create attention-grabbing headlines with animated effects.
  9. Price Table: Display pricing plans or packages in a structured and visually appealing format.
  10. Price List: Showcase a list of prices or services with customizable styling options.
  11. Gallery: Create beautiful image galleries with various layout options and lightbox support.
  12. Flip Box: Add interactive flip animations to highlight content or features.
  13. Call to Action: Encourage user interaction and conversions with compelling call-to-action sections.
  14. Media Carousel: Showcase a carousel of media files such as images or videos.
  15. Testimonial Carousel: Display client testimonials in a carousel format for social proof.
  16. Nested Carousel: Create nested carousels for more complex content organization.
  17. Loop Carousel: Display content in a looped carousel for continuous viewing.
  18. Table of Contents: Generate a table of contents for longer articles or guides to improve navigation.
  19. Countdown: Add countdown timers to create urgency for promotions or events.
  20. Facebook Page: Embed your Facebook page feed or content onto your website.
  21. Blockquote: Highlight quotes or testimonials with stylish formatting options.
  22. Template: Save and reuse design templates for consistent branding and layout.
  23. Reviews: Showcase customer reviews and ratings to build trust and credibility.
  24. Facebook Button: Add buttons to promote interactions with your Facebook page or content.
  25. Facebook Embed: Embed Facebook posts or content onto your website.
  26. Facebook Comments: Enable Facebook comments on your website’s pages or posts.
  27. PayPal Button: Integrate PayPal buttons for easy online payments.
  28. Stripe Button: Integrate Stripe payment buttons to facilitate secure online transactions.
  29. Lottie Widget: Add Lottie animations to enhance visual appeal and engagement.
  30. Code Highlight: Display code snippets with syntax highlighting for better readability.
  31. Video Playlist: Create and customize playlists for video content on your website.
  32. Mega Menu: Přizpůsobte si rozšířené menu pro lepší navigaci a přehlednější zobrazení složitějšího obsahu.
  33. Off-Canvas: Vytvářejte vysouvací oblasti pro doplňující informace nebo menu, aniž by narušily hlavní rozvržení stránky.

Editor Pro theme widgets:

Build and customize all the key parts of your website including headers, footers, 404 page, global archives, and more…

  1. Post Title: Customize the title of individual blog posts or pages.
  2. Post Excerpt: Display a brief summary or teaser of your blog posts.
  3. Post Content: Customize the main content area of your blog posts or pages.
  4. Featured Image: Set and customize featured images for blog posts or pages.
  5. Author Box: Display author information and bios on blog posts.
  6. Post Comments: Customize the appearance and functionality of comments sections on your website.
  7. Post Navigation: Add navigation links to adjacent posts for easy browsing.
  8. Post Info: Display additional information about blog posts, such as author and date.
  9. Site Logo: Upload and customize your website’s logo for branding purposes.
  10. Site Title: Customize the title of your website.
  11. Page Title: Customize the title of individual pages.
  12. Search Bar: Add a search bar to allow users to search your website’s content.
  13. Breadcrumbs: Display hierarchical navigation paths for better user navigation.
  14. Sitemap: Generate a sitemap for better search engine indexing and user navigation.
  15. Loop Grid: Design and customize grid layouts for blog post archives or product listings.

Editor Pro WooCommerce widgets:

Navrhněte a přizpůsobte kompletní online nákupní prostředí pro celý svůj web.

  1. Produkt: Zobrazuje jednotlivé produkty s možností upravit jejich rozvržení a styl.
  2. Drobečková navigace: Zobrazuje hierarchii navigace, která uživatelům usnadňuje orientaci v obchodě.
  3. Název produktu: Upravte zobrazení názvu jednotlivých produktů.
  4. Obrázky produktů: Nastavte a upravte obrázky zobrazované ve výpisech produktů.
  5. Cena produktu: Zobrazuje cenu jednotlivých produktů.
  6. Add To Cart: Add customizable add to cart buttons for easy purchasing.
  7. Product Rating: Display ratings and reviews for products.
  8. Product Stock: Display stock availability for products.
  9. Product Meta: Display additional information about products, such as SKU and categories.
  10. Product Content: Customize the main content area of product descriptions.
  11. Short Description: Display brief summaries or teasers of products.
  12. Product Data Tabs: Organize product information into tabbed sections for better organization.
  13. Additional Information: Display additional details about products, such as dimensions and weight.
  14. Product Related: Showcase related products to encourage additional purchases.
  15. Upsells: Promote upsell products to increase average order value.
  16. Products: Display a grid or list of products with customizable settings.
  17. Custom Add To Cart: Customize the add to cart button for specific products.
  18. WooCommerce Pages: Design and customize WooCommerce-specific pages, such as the cart and checkout pages.
  19. Product Categories: Display product categories for easy navigation within your store.
  20. Košík v menu: Zobrazte v navigační nabídce ikonu košíku pro snadný přístup k nákupnímu košíku.
  21. Košík: Přizpůsobte vzhled a fungování stránky košíku.
  22. Pokladna: Přizpůsobte vzhled a fungování stránky pokladny.
  23. Můj účet: Přizpůsobte vzhled a funkčnost zákaznického účtu.
  24. Souhrn nákupu: Zobrazuje přehled nákupu během dokončení objednávky.
  25. Oznámení WooCommerce: Přizpůsobte si vzhled a fungování oznámení WooCommerce, například zpráv potvrzujících objednávku.

Build professional websites with Elementor Editor Pro!

🔒 Security and compliance

Elementor places a paramount focus on security, evident through our acquisition of industry certifications such as ISO/IEC 27001, ISO/IEC 27017, ISO/IEC 27018, ISO/IEC 27701, and SOC 2 Type II. These certifications underscore our commitment to implementing robust security measures and highlight our dedication to adhering to recognized industry standards.

We encourage ethical security research through our Bug Bounty program. We collaborate with leading bug bounty services to provide opportunities for researchers to report vulnerabilities in our services. Our bounty programs include a triage team available 24/7/365.

For more information: Trust Center.

♿ Accessibility best practices

Elementor offers accessibility tools and enhancements to help you provide a better experience for all users. Including HTML 5 semantic, full keyboard navigation menu, ongoing improvement of features, widget, and more.

🌐 Translated to 63+ languages, includes RTL support

Elementor podporuje více jazyků, různé typografie i psaní zprava doleva a editor je přeložen do více než 63 jazyků.

It’s also compatible with WPML, Polylang, TranslatePress, Weglot, and more. To contribute, add a new language via translate.wordpress.org. See our guide on how to translate and localize the plugin.

🧩 Use of 3rd-party services

To improve the user experience, Elementor may use the following 3rd party services if the required feature is enabled:

  • Google Fonts are loaded to add additional fonts to your website. Google’s TOS and Privacy Policy apply.
  • Some Elementor features require loading assets from Elementor.com. These assets are not used for tracking unless explicitly stated, and require your approval and manual opt-in. Learn more in our TOS and Privacy Policy.

📧 Related products by Elementor

Image Optimization: Superior image compression for faster, high-quality website performance.

Email Deliverability: Reliable email management without SMTP plugins, keeping your communications streamlined and efficient.

Web Accessibility: Enhances website usability for individuals with disabilities. Ally is designed to help web creators make their websites more inclusive. It scans, detects, and remediates key accessibility violations, working seamlessly on all WordPress and Elementor websites.

📣 See what our users have to say

„Elementor je jednoznačně nejlepší nástroj pro tvorbu stránek na trhu“ – ★★★★★ Graphicvision1

„Neuvěřitelně uživatelsky přívětivý plugin“ – ★★★★★ Hyeyoga

“Easily, my most used WP plugin” – …

Snímky obrazovky

Instalace

Minimální požadavky LearnDash

  • WordPress 6.8 or greater
  • PHP verze 7.4 nebo vyšší
  • MySQL version 5.6 or MariaDB version 10.5 or greater
  • PHP Memory limit of 256 MB or greater
  • WordPress Memory limit of 256 MB or greater

Recommended Requirements

  • WordPress 7.0 or greater
  • PHP version 8.3 or greater
  • MySQL version 8.0 or MariaDB version 10.6 or greater
  • PHP Memory limit of 512 MB (768 MB for best performance) or greater
  • WordPress Memory limit of 512 MB (768 MB for best performance) or greater

Note: These requirements are for Elementor and Elementor Pro only. If you are using additional plugins on your site that also have minimum requirements such as WooCommerce or Elementor addons, you may need to increase your PHP and WordPress Memory limit to help avoid loading issues. See also, the following documentation Elementor Widget Panel Not Loading.

Instalace

  1. Nainstalujte pomocí vestavěného instalátoru pluginů WordPressu nebo rozbalte soubor zip a vložte jeho obsah do adresáře wp-content/plugins/ v instalaci WordPressu.
  2. Zásuvný modul aktivujte v nabídce „Zásuvné moduly“ ve WordPressu.
  3. Přejít na stránky > Přidat nové
  4. Stiskněte tlačítko „Upravit pomocí Elementoru“.
  5. Nyní můžete přetahovat widgety z levého panelu do oblasti obsahu a přidávat nové oddíly a sloupce, které tvoří strukturu stránky.

Dokumentaci a výukové programy naleznete v naší znalostní databázi.

Nejčastější dotazy

Jak nainstalovat editor Elementor?

To install the free version of Elementor Editor, follow the steps below:
From your WordPress dashboard -> Go to Plugins -> Click on ‘Add new’-> In the Search field, enter Elementor and choose Elementor website builder.
Press install -> After installation, click Activate.

Does Elementor Editor work with all the themes?

Elementor Editor works all the themes that respect the coding standards of WordPress set by its Codex. It is recommended to use Elementor’s Hello Theme, a lightweight blank canvas, to enjoy full flexibility when using Elementor Editor, and optimize your experience.

Is Elementor Editor compatible with Gutenberg?

Elementor Editor and Gutenberg work seamlessly together. As a user, you can easily decide which editor to use at every point while editing your site.

Mohu si vytvořit online obchod?

Yes, with the Elementor Editor Pro WooCommerce Builder you can customize every page of your store to create an amazing customer experience that drives sales.

Funguje s jinými pluginy WordPress?

It works with almost all the plugins. If you experience an incompatibility issue, please report it to us and to the plugin that conflicts with Elementor Editor.

Musím umět programovat?

No! Elementor Editor provides you with all the widgets and features that you need to build a professional website without using code.

Do I need to know how to design?

No, you can choose between professionally designed kits and templates that fit to every industry and have all you need to create your own professional website.

Will Elementor Editor slow down my website?

As Elementor prioritizes speed and performance, you enjoy better and faster performance with each new version of the Editor. When testing the same page layout on older versions you can see a significant performance improvement, from a score of 82 in Google PageSpeed Insight in version 3.1, to a score of 95 i in version 3.5.

Is my site secure with Elementor Editor?

Zabezpečení Vašeho webu je pro nás nesmírně důležité, proto provádíme proaktivní opatření, díky kterým Vám dáváme jistotu, že je Váš web chráněný. Elementor je certifikován dle ISO 27001 a pyšní se oddaným týmem profesionálů na zabezpečování, kteří právě do maximálního zabezpečení a dodržování regulací třetích stran implementují ty nejlepší poznatky, a to 24/7.

K dispozici je také řízený program Bug Bounty, který využívá sílu komunity a umožňuje nepřetržité odhalování zranitelností pomocí crowdsourcingu.

Mohu si šablony zakoupit samostatně?

Of course, you can use any template that supports Elementor Editor.

Is Elementor Editor compatible with Post and Custom Post Types?

Samozřejmě! Na stránce nastavení můžete nastavit, které typy příspěvků bude Elementor povolovat.

What is the difference between Elementor’s free Editor plugin and Elementor Editor Pro?

Bezplatná verze editoru Elementor vám umožní vyzkoušet si náš revoluční živý editor s funkcí drag & drop, základní widgety a šablony. Elementor Editor Pro (verze Essential, Advanced, Expert, Studio a Agency) vám nabízí profesionálnější nástroje, které zrychlí váš pracovní postup, poskytnou vám přístup k podpoře od našich specialistů, pomohou vám vytvářet pokročilejší obsah a přilákat návštěvníky. Kompletní srovnání najdete zde.

How can I become a Contributor?

If you want to contribute, go to our Elementor GitHub Repository and see where you can help. You can also add a new language via translate.wordpress.org. We’ve built a short guide explaining how to translate and localize the plugin.

Recenze

28. 6. 2026 2 odpovědi
Some tasks such as finding my templates are impossible. Poorly designed from top to bottom. Unfortunately we’re stuck using this product due to other product relying in this.
26. 6. 2026 1 odpověď
Messy widgets, unfriendly menu bars, lack of customization of widgets, severe slowdown, etc. All these problems have catastrophically reduced Elementor’s score after the 4.1.4 update. Please go back to version 4.1.2, guys.
25. 6. 2026
Lo estoy usando y las prestaciones que tiene son geniales
23. 6. 2026 1 odpověď
The latest versions are extremely confusing and makes no sense. Containers are now full-width flexbox which… what, we have to resize one by one? And why in the world they are appended to the end of the document instead of where I added them? Grids don’t do that – which means bugs ands more bugs. I love Elementor, but the v4 is a huge shot in the dark.
22. 6. 2026 1 odpověď
What’s with the almost daily updates. Does your dev team not understand how product updates are done? We are a agency licensee for several years and have seen the demise of this great plugin to now a adware/bloatware, that a software like Malwarebytes may soon target. Constant nag, popups, and updates. We spend more time babysitting your product than its worth. Its likely we will not renew ang are looking at Bricks and other alternatives. Just unfortunate.
20. 6. 2026 1 odpověď
Abituato alla versione classica mi trovo davvero in difficoltà ad utilizzare il sistema Atomic.. è complicato e macchinoso, sembra sia intenzionalmente articolato .. io continuo ad usarlo disattivando sempre la nuova funzione che trovo, ad oggi, un vero rompicapo. Semplificare, per favore, semplificare..
Přečtěte si všech 7 271 recenzí

Autoři

Elementor Website Builder – víc než jen nástroj pro tvorbu webu je otevřený software. Následující lidé přispěli k vývoji tohoto pluginu.

Spolupracovníci

Plugin „Elementor Website Builder – víc než jen nástroj pro tvorbu webu“ byl přeložen do 64 jazyků. Děkujeme všem překladatelům za jejich pomoc.

Přeložte “Elementor Website Builder – víc než jen nástroj pro tvorbu webu” do svého jazyka.

Zajímá vás vývoj?

Prohledejte kód, podívejte se do SVN repozitáře, nebo se přihlaste k odběru protokolu vývoje pomocí RSS.

Přehled změn

4.1.4 – 2026-06-21

  • Fix: Improved code security enforcement in query handling

4.1.3 – 2026-06-10

  • Fix: Cloud Library screenshot errors could prevent users from saving templates locally

4.1.2 – 2026-06-08

  • Tweak: Improved Global Classes usage tracking for safer deletion – Atomic Editor
  • Fix: Image with Lightbox inherits default button styles – Atomic Editor
  • Fix: Image settings are not saved when using Insert from URL – Atomic Editor
  • Fix: Media attachments may be requested too many times in the Editor – Atomic Editor
  • Fix: Pages using Global Classes may fail to publish or show missing styles on the live site – Atomic Editor
  • Fix: Editor context may not sync correctly when navigating between documents

4.1.1 – 2026-05-27

  • Security Fix: Improved code security enforcement in content handling
  • Security Fix: Improved code security enforcement in template handling
  • Fix: Hiding one filter prevents other filters from being applied – Atomic Editor

4.1.0 – 2026-05-26

  • New: Introducing the Design System panel for managing Variables and Classes in one place – Atomic Editor
  • New: Introducing Angie in the Editor to help generate and modify Atomic layouts, Components, Forms, Classes, and Variables – Atomic Editor
  • New: Introducing Markdown rendering as an Alpha experiment to improve how content is structured for AI systems
  • Tweak: Added import and export for Variables and Classes from the Design System panel – Atomic Editor
  • Tweak: Increased the Class limit to 1000 – Atomic Editor
  • Tweak: Added duplicate support for Variables in the Variables Manager – Atomic Editor
  • Tweak: Added duplicate support for Classes in the Class field – Atomic Editor
  • Tweak: Added support for Variables in additional style controls, including Effects, Filters, and Box Shadow – Atomic Editor
  • Tweak: Added multi-select support to Direction control in Interactions – Atomic Editor
  • Tweak: Added Interaction actions to the History panel – Atomic Editor
  • Tweak: Added support for negative Box Shadow values – Atomic Editor
  • Tweak: Improved reordering of Component properties with full drag-and-drop support – Atomic Editor
  • Tweak: Updated Position and Z-index control visibility and behavior – Atomic Editor
  • Tweak: Updated the minimum required WordPress version to 6.8
  • Tweak: Added the External URL option to Image control – Atomic Editor
  • Fix: Slide Interactions can be applied without selecting a direction – Atomic Editor
  • Fix: Undo does not work as expected for individual Class properties – Atomic Editor
  • Fix: Font family values persist on Global Classes after deletion – Atomic Editor

See changelog for all versions.