**Home Page - Alternate top block medias are frequently used to showcase dynamic content, such as featured news, promotional banners, or key updates**


## How to edit in the back office ?



 

 

 



   ![HP - alternate top block edition GIF](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/202502171509%20%281%29.gif?itok=UaZlOa6-)   





 

 





 

 

First, navigate to **Content** and select **Media** from the top menu on the right. Then, click on **+Select Entities** and choose **HP - Alternate top block**.

Once this is done, enter a **name**. Next, choose a **background color** using the dropdown menu.

After that, you can include a **description** if desired.

Then, add the text for the CTA button. In the **Attributes** field, choose whether the button should keep users on the current page after clicking or open the redirection page in a new window.

Once this done, you can choose to include a **media**: **add an**[ **image**](/image-0 "Image ") or an [**embeded video**](/video "Video").

Finally, make sure to select '**Save'** to complete the CTA button setup and finalize the process.











 

 

 



 

 

 

 





 

 

 

 





## Example: 

[HP - Alternate top block (Example)](https://www.sf.userguide.veolia.com/media/7166)

 

   ![HP - alternate top block (Example) photo](/sites/g/files/dvc2391/files/styles/default/public/image/2025/02/Screenshot%202025-02-20%2016.34.27.png.webp?itok=TIJQOQmJ)   



[HP - Alternate top block (Example) | video](https://www.sf.userguide.veolia.com/admin/content/media)

 

   ![HP - alternate top block (Example) video](/sites/g/files/dvc2391/files/styles/default/public/image/2025/02/Screenshot%202025-02-20%2016.44.52.png.webp?itok=YPs5FxGQ)   





 

 

 



 

 

   ![](/sites/g/files/dvc2391/files/styles/crop_freeform/public/image/2024/08/HP%20BG%20-%20grey%20very%20pale.png.webp?itok=OY0Zt4pI)   





 

 

 

 

 






## Discover HP - Medias to Enrich Your Website Pages 

[Explore all the medias here](https://www.sf.userguide.veolia.com/drupal-essentials/media)

 



 

 

 



 [   ![HP - Generic content logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%282%29.png.webp?itok=bn-cMnrY)   ](/hp-generic-content)[HP - Generic content](/hp-generic-content)

 

###       [HP - Generic content](/hp-generic-content) 

 

 

 



 

 [   ![HP - Top block logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%283%29.png.webp?itok=yNs_lDR8)   ](/hp-top-block)[HP - Top block ](/hp-top-block)

 

###       [HP - Top block ](/hp-top-block) 

 

 

 



 

 [   ![HP - Solutions logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%284%29.png.webp?itok=vc8NOmKO)   ](/hp-solutions)[HP - Solutions](/hp-solutions)

 

###       [HP - Solutions](/hp-solutions) 

 

 

 



 

 [   ![HP - alternate top block logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%281%29.png.webp?itok=YEOAdVLV)   ](/hp-alternate-top-block)[HP - Alternate top block](/hp-alternate-top-block)

 

###       [HP - Alternate top block](/hp-alternate-top-block) 

 

 

 



 

 [   ![HP - Planet logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%286%29.png.webp?itok=-XrdCEGY)   ](/hp-planet)[HP - Planet](/hp-planet)

 

###       [HP - Planet](/hp-planet) 

 

 

 



 

 [   ![HP - News logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%285%29.png.webp?itok=pIaK1oph)   ](/hp-news)[HP - News](/hp-news)

 

###       [HP - News](/hp-news) 

 

 

 



 

 

  Previous         Next        

 

 

 




## Ask for support

We use ServiceNow to track all of your requests and questions

[Create a ticket now](https://veglobal.service-now.com/s3c?id=service_catalog&root=fcec05201b1649504d79dce2b24bcb50)

 



 

 

 



 

 

   ![](/sites/g/files/dvc2391/files/styles/crop_freeform/public/image/2024/04/image%2014%20%283%29.png.webp?itok=j1xAfftb)