Aangepaste code insluiten - Bouwen - Carrd documentatie

Last updated on 6/26/2025@mrbirddev
Aangepaste code insluiten - Bouwen - Carrd documentatie

Aangepaste Code Insluiten

Vereist Pro Standaard of hoger

Het Insluit-element stelt je in staat om aangepaste HTML, CSS en zelfs JavaScript code vrijwel overal op een site in te voegen (inclusief het <head>-element). Als je een widget van derden wilt toevoegen die nog niet wordt ondersteund door het Widget element, of als je simpelweg aangepaste functies wilt integreren die Carrd momenteel niet biedt, volg dan deze stappen:

  1. Klik op Element Toevoegen

  2. Klik op Insluiten om een nieuw Insluit-element te maken.

  3. Stel Type in op Code.

  4. Stel Code in op de aangepaste code die je wilt invoegen. Dit kan praktisch alles zijn wat je normaal in de HTML van een site zou plakken, dus standaard HTML, <style>-tags met aangepaste CSS-regels en zelfs <script>-tags met JavaScript-code zijn hier allemaal toegestaan.

  5. (Optioneel) Stel Label in op iets dat helpt om deze specifieke insluiting te identificeren (bijv. Mijn Widget Code).

  6. Kies de Stijl van de insluiting:

  • Inline om je code precies daar in te voegen waar de insluiting op de site verschijnt (net als elk ander element).
  • Verborgen om je code in een van de drie specifieke locaties in te voegen:
  • Head voor het <head>-element van de site,
  • Body Top voor net na de opening <body>-tag van de site, of
  • Body End voor net voor de sluitende </body>-tag van de site.

Aangezien dit de insluiting buiten de normale elementstroom publiceert, kun je het gerust ergens handiger plaatsen (bijvoorbeeld helemaal aan het einde van de site).

  1. Klaar! Je aangepaste code zou nu zichtbaar moeten zijn op de gepubliceerde site. Let op dat het insluitelement geen uitvoer zal geven in de bouwer, dus je moet de site publiceren om het in actie te zien.

Inhoudsopgave - carrd docs

Last updated on 6/26/2025@mrbirddev
Loading...