Voeg calculator widgets toe aan uw Webflow website met het Embed element. Deze handleiding leidt u door het toevoegen van aangepaste HTML aan uw Webflow pagina's.
Stap 1: Haal Uw Embed Code Op
- Ga naar onze Widget Generator
- Kies uw calculator type, pas kleuren en styling aan om bij uw website te passen
- Kopieer de gegenereerde embed code uit het "HTML Embed" tabblad
Stap 2: Toevoegen aan Uw Webflow Site
-
Open de Designer
Open uw project in Webflow Designer.
-
Voeg een Embed element toe
Klik in het linkerpaneel op "+" en zoek "Embed" onder Components, of druk op "A" en zoek naar "HTML Embed".
-
Plak uw embed code
Dubbelklik op het Embed element om de code editor te openen. Plak uw embed code en klik op "Save & Close".
-
Stijl en publiceer
Pas de breedte en marges aan met Webflow's styling tools. Publiceer uw site om de widget live te zien.
Tips
- Stel een vaste breedte in op de Embed element container voor beste resultaten
- Embeds worden niet weergegeven in de Designer - gebruik Preview modus om de widget te zien
- De widget past automatisch zijn hoogte aan op basis van inhoud, dus u hoeft zich geen zorgen te maken over scrollbalken
Probleemoplossing
Dit is normaal gedrag. Webflow rendert embeds niet in de Designer vanwege beveiliging. Klik op Preview of publiceer uw site om de widget te zien.
Controleer of de embed code correct is geplakt en zowel de iframe- als scripttags bevat. Controleer de ontwikkelaarsconsole van uw browser op foutmeldingen.