Voeg calculator widgets toe aan uw Joomla site in artikelen of als modules. Deze handleiding behandelt beide benaderingen.

Stap 1: Haal Uw Embed Code Op

  1. Ga naar onze Widget Generator
  2. Kies uw calculator type, pas kleuren en styling aan om bij uw website te passen
  3. Kopieer de gegenereerde embed code uit het "HTML Embed" tabblad

Stap 2: Toevoegen aan een Artikel

  1. Maak of bewerk een artikel

    Ga in de Joomla admin naar Content → Articles en maak een nieuw artikel of bewerk een bestaand artikel.

  2. Schakel naar codeweergave

    Klik in de artikeleditor op de "Toggle Editor" of "< >" knop om naar ruwe HTML modus te schakelen.

  3. Plak uw embed code

    Plak de embed code waar u wilt dat de calculator in uw artikel verschijnt.

  4. Opslaan en bekijken

    Sla het artikel op en bekijk het op uw site om de calculator widget te zien.

Alternatief: Custom HTML Module Gebruiken

Om de widget in een zijbalk of andere modulepositie weer te geven:

  1. Ga naar Extensions → Modules → New
  2. Selecteer "Custom" als module type
  3. Geef het een titel en stel de positie in waar u het wilt laten verschijnen
  4. Schakel in het Custom Output veld naar codeweergave en plak uw embed code
  5. Stel "Prepare Content" in op "No" en sla de module op

Tips

  • Zorg dat uw editor geen iframes verwijdert - controleer de editor instellingen als de code verdwijnt
  • Voor TinyMCE moet u mogelijk "iframe" toevoegen aan Extended Valid Elements in de plugin instellingen
  • De widget past automatisch zijn hoogte aan op basis van inhoud, dus u hoeft zich geen zorgen te maken over scrollbalken

Probleemoplossing

De editor verwijdert mijn iframe code wanneer ik opsla

Sommige editors verwijderen iframes voor beveiliging. Voeg in TinyMCE instellingen "iframe[src|width|height|frameborder|scrolling|style|title]" toe aan Extended Valid Elements, of gebruik een code-vriendelijke editor zoals CodeMirror.

De widget wordt helemaal niet weergegeven

Controleer of de embed code correct is geplakt en zowel de iframe- als scripttags bevat. Controleer de ontwikkelaarsconsole van uw browser op foutmeldingen.

?
Je Gezondheidsscore
Nog niet berekend, klik om te beginnen. Vul minstens 1 gezondheidsscore-calculator in om je score te zien.
Nog niet berekend, tik om te beginnen
Meer informatie →
Verbeter je Gezondheidsscore

Andere Calculators