Publications Office of the EU
Publication detail - Webtools
OP Widgets - Publication detail Updated text

Publication detail widget

The Publication Detail widget serves to display the metadata of a single publication. It provides users with the ability to browse the publication directly using the "document viewer" feature, eliminating the need for downloading. Additionally, users have the option to download the publication via the "download" button or place an order using the "order" button, among other functionalities.


Below, you'll find a publication detail widget showcasing comprehensive metadata for individual publications. This encompasses a thumbnail, title, summary, publication year, order button, download buttons, and a PDF viewer. To enhance clarity, in this example we have included metadata labels such as Title, Subtitle, and Abstract, which can be toggled on or off according to your preference.

Publication detail widget out of the box

Out of the box styling

Copy the Widget Code to test it on your website

<script type='text/javascript' src='//'></script>
<script type='application/json'>
How to create - Publication detail

How to create this widget

There are two ways to create this widget; for both, you need to be logged in to the Publications Office portal before beginning

  1. Directly on the publication detail page, click on the "Embed in website" button and follow the steps to complete your widget creation.

  2. From your user profile: Login to your user profile and select the Publication detail widget then follow the steps to customize the widget.

Publication detail widget EC styling

EC Template

What is it

The EC Template allows you to have a corporate compliant looking widget with one single click. Using templates offers a multitude of advantages that streamline tasks and enhance outcomes. With the ready-made templates that follow the Europa Component Library, you can effortlessly maintain consistency and save valuable time.

How it looks

How to apply this template

In the widget editor you can find the presaved template available in the upper right corner. It is applied in one click and you can keep further modifying your widget without loosing the styling.