Invoice PDF configurator
Magento eCommerce
About the Company
tink.de is a standout online marketplace for smart home products powered by the Internet of Things (IoT). Founded in Berlin in 2016, it has gained prominence with 700,000 customers and a team of 100+ professionals. With a recent 40 million euro funding boost, tink.de is solidifying its position in the IoT sector.
Offering a wide range of IoT products from industry leaders like Google, Amazon, Apple, Bosch, and Volkswagen, tink.de goes beyond the norm with services like rentals and tailored IoT solutions, including e-mobility advancements.
Our challenge
When it comes to styling PDFs in Magento, you probably know it can be quite a challenge. Especially when juggling multiple versions! It’s a task that demands valuable time and effort, resources that could be put to better use elsewhere. Let’s explore more efficient solutions!
We recently encountered a situation where the store had many different versions of PDFs to render. To address this, we decided to automate the PDF creation process with a custom application for the Magento backend. This streamlined approach proved to be efficient and effective from the e-commerce management perspective as well as the development site.
The main challenges
Enhancing Project Efficiency - Optimising Budget Allocation
Completing the task now takes only 50 hours instead of the previous 200.
Automate creation of multiple PDF versions
Solution step by step
1.
PDF rendering app
React based rendering application.
2.
API first solution
API connection between tink.de Magento store and PDF rendering application.
3.
Preview mode
All PDF templates previews.
What we have done
Magento API approach
Experience Headless eCommerce in motion.
Magento, being an Open Source platform, seamlessly integrates with API solutions. Consequently, we have developed an application that efficiently generates PDFs with ease and precision and communicated with Magento with API connection.
PDF rendering application
Combinig two separated instances require cosntatnt effective communcation.
The PDF rendering application was developed using React in combination with the Serverless NextJS Endpoint. The integration between Magento and Serverless NextJS revolutionizes the game by allowing server costs to be determined based on the number of requests. This approach offers remarkable flexibility and scalability, aligning perfectly with diverse business requirements.
Each endpoint ensures authorized requests for validated data, delivering well-structured information. The React PDF engine leverages templates and received data to generate the desired files, resulting in a seamless process.
Dedicated Features developed
Introducing a Point of Sale system, which is integrated with the warehouses and the online shop, to the local concept stores.
Preview mode for all PDF files.
Real-time change preview.
Data manipulation in preview mode.
Serverless API endpoints for Magento integration.
Dynamic documentation for Backend developers (for easier integration).
Endpoint API validating data for security and stability reasons.
Endpoint API is protected by Basic Auth for security reasons.
Support for all client stores.
Outcomes
10 x faster
4 x faster
time to market
UX/UI
dashboard interface improvement
This solution greatly improves the PDF generation process, benefiting both merchants and developers.
It eliminates the need for excessive development work, making it easier and more efficient.
Additionally, real-time preview functionality allows for quick and hassle-free assessments of any changes.
Jakub Nowak, Michał Tarkowski
eComemrce Developers