PunktDe Kontakt LogoKontakt
Just type and press enter to search

Webshop for
nph deutschland e. V.

Clever donation integration

For the organizational website of the international child welfare organization nph deutschland e.V., punkt.de has implemented a shop extension which enables donors to finance individual relief goods. Wanting to support the children aid organization, the team decided to donate part of its time, as well as certain functionalities. The results speak for themselves – and were honored with the TYPO3 Community Award in 2016.

punkt.de wins TYPO3 Award

The starting point

Charitable organizations are having an increasingly hard time collecting contributions. Donors have become more critical: They are looking for absolute transparency in what their money is being spent on – and whether it reaches their intended recipients. This is one of the reasons why more and more people choose to support smaller humanitarian projects. In reaction to this development, nph deutschland e.V. and an affiliate agency founded „MyGoodShop“, a web shop that enables donors to finance specific goods like food or medication. However, this web shop was separated from the organization's website with its detailed information regarding the different projects, which confused potential donors. To avoid this confusion, punkt.de's main incentive was creating a web shop that was fully integrated into the organization's website. This way the appearance and the technology were unified, while also bringing the charity projects and their according products closer together. At the same time, the team aimed to streamline the process of donating and to keep the web shop's maintenance as easy as possible.

The challenge

The website of nph deutschland e.V. was developed using TYPO3, so the web shop was to be integrated there. This way, shop content can consistently be displayed and linked to on the rest of the website, while the content itself could to be maintained on one single system. Furthermore, in case of an increase of traffic on the web shop, it should be possible to run it on its own server. Seeing as the functionalities of a CMS and a shop system vary significantly, it was a matter of finding the appropriate technical framework. The goal was combining the content-based form of communication – as would be found on an organization's website – with the transaction-based mechanisms of a web shop.

At the same time, the web shop for nph deutschland e.V. differed significantly from conventional web shops. While there aren't any product variations like size or color and no shipping addresses to consider, it needed filters for specific locations, background information on each product and donation certificates. "Donating differs from shopping," says Detlef von Houwald, online fundraiser at nph deutschland e. V. "Our web shop shouldn't be aimed at getting our customers to buy many expensive products. Instead, it should make them feel good. That, in turn, naturally had an impact on the shop's structure and functionality.

„The whole process was incredibly well thought out and structured.“
Detlef von Houwald,
online marketing specialist

Support with the shop concept

TYPO3 Update to 7.6 LTS

Integration of the Aimeos shop systems into TYPO3

Automation of
editor processes

Hosting of the application

Quality assurance through automated testing

SEO monitoring


The nph donation shop was integrated into TYPO3 with Aimeos.
„Extremely transparent, constructive and fast – that's how to describe the cooperation with punkt.de.“
Detlef von Houwald, online marketing specialist

The solution

Before implementing the project, punkt.de sat down with nph deutschland e. V. and the partner agency made in, that was responsible for the web shop's design, to develop wireframes. These wireframes helped collecting new ideas and trying their technical feasibility. "The whole process was incredibly well thought out and structured", von Houwald reports. Together with nph, punkt.de decided to use the shop system Aimeos for the realization of the shop. This system manages the shopping process from the selection of a product and the shopping cart all the way to the payment. Additionally, it seamlessly integrates into the backend of TYPO3, which enables the editors to administrate within a familiar interface. Another benefit was the possibility of integrating specific elements of the shop via plugins in the TYPO3 backend. Nonetheless, the shop's specifications required many specific adjustments and customizations. Sliders, teaser text elements and the usage of gift card codes needed to be implemented. Also, the payment functionality was expanded with an API to the payment service provider PAYONE. This certified business (https://www.payone.de/en/platform-integration/pci-dss-certification/) offers different payment methods and ensures that the customer's payment details are safely stored with PAYONE.

The editor's workload has been reduced through automated processes: New products are easily maintained, because given categories and attributes only need to be applied, not created for each product. The same thing applies to FAQ items. Furthermore, each product comes with automatically generated recommendations for similar products from the same category, unless the editors want to overwrite this recommendation with a different one. The donation certificates are also automatically generated and sent, whenever a customer finances a product. Another automation comes in the form of doubling donations of specific goods through partners of nph deutschland e. V. and the display of the donation progress for limited products – a checkbox makes it possible. Another benefit are the shop statistics that can be directly accessed in the backend.

Design made by made in (aus Frankfurt)

nph donation shop design was implemented by the interactive design agency made in

The payment functionality is realized with an API to PAYONE

Donation shop interface is PAYONE
Sample page with products and teaser text in the nph donation shop based on TYPO3 and Aimeos.
In the donation shop there are different categories to choose from
The donation basket with additional functions such as doubling donations.

The ongoing cooperation: a continuous relaunch

The web shop has been online since October 2016, but nph deutschland e. V. has many more plans. "The shop functionalities will be continuously expanded," von Houwald explains. In further steps, users will be able to share their watch list with friends and relatives and many more languages will be supported. "Another important goal is to further connect projects and products, for example by displaying products on the detail pages for projects," says von Houwald. Because many users visit the shop and the website on their mobile devices, both will be completely optimized for mobile usage.

It's not a question for nph deutschland e.V. whether they will continue their cooperation with punkt.de: "Extremely transparent, constructive and fast – that's how to describe the cooperation with punkt.de." The child welfare organization is especially impressed by and thankful for the personal commitment of punkt.de: Because the team cared deeply about the charity's work, they volunteered their time to implement parts of the project like the interface between Aimeos and PAYONE. With success: In October 2016, the web shop was honored with the TYPO3 Community Award in the category Small Websites. "That was the icing on the cake of our cooperation so far," summarizes von Houwald.