Elementor Website Builder – More than Just a Page Builder

Beskrivning

THE #1 WEB CREATION PLATFORM, POWERING OVER 16M WEBSITES WORLDWIDE.

Elementor, the leading WordPress website builder,empowers you to build professional, pixel-perfect websites. With an intuitive, no-code drag and drop interface, you can build any website.

Revolutionize the way you build websites with Elementor AI, a native AI integration. Create complete sections, original text, code, and images instantly, or reference another website to recreate its layout in your website.

Lås upp alla funktionerna med Elementor Pro.

PIXEL-PERFECT WEBSITES

Gain full control over your website’s design and layout with Elementor’s Page Builder. Drag elements to the canvas, and position them to achieve your desired page structure, and functionality.

Leverage Flexbox and CSS Grid Containers to create professional, lightweight, and responsive layouts. Use Elementor’s Nested Elements to elevate your design and unlock more freedom by nesting elements within other elements, such as placing widgets within the content area of Tabs or Accordions.

ADVANCED CAPABILITIES

With Elementor’s robust features and over 40 free widgets, you can create unique websites. Use advanced design capabilities, such as uploading SVG files, applying masks, box shadows, gradient backgrounds, headline effects, shape dividers, built-in CSS controls, and more.

FULL WEBSITE KITS AND TEMPLATE LIBRARY

Save time, or find inspiration with designer-made website kits and templates. Apply a Full Website Kit to get a website in a snap, including the Homepage, Service Page, and more. Use the library to import Single Pages, Blocks, or Popup templates. Or create and export your own templates and import them to another website to create reusable blueprints.

HELT RESPONSIVT

Adjust the content and presentation of your website per device. With Custom Breakpoints, adjust your website’s design for an ideal experience on every device. Display content based on device type, set alignment, spacing, layout, order, etc.

40+ FREE WIDGETS

Elementor includes 40+ free widgets for professional and engaging websites:

  • Rubrik. Lägg till iögonfallande rubriker.
  • Bild. Kontrollera storlek, opacitet och mer.
  • Textredigerare. Precis som WordPress-redigeraren.
  • Video. Lägg till videoklipp från YouTube, Vimeo, Dailymotion eller från egen server.
  • Knapp. Kontrollera varje aspekt för knappen.
  • Bildruta. En ruta med bild, rubrik och text.
  • Omdömen. Kundomdömen.
  • Ikon. Placera en eller fler av mer än 600 tillgängliga ikoner.
  • Ikonruta. En ikon, rubrik och text med en widget.
  • Social Icons. Link to your social pages with the Facebook/X (formerly Twitter) icons.
  • Bildgalleri. Visa dina bilder i ett rutnät.
  • Bildkarusell. Skapa roterande karuseller eller bildspel för valda bilder.
  • Ikonlista. Använd valfri ikon för att skapa en punktlista.
  • Counter. Show numbers in an escalating manner.
  • Förloppsindikator. Inkludera en eskalerande förloppsindikator.
  • Nested Tabs. Display content in vertical or horizontal tabs.
  • Nested Accordion. Display any type of content in collapsible sections.
  • Slå på/av. Använd slå på/av för att dölja eller visa innehåll, som vanliga frågor.
  • Betyg. Visa hur många stjärnor (eller annan ikon) andra besökare gav.
  • Alert. Include a colored alert box to draw visitor’s attention.
  • HTML. Infoga kod på sidan.
  • Kortkod. Infoga kortkoder från vilket tillägg som helst på sidan.
  • Menyankare. Länka menyer till detta ankare.
  • Read More. Set the Read More cut-off for the excerpt in archive pages.
  • Sidopanel. Lägg till sidopaneler på sidan.
  • Google Maps. Bädda in karta på sidan.
  • SoundCloud. Add SoundCloud audio bits.
  • Avdelare. Separera innehåll med en designad avdelare.
  • Spacer. Add space between elements.
  • Text Path. Attach your text to a path.
  • Och mer kommer …

ACCELERATE YOUR WEB CREATION PROCESS

To accelerate your workflow Elementor includes workflow and collaboration enhancing features, including:

  • Finder – quickly navigate between different pages and website components, or create new website parts quickly.
  • Add to Favorites – pin frequently used widgets to the top of the widget panel.
  • Copy & Paste Between One Editor to Another – copy any element or layout from the Editor of one website to another.
  • Versionshistorik – återställ och jämför tidigare versioner av din webbplats.

FAST LOADING WEBSITES

Website performance impacts your visitor’s experience and search result ranking. Therefore, Elementor continuously invests in improving performance and partnered with Google Chrome to identify more ways to optimize, without impacting design. Features include: reduced DOM output, improved media file loading, reduced CSS and JS files, lazy loading, faster font loading, optimized front-end asset loading, and more. Check our performance page.

