De Ecwid-blog>Introductie van Ecwid voor Elementor: maak een e-commercewebsite in WordPress, geen codering

Introductie van Ecwid voor Elementor: maak een e-commercewebsite in WordPress, geen codering

Geplaatst op by Ilnur Basyrov, Ecwid-team

Als het gaat om het beheersen van WordPress, werkt de Elementor-paginabuilder als een tierelier. Dit gratis drag-and-drop Met de paginabuilder voor WordPress kunt u in een mum van tijd prachtig ontworpen pagina's maken - geen codering nodig. Meer dan vijf miljoen actieve installaties van Elementor bewijzen dat het populair is onder WordPress-gebruikers.

Kun je met Elementor een winkelwagen toevoegen aan WordPress? Reken maar dat je dat kunt! De Ecwid E-commerce Met de plug-in kunt u uw online winkel rechtstreeks in de Elementor-editor toevoegen. Of het nu om een ​​hele winkelpui gaat of om een ​​enkel product: slepen, neerzetten en beginnen met verkopen. Zo eenvoudig is het!

Hoe online te verkopen?
Tips van e-commerce experts voor eigenaren van kleine bedrijven en aspirant-ondernemers.
Vul een geldig e-mailadres in

Wat is Elementor?

Net zoals WordPress voor velen de sitebuilder bij uitstek is, die de drijvende kracht is 37% van alle websites. Elementor is de meest gebruikte paginabuilder voor WordPress en wordt in meer dan 30 jaar gebruikt drie miljoen sites en 180 landen.

Dit is wat de Elementor-paginabuilder zo populair maakt onder WordPress-gebruikers:


Je kunt in een handomdraai elementen overal op de pagina toevoegen drag-and-drop

Kun je Elementor gratis gebruiken? Ja, dit is vooral belangrijk voor een beginner die binnen een beperkt budget wil blijven. Wat heb je nog meer nodig! Tenzij de functionaliteit van uw Ecwid-winkel binnen handbereik was toen u Elementor gebruikte. Nou, wens ingewilligd.

Nu Ecwid E-commerce plug-in voor WordPress is compatibel met de Elementor-paginabuilder, u kunt met één klik online winkelfunctionaliteit aan uw site toevoegen.

U kunt direct een online winkel of een ‘Koop nu’-knop toevoegen wanneer u uw website maakt met Elementor – net zo moeiteloos als elk ander element van uw pagina.


U kunt Ecwid-widgets vinden in het linkergedeelte van de Elementor-editor

Niet alles e-commerce plug-ins zijn compatibel met Elementor, maar de Ecwid-plug-in is dat wel. Bovendien is het het gemakkelijkst te gebruiken en het meest betaalbaar e-commerce oplossing (u kunt deze zelfs gratis gebruiken als u maximaal 10 producten verkoopt). Het beste van alles is dat je geen technische vaardigheden nodig hebt om Ecwid te gebruiken E-commerce, of om de software te hosten en te onderhouden die deze onderscheidt van plug-ins zoals WooCommerce.

Ook: Hoeveel kost WooCommerce

Ecwid-widgets voor Elementor

Wanneer je een pagina in Elementor bewerkt, zie je twee secties op het scherm. Aan de linkerkant bevindt zich het bewerkingsvenster en aan de rechterkant kunt u zien hoe uw pagina eruit ziet.

Om elementen zoals tekst, afbeeldingen of knoppen aan de pagina toe te voegen, gebruikt u speciale inhoudsblokken: widgets.

Je kunt widgets toevoegen met een simpele drag-and-drop aan de hand van de linkerhand zijkant van het scherm en plaats ze op uw pagina. Zo kunt u uw winkel of producten aan de pagina toevoegen.

Wanneer u de Ecwid E-commerce plug-in, je hebt er twee e-commerce widgets in de Elementor-werkbalk: Online winkel en Koop nu-knop.

De online winkelwidget Hiermee kunt u de hele winkel op een pagina weergeven:

De Koop nu-knop-widget Hiermee kunt u ‘Koop nu’-knoppen aan pagina’s toevoegen. Met die knop kunt u kiezen welk product u wilt toevoegen:

U kunt de knoppen 'Nu kopen' gebruiken om afzonderlijke producten toe te voegen aan landingspagina's, uw blog, de zijbalk of zelfs aan de fout-404-pagina.

Meer informatie: 7 manieren om te verkopen met de knop "Nu kopen" van Ecwid

Hoe maak ik een E-Commerce Website met Elementor?

Zie nu uit de eerste hand hoe Ecwid E-commerce en Elementor werken samen om u te helpen met verkopen op uw website.

Voordat u begint met het bouwen van een e-commerce website in WordPress met Elementor, zorg ervoor dat u:

Om een ​​online winkel of een knop Nu kopen aan de pagina toe te voegen:

    1. Open de Elementor-editor in uw WordPress-beheerder en zoek daar de sectie “Ecwid Store”.
    2. Sleep de widget die u wilt gebruiken en zet deze daar neer:

  1. Om de inhoud en het uiterlijk van uw winkel of een Koop nu-knop te bewerken, klikt u erop in het rechtergedeelte van het scherm en vindt u 'Online winkel bewerken' en 'Bewerk nu-koopknop' aan de linkerkant. 

    Op het tabblad Inhoud kunt u een categorie of een product kiezen dat u op de pagina wilt weergeven.

    Op het tabblad Stijl kunt u het uiterlijk van uw knop Nu kopen wijzigen. (Wat betreft het uiterlijk van uw winkel, u kunt dit aanpassen in de Design pagina in uw Ecwid-configuratiescherm.)

    Wat het tabblad Geavanceerd betreft, kunt u verschillende effecten toepassen, het achtergrondtype wijzigen, de positionering wijzigen en andere geavanceerde kenmerken.

  2. Klik op Voorbeeld van wijzigingen bekijken om te zien hoe uw winkelpui of een knop Nu kopen eruit ziet. Klik op Publiceren of Bijwerken om de wijzigingen op te slaan.

Dat is het! Probeer toe te voegen e-commerce widgets zelf, en u zult zien dat het zelfs eenvoudiger is dan het klinkt.

Maak een E-Commerce Website met Elementor vandaag

Met de Ecwid E-commerce plug-in en Elementor-paginabuilder, maak eenvoudig prachtig ontworpen sites en pagina's voor uw online bedrijf. Of het nu om een ​​hele winkelpui gaat of om een ​​enkel product, elk vaardigheidsniveau kan het.

Als u meer wilt weten over Ecwid voor WordPress e-commerce, bekijk deze blogposts:

Heb je al geprobeerd pagina's te bouwen met Elementor?

Wilt u meer weten over het toevoegen van e-commerce aan uw bestaande website?

Over de auteur
Ilnur Basyrov is een plug-insontwikkelaar bij Ecwid E-commerce. Hij ontwikkelt plug-ins zodat online verkopers Ecwid met één klik op elke website kunnen installeren. In zijn vrije tijd houdt hij van vissen en voetballen.

Begin met verkopen op uw website

Gratis inschrijven