Access **Configuration > User Interface > Header Settings**



 

 

 



###  Adding a Header button

  

Two kind of Header buttons can be used: a Service button (1) or a Call to Action button (2).

   ![](/sites/g/files/dvc2391/files/styles/default/public/image/2020/06/buttons.png.webp?itok=ZeUP1tQY)   



### **CTA button**

1. **In the buttons list, select \[Call to Action button\]**
2. **Click on the \[Add New Media\]**

   ![Header CTA button](/sites/g/files/dvc2391/files/styles/default/public/image/2020/05/Screenshot_39.png.webp?itok=r3mOPaWE)   



### **Service button**

1. **In the buttons list, select \[Service button\]**
2. **Click on the \[Add New Media\]**

   ![Header Service button](/sites/g/files/dvc2391/files/styles/default/public/image/2020/05/Screenshot_40.png.webp?itok=wCO_bKTB)   





 

 

 

 



###  Configuring a CTA Button

  

1. **First give a name for the button**
2. **Secondly enter the URL where you want to direct the Users**
    1. **URL can be internal - means within the site;**
    2. **URL can be external - for example https://www.google.com;**
3. **Then enter a "Link text" - this text will be used as a Title of a button**   ![test](/sites/g/files/dvc2391/files/styles/default/public/image/2020/06/Screenshot_56.png.webp?itok=mX8SjAR_)
4. **Next select a color and Icon for the button**   ![test](/sites/g/files/dvc2391/files/styles/default/public/image/2020/06/Screenshot_46.png.webp?itok=0HC4uJ1f)
5. **In addition, you may add attributes for the button: "open page in new window" or "Rel" tag**   ![test](/sites/g/files/dvc2391/files/styles/default/public/image/2020/06/Screenshot_47.png.webp?itok=PcDVAlJ1)



 

 

 

 



###  Configure a Service button

  

1. **First give a name for the button**
2. **Secondly enter the URL where you want to direct the Users**
    1. **URL can be internal - means within the site;**
    2. **URL can be external - for example https://www.google.com;**
3. **Then enter a "Link text" - this text will be used as a Title of a button**
4. **Next select an Icon for the button**   ![test](/sites/g/files/dvc2391/files/styles/default/public/image/2020/06/Screenshot_48.png.webp?itok=i0d6uAQi)
5. **In addition, you may add attributes for the button: "open page in new window" or "Rel" and "Class" tags**   ![test](/sites/g/files/dvc2391/files/styles/default/public/image/2020/06/Screenshot_49.png.webp?itok=wfjI0v7j)
6. **Tooltip field** - this is a text appeared on hover, when User move mouse cursor over the button; please see picture Example.    ![test](/sites/g/files/dvc2391/files/styles/default/public/image/2020/06/Screenshot_50.png.webp?itok=RxaCrJCr)   
    
    
    
       
     **Example:**   ![](/sites/g/files/dvc2391/files/styles/default/public/image/2020/06/Screenshot_53.png.webp?itok=rUBLXMJe)



 

 

 

 



###  Translate buttons

  

Header buttons are not translatable, you have to create new ones on each language of your site.

1. **Find the "Language" tab**
2. **Click on the desired Language**
3. **Start creating the buttons**   ![test](/sites/g/files/dvc2391/files/styles/default/public/image/2020/05/Screenshot_41.png.webp?itok=xxJqZr1a)



 

 

 

 



###  Changing the order of buttons

  

1. **Click and Hold "Drag the order" button**
2. **Move it do desired place**
3. **Please don't forget to Save the changes**

   ![test](/sites/g/files/dvc2391/files/styles/default/public/image/2020/05/Screenshot_43.png.webp?itok=f3ilI_iZ)