Looking to boost sites performance? Meet the Image Optimizer plugin by Elementor: an easy-to-use WordPress plugin that effortlessly reduces image sizes without sacrificing quality. Compatible with popular formats like JPEG, PNG, WebP, and GIF, it ensures a visually stunning, high-speed website – download now!

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.

EN STARKT COMMUNITY

Join a global community that helps each other achieve their goals. Get answers, solve problems with other members, share knowledge, and more. Join community discussions, meetups, enjoy hundreds of YouTube videos, articles, and tutorials made by members worldwide.

Utvecklar-API

Elementor is open-source, Therefore developers have full access to documentation about the Editor’s code components including hooks, integrations and controllers. This includes a developer’s website, Developers Docs, Developers Blog, GitHub, Add-on Developers Newsletter, and more.

TRANSLATED TO 63+ LANGUAGES, INCLUDES RTL SUPPORT

Elementor supports multiple languages and typographies and is RTL compatible, with Editor translations to over 63 languages OOTB. Elementor is also compatible with WPML, Polylang, TranslatePress, Weglot, and more.
If you would like to contribute, add a new language via translate.wordpress.org. See our guide on how to translate and localize the plugin.

HÖJ DIN WEBBPLATS MED ELEMENTOR PRO

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

Elementor Pro-funktioner inkluderar:

  • Exclusive Kits and Templates – get a jumpstart or get inspired with pre-designed kits and templates.
  • Advanced Motion Effects – create unparalleled experiences by making elements on your website move, or keep elements in view at all times using sticky effects.
  • Industry-leading Theme Builder – customize your theme parts including header, footer, single post, post archive, single product, product archive, 404 page, and more.
  • WooCommerce Builder – design and customize every part of your online store to boost conversion.
  • Professional Form Builder and Submissions – collect lead submissions to stay connected with your visitors.
  • Popup Builder – display popups to the right visitor at the right time to boost conversion.
  • Dynamic Content – populate your website with content from your WordPress CMS.
  • Loop Builder – design your own listing template and leverage alternate templates to promote specific content within your listing grid.
  • Mega Menu widget – create simple or sophisticated menus for an intuitive navigation experience for your visitors.
  • Marketing automation and CRM integrations – connect your forms to your favorite software to stay connected with visitors.
  • Scroll Snap – create engaging experiences and ensure visitors scroll through your website as intended.
  • Custom fonts & icons – ensure you follow GDPR requirements and match your website’s fonts and icons to your brand.
  • Role manager – provide collaborators with appropriate access and editing capabilities.
  • Blog post widget – create a template to display blog posts.
  • Nested Carousel – design captivating carousels using any widget in each carousel slide.
  • Globala widgetar – justera innehållet, stilarna och inställningarna för en widget och återanvänd den på din webbplats.
  • Anpassad CSS – tillämpa anpassad CSS på vilket element som helst, eller globalt för att lyfta din design.
  • Anpassad kod – tillämpa anpassad kod var som helst på din webbplats för att höja upplevelsen.
  • 90+ professionella widgetar

Bygg professionella webbplatser med Elementor 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.

To build secure and reliable software, we follow a Secure System Development Lifecycle based on industry best practices. Our development process integrates multiple services that monitor vulnerabilities and configuration mistakes, including those in third-party libraries. Each line of code we release undergoes manual and automated quality assurance to detect and address any potential issues.

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.

RESURSER OCH SUPPORT

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
  • Some Elementor features require loading additional assets from Elementor.com. These assets are not used for tracking purposes unless it’s explicitly mentioned otherwise, in which case you would need to approve it and manually opt-in. Learn more about our TOS and Privacy Policy.

Gillar du Elementor?

Skärmdumpar

  • Visual Drag and Drop Editor – Design your website layouts and place any element anywhere on the page for pixel-perfect designs.
  • Full Design System – Enjoy a professional workflow and ensure consistency across your site. Define your settings, use them globally, and instantly adjust them any time.
  • Responsive Design Fully edit your website and customize the behavior on desktop, tablet, & mobile to optimize the visitor experience on every device.
  • Kits and Templates – Jumpstart your web creation process or get inspired with professionally-designed templates or full website kits available for your immediate customization.
  • Nested Elements Leverage Elementor’s Nested widgets to place any widget inside the content area of another widget – like Tabs, and Accordion for complete design flexibility.
  • Motion Effects – Add entrance animations and transitions to any element in your website to captivate visitors.

Installation

Systemkrav

  • WordPress 6.0 eller senare
  • PHP-version 7.4 eller senare
  • MySQL-version 5.0 eller senare

