Do you want to display quotes on your website? Here you can learn how to do it with the CMS Joomla, using an API and through an iFrame.
There is a dedicated Joomla module for integrating quotes into the CMS Joomla. It is documented here: Help.
There is a dedicated WordPress plugin for integrating quotes into the CMS CMS WordPress. It is documented here: Help.
An Application Programming Interface (API) is available at: https://api.zitat-service.de.
For example, the following link provides a random quote in the English language:
https://api.zitat-service.de/v1/quote_html?language=en. With the API Explorer you can view the available parameters, list IDs, and perform tests.
You can display the quotes on your page using an inline frame (iFrame). The design can be customized using Cascading Style Sheets (CSS). Here's an example:
The iframe code for this integration is:
For a first test, you can use this code directly.
Once you've embedded the iframe on your website, you can customize its design.
For this, you can use the file quote.css as a template and customize it for yourself. Then, bind your custom CSS using the
The DIV element of the quote class wraps around the entire quote, so you can, for instance, set a border. Inside, there are two DIV elements with classes quotation for the quote itself and source for the author and the source.
You can customize the selection of quotes using different parameters.
Unique numbers, the IDs, are always used.
For example, a random quote in English (language=en) in category Politics (categoryId=147):
You can combine parameters for the author (authorId), the category (categoryId), the user (userId), and the language (language).
As inspiration, here are some websites that have integrated the Quote Service (as of May 1, 2023):
- Georg Szloszjar (Joomla)
- Michael Faller – WebDesign und mehr (Joomla, new tab)
- Foto- und Videoblog von Angel und Andreas (Joomla)
- dombergen.de/vwl (Joomla, category Geld, author Keynes)
- Buggy Club Schweiz (Joomla)
- Samariterverein Niedergösgen (Joomla)
- Systemberatung Heiko Lübbe (Hugo, category programming, language English, user heiko, JSON)
- Hausseite Heiko Lübbe (iframe)