This diploma thesis deals with e-business in general and specializes in the production of e-shop, which uses the model of dropshipping to operation. The paper covers the entire process of creating e-shop. The analytical part focuses on finding a suitable partner and analysis of open source platforms that are used in the development of e-shops. The practical part describes the selection of a partner from the analytical part as well as the entire process of creating e-shop.

The goal with this exam project is to take as much knowledge as possible from earlier courses I’ve taken at the webdevelopment program at Mid Sweden University and use this knowledge for a project for a company working with webdevelopment. I’ve chosen to do my exam project for David Törner Web agency who’s main goals are to work with Content Management Systems, (CMS). I’ve developed a custom theme and a webstore in the CMS WordPress with the plugin WooCommerce, a plugin that connects webstores with WordPress sites for easier administration and management of products. The webstore is selling bikes in the categories mountain bikes, enduro and downhill bikes, specially black bikes with high quality and it works as a demonstration of a webstore to show other companies what we are able to offer if they choose us to do a webstore in WordPress. The webstore also offers service on the bikes that the customer can book by themselves through the contact form. The design and foundation for the webstore have been designed and developed in the program Adobe XD in the form of moodboards, wireframes and design sketches and then coded in the program Visual Studio Code, (VSC) with the program language HyperText Preprocessor, (PHP), HyperText Markup Language, (HTML), Cascading Style Sheets, (CSS) and JavaScript. The design and the foundation of the webpages have been connected to WordPress and the webstore plugin WooCommerce and the webstore has been published online through a public webhosting service. / Syftet med detta examensarbete är att ta så mycket som möjligt utav kunskapen från tidigare kurser i webbutvecklingsprogrammet på Mittuniversitetet och applicera denna kunskap i ett arbete åt ett företag som inriktar sig inom webbutveckling. Jag har valt att göra mitt examensarbete åt David Törners Webbyrå som inriktar sig specifikt på webbsidor skapade med Content Management Systems, (CMS). Jag har utvecklat ett tema samt en webbutik i CMS:et WordPress med tillägget WooCommerce, som är ett tillägg som kopplar samman webbutiker med WordPressidor för enklare administrering samt hantering utav webbutiken och varorna. Webbutiken inriktar sig på försäljning utav cyklar inom kategorierna mountainbikes, enduro- samt downhill-cyklar, specifikt svarta och högkvalitativa cyklar samt fungerar som en demonstrations-webbutik att visa upp för företag som exempel på vad de skulle kunna få om de väljer en webbutik gjord i WordPress. Webbutiken erbjuder även service utav cyklar och att kunden via kontaktformulär kan boka sin service. Design och grund för webbutiken har utvecklats först i programmet Adobe XD i form utav moodboard, wireframes samt designskisser och sedan utvecklats och kodats i programmet Visual Studio Code, (VSC), med hjälp utav programspråket Hypertext Preprocessor, (PHP), HyperText Markup Language, (HTML), Cascading Style Sheets, (CSS) samt JavaScript. Designen och grunden på webbsidorna har sedan kopplats samman med WordPress samt webbutik-tillägget WooCommerce och publicerats på ett publikt webbhotell.

This report details the process of building an e-commerce website based on the WordPress platform, with particular emphasis on the use of Elementor and WooCommerce plugins. It demonstrates how these tools can be effectively used for web design and store management. The project was planned using a GANTT schedule, which set clear timelines and task allocations for each phase, ensuring that all tasks were carried out in an orderly manner. Since the team members were distributed across different locations, online collaboration was used, with communication conducted via Discord. Daily stand-up meetings were held where work progress, plans, and issues were reported, allowing for quick problem-solving and plan adjustments. During the development of the website and store, Elementor was used to implement dragand-drop web design, simplifying layout adjustments and style modifications. Combined with WooCommerce, it enabled product display, shopping cart management, payment processing, and other core functions, ensuring a user-friendly shopping experience. For plugin development, Visual Studio Code, PHP, and jQuery, along with other technical tools, were used, and the development and testing were carried out in a local environment to ensure the stability and efficiency of the plugins. Through detailed planning, a flexible collaboration method, and effective technical means, the project successfully achieved its functions and goals, resulting in a high-performance, user-friendly online shopping platform. / Den här rapporten beskriver i detalj processen för att bygga en e-handelswebbplats baserad på WordPress-plattformen, med särskild tonvikt på användningen av Elementor- och WooCommerce-plugins. Det visas hur dessa verktyg effektivt kan användas för webbdesign och butiksadministration. Projektet planerades med hjälp av en GANTT-tidsplan, vilket innebar tydliga tidsramar och uppgiftsfördelning för varje fas, vilket säkerställde att alla arbetsuppgifter genomfördes ordnat. Eftersom teammedlemmarna var utspridda på olika platser användes onlinesamarbete, och kommunikationen skedde via Discord. Dagliga ståmöten hölls där arbetsframsteg, planer och problem rapporterades, vilket möjliggjorde snabb problemlösning och planjusteringar. Under utvecklingen av webbplatsen och butiken användes Elementor för att implementera dra-och-släpp-webbdesign, vilket förenklade layoutjusteringar och stiländringar. Tillsammans med WooCommerce möjliggjordes produktvisning, kundvagnshantering, betalningsbehandling och andra kärnfunktioner, vilket säkerställde en användarvänlig shoppingupplevelse. För plugin-utvecklingen användes Visual Studio Code, PHP och jQuery samt andra tekniska verktyg, och utvecklingen och testningen skedde i en lokal miljö för att säkerställa stabilitet och effektivitet hos pluginerna. Genom detaljerad planering, flexibel samarbetsmetod och effektiva tekniska medel uppnåddes projektets funktioner och mål framgångsrikt, vilket resulterade i en högpresterande, användarvänlig online shoppingplattform.