Rekommenderade krav

  • PHP-version 8.1 eller senare
  • MySQL-version 5.6 eller senare
  • WP-minnesgräns på 64 MB eller högre (128 MB eller högre föredras)

Installation

  1. Installera med WordPress egen Tilläggsinstallerare, eller packa upp zip-filen och lägg innehållet i katalogen wp-content/plugins/ i din WordPress-installation.
  2. Aktivera tillägget via menyn ”Tillägg” i WordPress.
  3. Gå till sidor > lägg till ny
  4. Tryck på knappen ”Redigera med Elementor”.
  5. Nu kan du dra och släppa widgetar från den vänstra panelen till innehållsområdet, samt lägga till nya sektioner och kolumner som bygger sidstrukturen.

För dokumentation och handledningar, besök vår Kunskapsbas.

Vanliga frågor

Hur installerar jag Elementor?

To install the free version of Elementor, 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.

Fungerar Elementor med alla teman?

Elementor 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, and optimize your experience.

Är Elementor kompatibel med Gutenberg?

Elementor och Gutenberg fungerar sömlöst tillsammans. Som användare kan du enkelt bestämma vilken redigerare som ska användas vid varje tillfälle när du redigerar din webbplats.

Kan jag skapa en onlinebutik?

Ja, med Elementor Pro WooCommerce Builder kan du anpassa varje sida i din butik för att skapa en fantastisk kundupplevelse som ökar försäljningen.

Fungerar det med andra WordPress-tillägg?

Det fungerar med nästan alla tillägg. Om du upplever ett inkompatibilitetsproblem, rapportera det till oss och vilket tillägg som är i konflikt med Elementor.

Behöver jag veta hur man kodar?

Nej! Elementor ger dig alla widgetar och funktioner som du behöver för att bygga en professionell webbplats utan att använda kod.

Behöver jag veta hur man designar?

No, you can choose between professionaly designed kits and templates that fit toevery industry and have all you need to create your own profesional website.

Will elementor slow down my website?

Eftersom Elementor prioriterar hastighet och prestanda får du bättre och snabbare prestanda med varje ny version av Elementor. När du testar samma sidlayout på äldre versioner kan du se en betydande prestandaförbättring, från en poäng på 82 i Google PageSpeed ​​Insight i version 3.1, till en poäng på 95 i i version 3.5.

Är min webbplats säker med Elementor?

Säkerheten för din webbplats är extremt viktig för oss och vi vidtar proaktiva åtgärder för att säkerställa att dina webbplatser är säkra. Elementor är ISO 27001-certifierad och har ett dedikerat team av säkerhetsexperter som implementerar branschpraxis för maximal säkerhet och efterlevnad, 24/7.

There is also a managed security Bug Bounty program, utilizing the community power by enabling 24/7/365 crowdsourced vulnerability detection.

Kan jag köpa mallar separat?

Naturligtvis kan du använda vilken mall som helst som stöder Elementor.

Är Elementor kompatibel med inlägg och anpassade inläggstyper?

Självklart! Du kan ställa in vilka inläggstyper som ska aktivera Elementor på inställningssidan.

What is the difference between Elementor’s free Plugin and Elementor Pro

Elementor’s Free version allows you to explore our revolutionary drag & drop live editor, basic widgets and templates. Elementor Pro (Essential, Advanced, Expert, Studio, and Agency) empowers you with more professional tools that speed up your workflow, give you access to human-powered support, help you build more advanced content, and convert visitors. See full comparison here.

Hur kan jag bli en bidragsgivare?

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.

Recensioner

30 maj 2024
Elementor is a great tool for designers who don’t want to learn to code or for developers who want to give their clients a ”canvas” to work with for editing their own sites. There’s so many templates and additional functionality plugins available in both free and paid versions that you could design your web agency around the plugin (and many do). However, as a designer who can code, I find the code output frustrating to work with. There are reasons for every ID, class, and custom tag on a <div>, but Elementor is heavy with markup in a way that the Gutenberg editor is not. When adding your own CSS to a child theme, be prepared to have long class selectors to overcome Elementor’s opinionated styling. I do my best not to resort to using !important tags but Elementor makes it tempting every time I need to code against it. My custom themes have their own ”elementor” scss files just for overrides! However, what prompted me to write this review is the constant AI popups. When completing a website, part of my agency’s process is to hand off to the client using a training session. Elementor is complex enough to take up most of the WordPress training session, but I am embarrassed in front of my clients when I have to tell them to close pop-up ads for AI. No designer should have to tell their client to close popups on their primary page builder. My agency is built around a product which is actively serving ads for itself—and mind you, the AI service is not free. It’s an ad for a $20 add-on to essentially have ChatGPT inside Elementor to write content or code snippets for you. If I were to start an agency today, I would not use Elementor.
29 maj 2024 1 svar
Permite diseñar casi completamente el front end de un sitio web. Las opciones de Elementor Pro para el diseño son excelentes. Antes utilicé Themler para Joomla y Wordpress, pero ya no tiene soporte, así que Elementor es una buena opción sólo para Wordpress.
Läs alla 6 817 betyg

