Beschrijving
THE #1 NO CODE DRAG & DROP WORDPRESS WEBSITE BUILDER POWERING OVER 16M WEBSITES WORLDWIDE, NOW WITH AI.
Elementor, the leading WordPress website creation platform, empowers you to build professional, pixel-perfect websites seamlessly.
Verander de manier waarop je sites bouwt met Elementor AI, een native AI-integratie. Maak direct complete secties, originele tekst, code en afbeeldingen, of verwijs naar een andere site om de lay-out ervan na te maken op je site.
Ontgrendel alle functies met Elementor Pro.
🌟 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. Create and export your own templates for reuse.
- Advanced Widgets: Access over 40 FREE widgets, including heading, image, text editor, video, button, gallery, carousels, and more. Customize and style widgets to fit your design needs perfectly.
- AI Capabilities: Revolutionize your design and content creation process with native AI integration. Instantly create sections, text, code, and images, or reference layouts from other websites.
🗝️ Key features:
- Design System: Utilize Elementor’s Design System to ensure consistency in colors, typography, and other design elements across your entire website, promoting a cohesive and professional look.
- Responsive Design: Optimize your design for any device with custom breakpoints and device-specific adjustments. Ensure a seamless experience for desktop, tablet, and mobile users.
- 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 at the widget and page level, 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.
- Theme Builder [Pro]: Elementor’s robust Theme Builder empowers you to design every part of your website, including headers, footers, single post layouts, and archive pages, providing complete control over the site’s appearance.
- 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]: Seamlessly integrate Elementor with WooCommerce to design custom product pages, shop layouts, product archives, menu carts, checkout pages, my account, and more, enhancing the visual appeal and functionality of online stores.
- 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 & Icons [Pro]: Upload and use custom fonts and icons to match your brand’s identity.
😍 Elementor FREE widgets
Unlock the potential of Elementor with our comprehensive suite of free widgets and tools, designed to empower your website creation process and elevate your design capabilities:
- Koptekst. Voeg in het oog springende koppen toe.
- Afbeelding. Bepaal de grootte, transparantie en meer.
- Teksteditor. Net zoals de WordPress editor.
- Video. Voeg YouTube, Vimeo, Dailymotion of zelf-gehoste videos toe.
- Button. Create interactive buttons.
- Link in Bio. Build link in bio components to promote your business / services.
- Afbeelding box. Een box die afbeelding, kopregel en tekst bevat.
- Aanbevelingen. Aanbevelingen van klanten.
- Pictogram. Plaats een of meer van de 600+ beschikbare pictogrammen.
- Pictogram box. Een pictogram, kopregel en tekst met één widget.
- Sociale pictogrammen. Link naar je sociale pagina’s met de Facebook/X (voorheen Twitter) pictogrammen.
- Afbeeldingen galerij. Toon je afbeeldingen in een raster.
- Afbeelding carrousel. Maak een roterende carrousel of sliders voor gekozen afbeeldingen.
- Pictogram lijst. Gebruik elk pictogram om een lijst met opsommingstekens te maken.
- Teller. Toon getallen oplopend.
- Voortgangsbalk. Voeg een escalerende voortgangsbalk toe.
- Geneste tabs. Geef inhoud weer in verticale of horizontale tabs.
- Geneste accordeon. Geef elk type inhoud weer in samenvouwbare secties.
- Toggle. Gebruik de toggle om inhoud te verbergen of te laten zien, zoals FAQ.
- Beoordeling. Geef weer hoeveel sterren (of een ander pictogram) andere bezoekers hebben gegeven.
- Waarschuwing. Voeg een gekleurd waarschuwingsvenster toe om de aandacht van de bezoeker te trekken.
- HTML. Plaats code op de pagina.
- Shortcode. Voeg eenvoudig shortcodes toe van elke plugin aan de pagina.
- Menu anker. Link elk menu aan dit anker.
- Lees meer. Stel de Lees meer afkapwaarde in voor de samenvatting op archiefpagina’s.
- Zijbalk. Voeg een zijbalken toe aan de pagina.
- Google Maps. Sluit kaarten in op de pagina.
- SoundCloud. Voeg SoundCloud audiobestanden toe.
- Verdeler. Scheid inhoud met een ontworpen scheidingswand.
- Spatie. Voeg ruimte toe tussen elementen.
- Tekst pad. Voeg je tekst toe aan een pad.
- En meer op komst…
🚀 Enhance Your Website
High-Performing Websites: Website performance impacts your visitor’s experience and search result ranking. Elementor, in partnership with Google Chrome, continuously enhances performance without compromising design.
Key features include:
- 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 and concatenated stylesheets and scripts 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.
Op zoek om de prestaties van sites te verbeteren? Maak kennis met de Image Optimizer plugin van Elementor: een eenvoudig te gebruiken WordPress plugin die moeiteloos de afbeeldingsgroottes verkleint zonder kwaliteit te verliezen. Compatibel met populaire formaten zoals JPEG, PNG, WebP en GIF, zorgt het voor een visueel verbluffende, snelle site – download nu!
📈 Accelerate your web creation process
To speed up your workflow, Elementor offers tools that enhance collaboration and efficiency, such as:
- Vinder – navigeer snel tussen verschillende pagina’s en site componenten, of maak nieuwe siteonderdelen.
- Toevoegen aan favorieten – zet veelgebruikte widgets vast bovenaan het widget paneel.
- Kopieer & plak tussen editors – kopieer elementen of lay-outs van de editor van de ene site naar de andere.
🔥 Elementor Pro Features
Maak weergaloze sites terwijl je tijd, geld en middelen bespaart met Elementor Pro’s volledige sitebouwer. Krijg toegang tot 100+ professionele widgets, functies en gereedschappen.
Pro Design Widgets:
- Posts: Display your blog posts with customizable layouts and styles.
- Share Buttons: Allow visitors to easily share your content on various social media platforms.
- Portfolio: Showcase your work or projects with stunning portfolio layouts.
- Slides: Create dynamic slideshows with custom animations and transitions.
- Form: Design and customize advanced forms for user interaction and data collection.
- Login: Add a login form or user registration module to your website.
- Nav Menu: Customize and style your website’s navigation menu for better user experience.
- Animated Headline: Create attention-grabbing headlines with animated effects.
- Price Table: Display pricing plans or packages in a structured and visually appealing format.
- Price List: Showcase a list of prices or services with customizable styling options.
- Gallery: Create beautiful image galleries with various layout options and lightbox support.
- Flip Box: Add interactive flip animations to highlight content or features.
- Call to Action: Encourage user interaction and conversions with compelling call-to-action sections.
- Media Carousel: Showcase a carousel of media files such as images or videos.
- Testimonial Carousel: Display client testimonials in a carousel format for social proof.
- Nested Carousel: Create nested carousels for more complex content organization.
- Loop Carousel: Display content in a looped carousel for continuous viewing.
- Table Of Content: Generate a table of contents for longer articles or guides to improve navigation.
- Countdown: Add countdown timers to create urgency for promotions or events.
- Facebook Page: Embed your Facebook page feed or content onto your website.
- Blockquote: Highlight quotes or testimonials with stylish formatting options.
- Template: Save and reuse design templates for consistent branding and layout.
- Reviews: Showcase customer reviews and ratings to build trust and credibility.
- Facebook Button: Add buttons to promote interactions with your Facebook page or content.
- Facebook Embed: Embed Facebook posts or content onto your website.
- Facebook Comments: Enable Facebook comments on your website’s pages or posts.
- PayPal Button: Integrate PayPal buttons for easy online payments.
- Stripe Button: Integrate Stripe payment buttons to facilitate secure online transactions.
- Lottie Widget: Add Lottie animations to enhance visual appeal and engagement.
- Code Highlight: Display code snippets with syntax highlighting for better readability.
- Video Playlist: Create and customize playlists for video content on your website.
- Mega Menu: Customize advanced mega menus to improve navigation and display complex content structures effectively.
- Off Canvas: Create off-canvas content areas that slide in and out of view to display additional information or menus without cluttering the main page layout.
Pro Theme Widgets:
Build and customize all the key parts of your website including headers, footers, 404 page, global archives, and more
- Post Title: Customize the title of individual blog posts or pages.
- Post Excerpt: Display a brief summary or teaser of your blog posts.
- Post Content: Customize the main content area of your blog posts or pages.
- Featured Image: Set and customize featured images for blog posts or pages.
- Author Box: Display author information and bios on blog posts.
- Post Comments: Customize the appearance and functionality of comments sections on your website.
- Post Navigation: Add navigation links to adjacent posts for easy browsing.
- Post Info: Display additional information about blog posts, such as author and date.
- Site Logo: Upload and customize your website’s logo for branding purposes.
- Site Title: Customize the title of your website.
- Page Title: Customize the title of individual pages.
- Search Bar: Add a search bar to allow users to search your website’s content.
- Breadcrumbs: Display hierarchical navigation paths for better user navigation.
- Sitemap: Generate a sitemap for better search engine indexing and user navigation.
- Loop Grid: Design and customize grid layouts for blog post archives or product listings.
Pro WooCommerce Widgets:
Design and customize a complete online shopping experience across your entire website.
- Product: Display individual products with customizable layouts and styles.
- Breadcrumbs: Display hierarchical navigation paths for better user navigation within your store.
- Product Title: Customize the title of individual products.
- Product Images: Set and customize images for product listings.
- Product Price: Display the price of individual products.
- Add To Cart: Add customizable add to cart buttons for easy purchasing.
- Product Rating: Display ratings and reviews for products.
- Product Stock: Display stock availability for products.
- Product Meta: Display additional information about products, such as SKU and categories.
- Product Content: Customize the main content area of product descriptions.
- Short Description: Display brief summaries or teasers of products.
- Product Data Tabs: Organize product information into tabbed sections for better organization.
- Additional Information: Display additional details about products, such as dimensions and weight.
- Product Related: Showcase related products to encourage additional purchases.
- Upsells: Promote upsell products to increase average order value.
- Products: Display a grid or list of products with customizable settings.
- Custom Add To Cart: Customize the add to cart button for specific products.
- WooCommerce Pages: Design and customize WooCommerce-specific pages, such as the cart and checkout pages.
- Product Categories: Display product categories for easy navigation within your store.
- Menu Cart: Display a cart icon in your navigation menu for easy access to the shopping cart.
- Cart: Customize the appearance and functionality of the shopping cart page.
- Checkout: Customize the appearance and functionality of the checkout page.
- My Account: Customize the appearance and functionality of the customer account area.
- Purchase Summary: Display a summary of purchases during the checkout process.
- WooCommerce Notices: Customize the appearance and functionality of WooCommerce notices, such as order confirmation messages.
Bouw professionele sites met Elementor Pro!
🔒 BEVEILIGING EN NALEVING:
Elementor hecht veel waarde aan beveiliging, wat blijkt uit onze certificeringen zoals ISO/IEC 27001, ISO/IEC 27017, ISO/IEC 27018, ISO/IEC 27701 en SOC 2 type II. Deze certificeringen benadrukken onze toewijding aan het implementeren van robuuste beveiligingsmaatregelen en benadrukken onze toewijding aan het naleven van erkende industrienormen.
Om veilige en betrouwbare software te bouwen, volgen we een Secure System Development Lifecycle gebaseerd op best practices uit de industrie. Ons ontwikkelingsproces integreert meerdere diensten die kwetsbaarheden en configuratiefouten controleren, inclusief die in bibliotheken van derden. Elke regel code die we uitbrengen ondergaat handmatige en geautomatiseerde kwaliteitscontrole om mogelijke problemen op te sporen en aan te pakken.
We moedigen ethisch beveiligingsonderzoek aan via ons Bug Bounty programma. We werken samen met toonaangevende bug bounty diensten om onderzoekers de kans te geven kwetsbaarheden in onze diensten te rapporteren. Onze bounty programma’s omvatten een triage-team dat 24/7/365 beschikbaar is.
Voor meer informatie: Vertrouwenscentrum.
♿ Accessibility Best Practices
Elementor biedt toegankelijkheid gereedschappen en verbeteringen om je te helpen een betere ervaring te bieden voor alle gebruikers. Waaronder HTML5 semantiek, menu met volledige toetsenbordnavigatie, voortdurende verbetering van functies, widgets en meer.
🌐 Translated to 63+ languages, includes RTL support
Elementor ondersteunt meerdere talen en typografieën, is RTL-compatibel en standaard met editor vertalingen naar meer dan 63 talen. Elementor is ook compatibel met WPML, Polylang, TranslatePress, Weglot en meer.
Als je wilt bijdragen, voeg dan een nieuwe taal toe via translate.wordpress.org. Zie onze gids over het vertalen en lokaliseren van de plugin..
⏩ Use of 3rd Party Services
Om de gebruikerservaring te verbeteren, kan Elementor de volgende diensten van derden gebruiken als de vereiste functie is ingeschakeld:
- Google Fonts – worden geladen om extra lettertypes aan je site toe te voegen. Google’s servicevoorwaarden en privacybeleid
- Some Elementor features require loading additional assets from Elementor.com. …
Schermafdrukken
Visuele versleep-editor – Ontwerp je site lay-outs en plaats elk element waar dan ook op de pagina voor pixel-perfecte ontwerpen. 
Volledig ontwerpsysteem – Geniet van een professionele workflow en zorg voor consistentie op je hele site. Definieer je instellingen, gebruik ze wereldwijd en pas ze op elk moment direct aan. 
Responsive ontwerp Bewerk je site volledig en pas het gedrag aan op desktop, tablet & mobiel om de bezoekerservaring op elk apparaat te optimaliseren. 
Kits en templates – Geef je webcreatie een vliegende start of laat je inspireren door professioneel ontworpen templates of volledige site kits die beschikbaar zijn om direct aan te passen. 
Geneste elementen Maak gebruik van Elementor’s geneste widgets om een widget binnen het inhoudsgebied van een andere widget te plaatsen – zoals tabs en accordeon voor volledige ontwerpflexibiliteit. 
Bewegingseffecten – Voeg inkomende animaties en overgangen toe aan elk element op je site om bezoekers te fascineren.
Installatie
Minimale Systeemeisen
- WordPress 6.0 of hoger
- PHP versie 7.4 of hoger
- MySQL versie 5.0 of hoger
Aanbevolen vereisten
- PHP versie 8.1 of hoger
- MySQL versie 5.6 of hoger
- WordPress geheugenlimiet van 64 MB of meer (128 MB of meer heeft de voorkeur)
Installatie
- Installeer via de ingebouwde WordPress Plugin-installer, of pak het .zip-bestand uit en plaats de inhoud in de folder
wp-content/plugins/van je WordPress installatie. - Activeer de plugin via het ‘Plugins’ menu in WordPress.
- Ga naar pagina’s > voeg nieuwe toe
- Druk op de ‘Bewerk met Elementor’ knop.
- Nu kan je widgets van het linkerpaneel naar het inhoudsgebied slepen, en nieuwe secties en kolommen toevoegen die de paginastructuur vormen.
Ga voor documentatie en zelfstudies naar onze Kennisbank.
FAQ
-
Hoe installeer ik Elementor?
-
Om de gratis versie van Elementor te installeren, volg je de onderstaande stappen:
Vanuit je WordPress dashboard -> Ga naar Plugins -> Klik op ‘Nieuwe toevoegen’ -> In het zoekveld voer je Elementor in en kies je Elementor Website Builder.
Druk op installeren -> Na de installatie, klik op Activeren. -
Werkt Elementor met alle thema’s?
-
Elementor werkt met alle thema’s die voldoen aan de coderingsstandaarden van WordPress zoals vastgelegd in de Codex. Het wordt aanbevolen om Elementor’s Hello thema te gebruiken, een lichtgewicht blanco canvas, om volledige flexibiliteit te ervaren bij het gebruik van Elementor en je ervaring te optimaliseren.
-
Is Elementor compatibel met Gutenberg?
-
Elementor en Gutenberg werken naadloos samen. Als gebruiker kan je tijdens het bewerken van je site gemakkelijk beslissen welke editor je op elk punt wilt gebruiken.
-
Kan ik een online winkel maken?
-
Ja, met de Elementor Pro WooCommerce Builder kun je elke pagina van je winkel aanpassen om een geweldige klantervaring te creëren die de verkoop stimuleert.
-
Werkt het met andere WordPress plugins?
-
Het werkt met bijna alle plugins. Als je een incompatibiliteit probleem ervaart, meld het dan aan ons en aan de plugin die conflicteert met Elementor.
-
Moet ik weten hoe ik moet programmeren?
-
Nee! Elementor biedt je alle widgets en functies die je nodig hebt om een professionele site te bouwen zonder code te gebruiken.
-
Moet ik weten hoe ik moet ontwerpen?
-
Nee, je kunt kiezen tussen professioneel ontworpen kits en templates die passen bij elke branche en alles bevatten wat je nodig hebt om je eigen professionele site te maken.
-
Zal elementor mijn site vertragen?
-
Omdat Elementor prioriteit geeft aan snelheid en prestaties, geniet je van betere en snellere prestaties met elke nieuwe versie van Elementor. Wanneer je dezelfde pagina indeling test op oudere versies, zie je een aanzienlijke prestatieverbetering, van een score van 82 in Google PageSpeed Insight in versie 3.1 tot een score van 95 i in versie 3.5.
-
Is mijn site veilig met Elementor?
-
De beveiliging van je site is uiterst belangrijk voor ons en we nemen proactieve maatregelen om ervoor te zorgen dat je sites veilig zijn. Elementor is ISO 27001 gecertificeerd en heeft een toegewijd team van beveiligingsprofessionals die de beste praktijken in de branche implementeren voor maximale beveiliging en compliance, 24/7.
Er is ook een Bug Bounty programma voor beheerde beveiliging, dat gebruikmaakt van de kracht van de community door 24/7/365 kwetsbaarheden op te sporen door middel van crowdsourcing.
-
Kan ik templates apart kopen?
-
Natuurlijk kun je elke template gebruiken die Elementor ondersteunt.
-
Is Elementor compatibel met bericht- en aangepaste berichttypen?
-
Natuurlijk! Je kunt instellen welke berichttypen Elementor inschakelen op de instellingenpagina.
-
Wat is het verschil tussen de gratis plugin van Elementor en Elementor Pro?
-
Met de gratis versie van Elementor kun je onze revolutionaire verslepen live editor, basis widgets en templates verkennen. Elementor Pro (Essential, Advanced, Expert, Studio en Agency) geeft je meer professioneel gereedschap die je workflow versnellen, je toegang geven tot menselijke ondersteuning, je helpen meer geavanceerde inhoud te bouwen en bezoekers te converteren. Bekijk de volledige vergelijking hier.
-
Hoe kan ik een bijdrager worden
-
Als je wil bijdragen aan onze Elementor GitHub Repository en kijken waar je kan helpen.
Je kan ook een nieuwe taal toevoegen via translate.wordpress.org. We maakten ook een korte handleiding met de uitleg van hoe je een plugin kan vertalen en localiseren.
Beoordelingen
Bijdragers & ontwikkelaars
“Elementor Website Builder – More than Just a Page Builder” is open source software. De volgende personen hebben bijgedragen aan deze plugin.
Bijdragers
“Elementor Website Builder – More than Just a Page Builder” is vertaald in 63 talen. Dank voor de vertalers voor hun bijdragen.
Vertaal “Elementor Website Builder – More than Just a Page Builder” naar jouw taal.
Interesse in ontwikkeling?
Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.
Changelog
3.23.1 – 2024-07-15
- Fix: Slow loading of WordPress admin and Elementor screens due to AI health check
3.23.0 – 2024-07-15
- New: Elevate engagement with Floating Buttons – Convert visitors into leads, making it easier than ever to start a conversation on any platform
- New: Introducing Link In Bio – allowing you to create a digital business card and share it easily
- New: Generate Featured Image with AI
- New: Generate texts using AI within WordPress
- Tweak: Added support for the
overscroll-behaviorCSS property to improve scrolling experience - Tweak: Activated Editor Top Bar feature by default for new sites
- Tweak: Activated Element Caching feature for new sites and promoted to Beta status
- Tweak: Promotes “Lazy Load Backgrounds Images” feature to Stable status
- Tweak: Hide “Default Device View” from User Preferences when the Editor Top Bar is active
- Tweak: Increased the height of the Globals popover to improve usability
- Tweak: Improved Image style presets and added two additional ones in AI Images
- Tweak: Added Excerpt generation option with AI in the editor
- Fix: Performance issues causing lag and slowness while editing Nested Elements (#24076)
- Fix: Video autoplay issues in various scenarios (props @JxxIT, #24324, #14437, #7964)
- Fix: Writing permissions issues related to WordPress root directory (#21036, #17255)
- Fix: Restored deprecated Google fonts that were deprecated in the previous update (#27701)
- Fix: Vimeo link structure with privacy hash is not working correctly with dynamic link action using the lightbox
- Fix: Validate prompt and canvas changes to allow generation in AI image edit generative fill
- Fix: Elementor Core versions are being incorrectly added to Elementor Pro versions’ history
- Fix: AI Connect not launching when the user doesn’t have prior connect data