> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superoffice.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Webpaneel toevoegen

> Hoe items toe te voegen aan de webpaneellijst in Instellingen en onderhoud.

Deze taak wordt uitgevoerd in Instellingen en onderhoud en u moet een beheerder zijn.

Webpanelen worden gedefinieerd in de lijst **GUI - Webpaneel**, die u kunt beheren in **Instellingen en onderhoud** onder **Lijsten**. Waar uw webpaneel verschijnt wordt bepaald door *Zichtbaar in*. De inhoud van uw webpaneel wordt bepaald door de URL.

## Stappen

1. Selecteer <i class="ph ph-list-bullets" aria-hidden="true" /> **Lijsten** in de Navigator.

2. Selecteer **GUI - Webpaneel** uit het vervolgkeuzemenu. Het tabblad **Items** toont alle bestaande webpanelen.

3. Klik op **Toevoegen** om het dialoogvenster **Lijstitem bewerken** te openen.

4. Voer in het veld **Naam** het label in dat in SuperOffice CRM wordt weergegeven. *(Verplicht)*

   * Typ zo nodig een beschrijving voor de koptekst in het veld **Beschrijving**. Lees meer over [Vertaling][3].

5. Geef in het veld **URL** het URL-adres op, zoals een webpagina of een op een server gebaseerd HTML-bestand. Voor details over ondersteunde URL-types, zie [HTTP vs HTTPS URL's gebruiken](#https).

   * In de veld **URL-codering** selecteer *Geen*, *ANSI*, or *Unicode*.

6. Voer in het veld **Vensternaam** de gewenste naam in voor het browservenster waarin het URL-adres moet worden geopend. Als u eerder een of meer vensternamen hebt toegevoegd en ze opnieuw wilt gebruiken, kunt u in het veld klikken en een naam uit de lijst selecteren. U kunt een naam ook rechtstreeks in het veld typen. De vensternaam zoals deze uiteindelijk wordt weergegeven wordt hieronder onderstreept weergegeven.

7. Kies in de keuzelijst **Zichtbaar in** waar het webpaneel moet verschijnen in SuperOffice CRM.

8. Onder **Beschikbaar op**, selecteer een of beide opties:
   * **SuperOffice CRM for Web**
   * **Mobile CRM**

9. (Optioneel) Zo bepaalt u hoe het paneel zich gedraagt:

   * Selecteer **Inhoud altijd opnieuw laden bij tabbladnavigatie** als de inhoud elke keer vernieuwd moet worden wanneer u van tabblad wisselt.
   * Selecteer **Laad de inhoud niet opnieuw wanneer u naar de hoofdkaart navigeert** om de inhoud in het geheugen te houden tijdens navigatie.
   * Selecteer **Koppeling weergeven in afzonderlijk venster** als het paneel ook in een nieuw browservenster geopend moet worden.

10. (Optioneel) Klik op de lijst **Pictogram** om een pictogram voor het webpaneel te kiezen.

11. Klik op **Opslaan** om de wijzigingen op te slaan of op **Annuleren** om ze te negeren.

## Na het opslaan

Zodra het item is opgeslagen, kunt u:

* De volgorde van items wijzigen met de pijlknoppen links van de lijst (<i class="ph ph-arrow-circle-up" aria-hidden="true" /> <i class="ph ph-arrow-circle-down" aria-hidden="true" />).

* Aanvullende instellingen specificeren voor elk item:
  * Voor welke [gebruikersgroepen het item zichtbaar is][7].
  * Onder welke [koptekst][6] het wordt weergegeven.

<h2 id="fields">
  Referentie
</h2>

| Instelling        | Beschrijving                                                                                                                                                                                |
| ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Naam              | UI-label                                                                                                                                                                                    |
| Vensternaam       | ID van het paneel, gebruikt in de HTML die je in de panelen laadt. Moet uniek zijn, gebruik voorvoegsels                                                                                    |
| Beschrijving      | Tooltip-tekst                                                                                                                                                                               |
| URL               | Locatie van de webpagina                                                                                                                                                                    |
| [URL-codering][2] | Geen, ANSI of Unicode                                                                                                                                                                       |
| Zichtbaar in      | Weergavepositie. U kunt kiezen uit panelen, dialoogvensters, menu's, werkbalk of zijpaneellocaties. Voor een volledige lijst van weergaveopties, zie [Weergavelocaties voor webpanelen][8]. |
| Beschikbaar op    | Apparaattype (web, mobiel) - aan waar het URL-adres beschikbaar moet zijn                                                                                                                   |

<h3 id="https">
  HTTP vs HTTPS URL's gebruiken
</h3>

Als SuperOffice CRM for Web is geïnstalleerd op een HTTPS-site, werken webpanelen met HTTP URL's niet. U dient HTTPS URL's te gebruiken.

U kunt de URL in veilige modus openen met uw browser, maar de site zal niet langer veilig zijn.

Als SuperOffice CRM for Web is geïnstalleerd op een HTTP-site, gebruik dan "normale" HTTP URL's.

### Sjabloonvariabelen gebruiken

Als u een URL-adres toevoegt, kan het nuttig zijn om sjabloonvariabelen te gebruiken voor het actieve bedrijf, bijvoorbeeld om informatie uit andere toepassingen op te halen via een URL. Het URL-adres moet parameters specificeren, zoals in dit fictieve voorbeeld: `http://www.comlist.com/data/indiv/detail.jsp?orgno=<orgn>`. orgn is hier de sjabloonvariabele voor het organisatienummer, maar andere variabelen zoals bedrijfsnaam \<name>, bedrijfstelefoon \<cpho>, contactnaam \<attn> kunnen ook worden gebruikt.

Om ervoor te zorgen dat uw aanpassingen blijven werken, zelfs als SuperOffice subdomeinen of de structuur van de Online-omgeving wijzigt, moeten URL's die verwijzen naar Service-schermen of -scripts sjabloonvariabelen gebruiken, zoals `<csbl>?action=...`, in plaats van hardgecodeerde basis-URL's. Deze variabelen worden automatisch omgezet naar de juiste klantomgeving, waardoor uw configuratie robuuster wordt en het later bijwerken tot een minimum wordt beperkt.

Zie [Variabelen voor Service][9] voor een volledige lijst met beschikbare sjabloonvariabelen.

## Webpaneel in toevoegen Service (verouderd)

In Service worden webpanelen **extra browsertabs** genoemd. Je kunt hetzelfde type inhoud toevoegen als bij [extra menu's][4].

1. Meld je aan bij SuperOffice Service.
2. Selecteer **Systeemontwerp** in het hamburgermenu en kies vervolgens **Webpanelen**.
3. Wijs naar de gewenste weergavepositie en klik op **Nieuw webpaneel**.
4. Voer een UI-label in (de tekst op het tabblad).
5. Kies **URL gebruiken** of **Scherm gebruiken** en selecteer de bijbehorende details.
6. Kies in de lijst **Positie** waar het nieuwe menu-item moet worden ingevoegd (0 = bovenaan).
7. Klik op **OK**.
8. Test het resultaat.

[2]: ./url-encoding

[3]: ../../../localization/learn/translate-fields

[4]: ../../../ui/blogic/learn/extra-menus/index

[6]: ../../../admin/lists/headings

[7]: ../../../admin/lists/user-group-filtering

[8]: ./index

[9]: ../../../document/templates/variables/for-service


## Related topics

- [Een taakmenu-item toevoegen](/nl/customization/admin/add-items-to-task-menu.md)
- [Basisprogramma's en URL-parameters](/en/ui/blogic/url-parameters.md)