Bidragsgivare och utvecklare

”Elementor Website Builder – More than Just a Page Builder” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.

Bidragande personer

”Elementor Website Builder – More than Just a Page Builder” har översatts till 63 språk. Tack till översättarna för deras bidrag.

Översätt ”Elementor Website Builder – More than Just a Page Builder” till ditt språk.

Intresserad av programutveckling?

Läs programkoden, kika på SVN-filförvaret eller prenumerera på utvecklarloggen via RSS.

Ändringslogg

3.21.8 – 2024-05-26

  • Fix: Can’t click on the AI consent modal checkbox

3.21.7 – 2024-05-22

  • Fix: Unnecessary commas cause Cron Jobs to fail in various scenarios (#25803)
  • Fix: AI Consent modal requires multiple clicks to check the box

3.21.6 – 2024-05-20

  • Security Fix: Improved code security enforcement in Icon Box and Image Box widgets
  • Fix: Console error related to the AI tooltip
  • Fix: Redirecting issue in AI Connect flow

3.21.5 – 2024-05-08

  • Tweak: Improved AI Image variations to use an updated and simplified model
  • Fix: Editor History actions are not working as expected when using keyboard shortcuts (#27030, #25861)

3.21.4 – 2024-04-30

  • Fix: Improved code enforcement of post Preview mode (#25860)
  • Fix: Accordion is not displayed as expected when using Safari browser in Accordion widget (#25905, #25789)

3.21.3 – 2024-04-25

  • Fix: Error notices appear in the editor and front end when using Icon Box widget (#25837)

3.21.2 – 2024-04-24

  • Fix: Improved code security enforcement in Heading widget
  • Fix: Icon Box widget disappears on the frontend if its Title and Description fields are empty

3.21.1 – 2024-04-18

  • Fix: Compatibility issue between Elementor Settings screen and 3rd party plugins
  • Fix: AI-generated images are consistently square and do not follow the selected aspect ratio

3.21.0 – 2024-04-15

  • New: Introducing Optimized Control Loading experiment – Improved TTFB by excluding UI controls from the frontend load, enhancing overall site speed
  • New: Meet Elementor Home – Jumpstart your web creation and expand your design toolkit
  • Tweak: Enhanced the mechanism of Lazy Load Background Images experiment for better performance
  • Tweak: Added additional styling options to Counter widget (#9068)
  • Tweak: Add additional unit options to Width and Height in Shape Dividers
  • Tweak: Optimized Button widget to eliminate unnecessary markup when no text is present
  • Tweak: Optimized Icon widget to eliminate unnecessary markup when no icon is present
  • Tweak: Optimized Spacer widget to eliminate unnecessary markup when no space is defined or set to 0
  • Tweak: Optimized Progress Bar widget to eliminate unnecessary markup when both title and percentage are empty.
  • Tweak: Optimized Testimonial widget to eliminate unnecessary markup when content controls are left empty
  • Tweak: Optimized Shortcode widget to eliminate unnecessary markup when the shortcode field is left empty
  • Tweak: Optimized Menu Anchor widget to eliminate unnecessary markup when the anchor ID is left empty
  • Tweak: Optimized Text Editor widget to eliminate unnecessary markup when the editor content is empty
  • Tweak: Optimized Icon Box widget to eliminate unnecessary markup when there is no content
  • Tweak: Optimized Image Box widget to eliminate unnecessary markup when there is no content
  • Tweak: Optimized Alert widget to eliminate unnecessary markup when the content is empty
  • Tweak: Improved Asset Loading feature merged to version
  • Tweak: Activated Grid Container feature for existing sites
  • Tweak: Promoted Editor Top Bar to Beta status
  • Tweak: Activated Lazy Load Background Images by default to new sites and changed status to Beta
  • Tweak: Optimized Gutenberg Loading feature merged to version and moved to Settings
  • Tweak: Optimize Image Loading feature merged to version and moved to Settings
  • Fix: Edit with Elementor button is missing in various scenarios when using WordPress 6.5.2
  • Fix: RTL websites using a LTR UI are flipping between ’left’ and ’right’ inside the editor
  • Fix: Deprecated styling has been removed from the Editor’s tabs
  • Fix: Replaced deprecated elementor.$previewElementorEl with documents.getCurrent().$element (props @vHeemstra)

See changelog for all versions.