Embed booking systems, maps, chat widgets and more with custom HTML code
What is an HTML widget?
An HTML widget lets you embed content from other services directly on your website. Many tools you already use — like Calendly, Google Maps, Tidycal or Trustpilot — give you an HTML code you can paste to display their content on your site.
You don’t need to know how to code. All you need is to copy the code from the service you use and tell Nettify AI where you want it.
How to add an HTML widget
1
Find the embed code from your service
Most services have an “Embed” or “Share” button that gives you an HTML code. Copy this code.
2
Tell Nettify AI what you want to do
Paste the code in the chat and describe where you want the widget.
3
Review the result
Nettify AI places the widget on your page. Check that it displays correctly in the preview.
Ready-made prompts for popular widgets
Calendly booking widget
Let customers book meetings with you directly from your website, without any back-and-forth emails. A booking calendar saves you time and makes it super convenient for customers to schedule an appointment.
Copy this prompt and paste it into Nettify AI:
Add a Calendly booking widget to the contact section on the homepage.Use this code:<iframe src="https://calendly.com/[your-calendly-url]/30min" width="100%" height="700" frameborder="0"></iframe>Place the widget in its own section with:- Heading: "Book a Meeting With Us"- Short intro: "Pick a time that works for you and we'll have a no-obligation chat."- Design: centered, with good padding around the widget. Clean background.
Google Maps map
Help customers find your location without leaving your website. An embedded map makes it easy for people to get directions, which is especially important if you have a shop, office, or showroom that people visit.
Copy this prompt and paste it into Nettify AI:
Embed a Google Maps map showing our address: [your address].Place the map in the contact section with:- Heading: "Find Us"- Full-width map, 400px height- Below the map: address, phone number and a "Get directions" link- Design: map with rounded corners and light shadow. Responsive on mobile.Use this code:<iframe src="https://www.google.com/maps/embed?pb=[your-embed-code]" width="100%" height="400" frameborder="0" allowfullscreen></iframe>
Trustpilot reviews
Showing your Trustpilot reviews on your website lets visitors see real feedback from your customers without having to search for it themselves. This builds trust and can be the thing that tips someone from browsing to buying.
Copy this prompt and paste it into Nettify AI:
Add our Trustpilot widget to the homepage, right below the testimonials.Use this code:[paste your Trustpilot embed code here]Place it in a section with:- Heading: "See What Our Customers Say on Trustpilot"- Widget centered with good padding- Design: light background that matches the rest of the page.
Chat widget (Tidio/Crisp)
A chat bubble on your website lets customers ask questions in real time, which means you can help them right when they are most interested. It is like having a helpful assistant available around the clock.
Copy this prompt and paste it into Nettify AI:
Add a chat widget to our website that appears on all pages.Use this code:[paste your chat widget code here]The chat bubble should appear in the bottom right corner.It should not block important content on mobile.
YouTube video
Video is one of the best ways to show who you are and what you do. Embedding a video on your site keeps visitors engaged longer and helps them understand your business in a way that text alone cannot.
Copy this prompt and paste it into Nettify AI:
Embed a YouTube video in its own section on the homepage.Use this video: [your YouTube URL]The section should have:- Heading: "See How We Work"- Video centered in 16:9 format, max 800px width- Below the video: a short description and a "Contact us" button- Design: dark background with good contrast. Video with rounded corners and shadow.
Instagram feed
Connecting your Instagram to your website keeps your content fresh and shows visitors that your business is active. It also encourages people to follow you on social media, which means more ways to stay in touch with customers.
Copy this prompt and paste it into Nettify AI:
Embed our Instagram feed on the homepage, just above the footer.Use this code:[paste your Instagram embed code here]The section should have:- Heading: "Follow Us on Instagram"- A link to our Instagram profile: @[username]- Design: show the latest 6-9 images in a grid. Clean background.
Only use embed codes from services you trust. Unknown code can negatively affect your website.
Want to share a PDF — a price list, menu or brochure? You don’t need an embed code for that. See Add PDF.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Nettify Hjelp","colors":{"primary":"#16A34A","light":"#07C983","dark":"#15803D"},"logo":{"light":"https://mintcdn.com/nettify-e17dcf3e/t1LV8Ahll6O3ekXD/logo/light.png?fit=max\u0026auto=format\u0026n=t1LV8Ahll6O3ekXD\u0026q=85\u0026s=aea384ca397eef165a1c8f0eb91895c9","dark":"https://mintcdn.com/nettify-e17dcf3e/t1LV8Ahll6O3ekXD/logo/dark.png?fit=max\u0026auto=format\u0026n=t1LV8Ahll6O3ekXD\u0026q=85\u0026s=229205864cfae9c30e583f5867194f3a"},"favicon":"https://mintcdn.com/nettify-e17dcf3e/t1LV8Ahll6O3ekXD/favicon.svg?fit=max\u0026auto=format\u0026n=t1LV8Ahll6O3ekXD\u0026q=85\u0026s=ae9f94d1077b4399fe7a268e0d386992","appearance":{"default":"light"},"navbar":{"links":[{"href":"mailto:[email protected]","label":"Kontakt oss"}],"primary":{"type":"button","label":"Tilbake til Nettify","href":"https://nettify.no/dashboard/"}},"footer":{"socials":{"facebook":"https://www.facebook.com/nettify.no","instagram":"https://www.instagram.com/nettify.no","linkedin":"https://www.linkedin.com/company/nettifyno"}},"integrations":{"posthog":{"apiKey":"phc_zhZOyyomrBhAooUt7yDWNsUHRNgKOGCVxphuVdkPPif"}},"styling":{"latex":false},"navigation":{"global":{"anchors":[{"anchor":"Nettify.no","icon":"globe","href":"https://nettify.no"}]},"languages":[{"language":"no","default":true,"href":""},{"language":"en","href":"en"}]}},"deployment":{"deploymentMetadataValue":{"subdomain":"nettify-e17dcf3e","hasAudioNarration":false,"actualSubdomain":"nettify-e17dcf3e","customDomains":["docs.nettify.no"],"gitSource":{"type":"github","owner":"nettify-no","repo":"mintlify-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"entitlements":{},"buildId":"6af30f330e86f2e3048e3588","clientVersion":"0.0.4143","searchFilterCounts":[{"language":"no","tag":"Nettify AI","count":16},{"language":"en","tag":"Nettify AI","count":16},{"language":"no","tag":"Dashboard og verktøy","count":6},{"language":"en","tag":"Dashboard and tools","count":6},{"language":"no","tag":"Manuell redigering","count":5},{"language":"en","tag":"Manual editing","count":5},{"language":"no","tag":"Domene","count":4},{"language":"no","tag":"Publisering","count":4},{"language":"en","tag":"Domain","count":4},{"language":"en","tag":"Publishing","count":4},{"language":"no","tag":"Planer og priser","count":3},{"language":"en","tag":"Plans and pricing","count":3},{"language":"no","tag":"Kom i gang","count":2},{"language":"en","tag":"Get started","count":2}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-rbac-roles","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-metadata","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"en/ai/html-widget","slug":"/en/ai/html-widget","pageMetadata":{"title":"Add HTML widget","description":"Embed booking systems, maps, chat widgets and more with custom HTML code","href":"/en/ai/html-widget"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Embed booking systems, maps, chat widgets and more with custom HTML code\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,code:`code`,hr:`hr`,p:`p`,pre:`pre`,span:`span`,strong:`strong`,..._provideComponents(),...props.components},{CodeBlock,Heading,Info,Step,Steps,Tip,Warning}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Info)_missingMdxReference(`Info`,true);if(!Step)_missingMdxReference(`Step`,true);if(!Steps)_missingMdxReference(`Steps`,true);if(!Tip)_missingMdxReference(`Tip`,true);if(!Warning)_missingMdxReference(`Warning`,true);return _jsxs(_Fragment,{children:[_jsx(Heading,{level:`2`,id:`what-is-an-html-widget`,children:`What is an HTML widget?`}),`\n`,_jsx(_components.p,{children:`An HTML widget lets you embed content from other services directly on your website. Many tools you already use — like Calendly, Google Maps, Tidycal or Trustpilot — give you an HTML code you can paste to display their content on your site.`}),`\n`,_jsx(Info,{children:_jsx(_components.p,{children:`You don’t need to know how to code. All you need is to copy the code from the service you use and tell Nettify AI where you want it.`})}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`2`,id:`how-to-add-an-html-widget`,children:`How to add an HTML widget`}),`\n`,_jsxs(Steps,{children:[_jsx(Step,{title:`Find the embed code from your service`,children:_jsxs(_components.p,{children:[`Most services have an `,_jsx(_components.strong,{children:`“Embed”`}),` or `,_jsx(_components.strong,{children:`“Share”`}),` button that gives you an HTML code. Copy this code.`]})}),_jsx(Step,{title:`Tell Nettify AI what you want to do`,children:_jsx(_components.p,{children:`Paste the code in the chat and describe where you want the widget.`})}),_jsx(Step,{title:`Review the result`,children:_jsx(_components.p,{children:`Nettify AI places the widget on your page. Check that it displays correctly in the preview.`})})]}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`2`,id:`ready-made-prompts-for-popular-widgets`,children:`Ready-made prompts for popular widgets`}),`\n`,_jsx(Heading,{level:`3`,id:`calendly-booking-widget`,children:`Calendly booking widget`}),`\n`,_jsx(_components.p,{children:`Let customers book meetings with you directly from your website, without any back-and-forth emails. A booking calendar saves you time and makes it super convenient for customers to schedule an appointment.`}),`\n`,_jsx(Tip,{children:_jsx(_components.p,{children:_jsx(_components.strong,{children:`Copy this prompt and paste it into Nettify AI:`})})}),`\n`,_jsx(CodeBlock,{numberOfLines:`9`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`9`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Add a Calendly booking widget to the contact section on the homepage.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Use this code:`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`\u003ciframe src=\"https://calendly.com/[your-calendly-url]/30min\" width=\"100%\" height=\"700\" frameborder=\"0\">\u003c/iframe>`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Place the widget in its own section with:`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- Heading: \"Book a Meeting With Us\"`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- Short intro: \"Pick a time that works for you and we'll have a no-obligation chat.\"`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- Design: centered, with good padding around the widget. Clean background.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`3`,id:`google-maps-map`,children:`Google Maps map`}),`\n`,_jsx(_components.p,{children:`Help customers find your location without leaving your website. An embedded map makes it easy for people to get directions, which is especially important if you have a shop, office, or showroom that people visit.`}),`\n`,_jsx(Tip,{children:_jsx(_components.p,{children:_jsx(_components.strong,{children:`Copy this prompt and paste it into Nettify AI:`})})}),`\n`,_jsx(CodeBlock,{numberOfLines:`10`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`10`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Embed a Google Maps map showing our address: [your address].`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Place the map in the contact section with:`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- Heading: \"Find Us\"`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- Full-width map, 400px height`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- Below the map: address, phone number and a \"Get directions\" link`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- Design: map with rounded corners and light shadow. Responsive on mobile.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Use this code:`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`\u003ciframe src=\"https://www.google.com/maps/embed?pb=[your-embed-code]\" width=\"100%\" height=\"400\" frameborder=\"0\" allowfullscreen>\u003c/iframe>`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`3`,id:`trustpilot-reviews`,children:`Trustpilot reviews`}),`\n`,_jsx(_components.p,{children:`Showing your Trustpilot reviews on your website lets visitors see real feedback from your customers without having to search for it themselves. This builds trust and can be the thing that tips someone from browsing to buying.`}),`\n`,_jsx(Tip,{children:_jsx(_components.p,{children:_jsx(_components.strong,{children:`Copy this prompt and paste it into Nettify AI:`})})}),`\n`,_jsx(CodeBlock,{numberOfLines:`9`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`9`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Add our Trustpilot widget to the homepage, right below the testimonials.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Use this code:`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`[paste your Trustpilot embed code here]`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Place it in a section with:`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- Heading: \"See What Our Customers Say on Trustpilot\"`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- Widget centered with good padding`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- Design: light background that matches the rest of the page.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`3`,id:`chat-widget-tidio/crisp`,children:`Chat widget (Tidio/Crisp)`}),`\n`,_jsx(_components.p,{children:`A chat bubble on your website lets customers ask questions in real time, which means you can help them right when they are most interested. It is like having a helpful assistant available around the clock.`}),`\n`,_jsx(Tip,{children:_jsx(_components.p,{children:_jsx(_components.strong,{children:`Copy this prompt and paste it into Nettify AI:`})})}),`\n`,_jsx(CodeBlock,{numberOfLines:`7`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`7`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Add a chat widget to our website that appears on all pages.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Use this code:`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`[paste your chat widget code here]`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`The chat bubble should appear in the bottom right corner.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`It should not block important content on mobile.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`3`,id:`youtube-video`,children:`YouTube video`}),`\n`,_jsx(_components.p,{children:`Video is one of the best ways to show who you are and what you do. Embedding a video on your site keeps visitors engaged longer and helps them understand your business in a way that text alone cannot.`}),`\n`,_jsx(Tip,{children:_jsx(_components.p,{children:_jsx(_components.strong,{children:`Copy this prompt and paste it into Nettify AI:`})})}),`\n`,_jsx(CodeBlock,{numberOfLines:`8`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`8`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Embed a YouTube video in its own section on the homepage.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Use this video: [your YouTube URL]`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`The section should have:`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- Heading: \"See How We Work\"`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- Video centered in 16:9 format, max 800px width`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- Below the video: a short description and a \"Contact us\" button`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- Design: dark background with good contrast. Video with rounded corners and shadow.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`3`,id:`instagram-feed`,children:`Instagram feed`}),`\n`,_jsx(_components.p,{children:`Connecting your Instagram to your website keeps your content fresh and shows visitors that your business is active. It also encourages people to follow you on social media, which means more ways to stay in touch with customers.`}),`\n`,_jsx(Tip,{children:_jsx(_components.p,{children:_jsx(_components.strong,{children:`Copy this prompt and paste it into Nettify AI:`})})}),`\n`,_jsx(CodeBlock,{numberOfLines:`9`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`9`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Embed our Instagram feed on the homepage, just above the footer.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Use this code:`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`[paste your Instagram embed code here]`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`The section should have:`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- Heading: \"Follow Us on Instagram\"`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- A link to our Instagram profile: @[username]`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`- Design: show the latest 6-9 images in a grid. Clean background.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsx(Warning,{children:_jsx(_components.p,{children:`Only use embed codes from services you trust. Unknown code can negatively affect your website.`})}),`\n`,_jsx(Tip,{children:_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Want to share a PDF — a price list, menu or brochure?`}),` You don’t need an embed code for that. See `,_jsx(_components.a,{href:`/en/ai/legg-til-pdf`,children:`Add PDF`}),`.`]})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Add HTML widget","description":"Embed booking systems, maps, chat widgets and more with custom HTML code","href":"/en/ai/html-widget"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"What is an HTML widget?","slug":"what-is-an-html-widget","depth":2,"children":[]},{"title":"How to add an HTML widget","slug":"how-to-add-an-html-widget","depth":2,"children":[]},{"title":"Ready-made prompts for popular widgets","slug":"ready-made-prompts-for-popular-widgets","depth":2,"children":[{"title":"Calendly booking widget","slug":"calendly-booking-widget","depth":3,"children":[]},{"title":"Google Maps map","slug":"google-maps-map","depth":3,"children":[]},{"title":"Trustpilot reviews","slug":"trustpilot-reviews","depth":3,"children":[]},{"title":"Chat widget (Tidio/Crisp)","slug":"chat-widget-tidio/crisp","depth":3,"children":[]},{"title":"YouTube video","slug":"youtube-video","depth":3,"children":[]},{"title":"Instagram feed","slug":"instagram-feed","depth":3,"children":[]}]}],"codeExamples":{}},"jsLinks":[],"subdomain":"nettify-e17dcf3e","siteName":"Nettify Hjelp","title":"Add HTML widget - Nettify Hjelp","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{"no":{"href":"/ai/html-widget","matchLevel":1},"en":{"href":"/en/ai/html-widget","matchLevel":0}}},"lastModified":"2026-09-01T11:36:59.968Z","originalFileLocation":"en/ai/html-widget.mdx","locale":"en"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"light\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Embed booking systems, maps, chat widgets and more with custom HTML code\">\u003cmeta data-mint-head name=\"application-name\" content=\"Nettify Hjelp\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/nettify-e17dcf3e/MQbK10uCZSBWz0Ht/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/nettify-e17dcf3e/MQbK10uCZSBWz0Ht/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/nettify-e17dcf3e/MQbK10uCZSBWz0Ht/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/nettify-e17dcf3e/MQbK10uCZSBWz0Ht/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/nettify-e17dcf3e/MQbK10uCZSBWz0Ht/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/nettify-e17dcf3e/MQbK10uCZSBWz0Ht/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/nettify-e17dcf3e/MQbK10uCZSBWz0Ht/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/nettify-e17dcf3e/MQbK10uCZSBWz0Ht/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/nettify-e17dcf3e/MQbK10uCZSBWz0Ht/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Add HTML widget - Nettify Hjelp\">\u003cmeta data-mint-head property=\"og:description\" content=\"Embed booking systems, maps, chat widgets and more with custom HTML code\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Nettify Hjelp\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.nettify.no/en/ai/html-widget\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://nettify-e17dcf3e.mintlify.site/_mintlify/api/og/v2?division=Nettify+AI\u0026amp;title=Add+HTML+widget\u0026amp;description=Embed+booking+systems%2C+maps%2C+chat+widgets+and+more+with+custom+HTML+code\u0026amp;theme=f795f0a51ad18311f6773cda\u0026amp;signature=23e8317a7c1decf3869c1ee2a9d314fe550e9e6fbe51e406edef9b73e7f74ee2\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Add HTML widget - Nettify Hjelp\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Embed booking systems, maps, chat widgets and more with custom HTML code\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://nettify-e17dcf3e.mintlify.site/_mintlify/api/og/v2?division=Nettify+AI\u0026amp;title=Add+HTML+widget\u0026amp;description=Embed+booking+systems%2C+maps%2C+chat+widgets+and+more+with+custom+HTML+code\u0026amp;theme=f795f0a51ad18311f6773cda\u0026amp;signature=23e8317a7c1decf3869c1ee2a9d314fe550e9e6fbe51e406edef9b73e7f74ee2\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/nettify-e17dcf3e/MQbK10uCZSBWz0Ht/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Nettify Hjelp\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#16A34A\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.nettify.no/en/ai/html-widget\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/en/ai/html-widget.md\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"en\" href=\"https://docs.nettify.no/en/ai/html-widget\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"no\" href=\"https://docs.nettify.no/ai/html-widget\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"x-default\" href=\"https://docs.nettify.no/ai/html-widget\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.nettify.no/#organization\",\"name\":\"Nettify Hjelp\",\"url\":\"https://docs.nettify.no\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/nettify-e17dcf3e/t1LV8Ahll6O3ekXD/logo/light.png?fit=max\u0026auto=format\u0026n=t1LV8Ahll6O3ekXD\u0026q=85\u0026s=aea384ca397eef165a1c8f0eb91895c9\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.nettify.no#website\",\"name\":\"Nettify Hjelp\",\"url\":\"https://docs.nettify.no\",\"publisher\":{\"@id\":\"https://docs.nettify.no/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.nettify.no/en/ai/html-widget#webpage\",\"url\":\"https://docs.nettify.no/en/ai/html-widget\",\"name\":\"Add HTML widget\",\"description\":\"Embed booking systems, maps, chat widgets and more with custom HTML code\",\"dateModified\":\"2026-09-01T11:36:59.968Z\",\"isPartOf\":{\"@id\":\"https://docs.nettify.no#website\"},\"breadcrumb\":{\"@id\":\"https://docs.nettify.no/en/ai/html-widget#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.nettify.no/en/ai/html-widget#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Nettify AI\",\"item\":\"https://docs.nettify.no/en/ai/snakk-med-ai\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add HTML widget\",\"item\":\"https://docs.nettify.no/en/ai/html-widget\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.nettify.no/en/ai/html-widget#article\",\"headline\":\"Add HTML widget\",\"name\":\"Add HTML widget\",\"description\":\"Embed booking systems, maps, chat widgets and more with custom HTML code\",\"url\":\"https://docs.nettify.no/en/ai/html-widget\",\"mainEntityOfPage\":{\"@id\":\"https://docs.nettify.no/en/ai/html-widget#webpage\"},\"dateModified\":\"2026-09-01T11:36:59.968Z\",\"publisher\":{\"@id\":\"https://docs.nettify.no/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.nettify.no#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Nettify Hjelp\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"Nettify Hjelp\"},\"provider\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","agentPointerHref":"/en/ai/html-widget.md","siteName":"Nettify Hjelp","nav":{"global":{"anchors":[{"anchor":"Nettify.no","icon":"globe","href":"https://nettify.no"}]},"languages":[{"language":"no","default":true,"pages":[{"title":"no","href":"/ai/html-widget"}]},{"language":"en","groups":[{"group":"Get started","pages":[{"title":"Welcome to Nettify","href":"/en"},{"title":"Getting started with Nettify","href":"/en/kom-i-gang"}]},{"group":"Plans and pricing","pages":[{"title":"Plans and pricing","href":"/en/planer/oversikt"},{"title":"Nettify AI credits","href":"/en/planer/kreditter"},{"title":"Billing and subscription","href":"/en/planer/fakturering"}]},{"group":"Nettify AI","pages":[{"title":"Talk to Nettify AI","href":"/en/ai/snakk-med-ai"},{"title":"Edit the website (quick actions)","href":"/en/ai/rediger-nettsiden"},{"title":"Change a specific area","href":"/en/ai/endre-omrade"},{"title":"Create new sections","href":"/en/ai/lag-ny-seksjon"},{"title":"Change images","href":"/en/ai/endre-bilder"},{"title":"Edit text","href":"/en/ai/endre-tekst"},{"title":"Create a new page","href":"/en/ai/lag-ny-side"},{"title":"Menu and navigation","description":"Add a menu, style it the way you want, and fix the mobile menu when it looks off","href":"/en/ai/meny-og-navigasjon"},{"title":"Add HTML widget","href":"/en/ai/html-widget"},{"title":"Add video and large files","description":"Upload your own videos, image galleries and large files to your website via Google Drive","href":"/en/ai/legg-til-video"},{"title":"Add PDF","href":"/en/ai/legg-til-pdf"},{"title":"Create a booking popup","href":"/en/ai/booking-modal"},{"title":"Create a contact popup","href":"/en/ai/kontakt-modal"},{"title":"Multilingual website","href":"/en/ai/oversettelse"},{"title":"Smart features","href":"/en/ai/smarte-funksjoner"},{"title":"Add your own AI to your website","href":"/en/ai/egen-ai"}]},{"group":"Manual editing","pages":[{"title":"Manual editor","href":"/en/redigering/manuell-editor"},{"title":"Edit text and content","href":"/en/redigering/endre-tekst-og-innhold"},{"title":"Change colors and design","href":"/en/redigering/endre-farger-og-design"},{"title":"Change images manually","href":"/en/redigering/endre-bilder-manuelt"},{"title":"Change spacing and size","href":"/en/redigering/endre-spacing-og-storrelse"}]},{"group":"Publishing","pages":[{"title":"Publish your website","href":"/en/publisering/publiser-nettsiden"},{"title":"Your free nettify.no address","href":"/en/publisering/nettify-subdomene"},{"title":"SEO — getting found on Google","href":"/en/publisering/seo"},{"title":"Versions and restore","href":"/en/publisering/versjoner-og-gjenoppretting"}]},{"group":"Domain","pages":[{"title":"Buy a domain","href":"/en/domene/kjop-domene"},{"title":"Move your domain to Nettify","href":"/en/domene/flytt-domene"},{"title":"Connect a domain","href":"/en/domene/koble-til-domene"},{"title":"Email on your own domain","href":"/en/domene/epost"}]},{"group":"Dashboard and tools","pages":[{"title":"Leads","href":"/en/dashboard/henvendelser"},{"title":"Booking calendar","href":"/en/dashboard/bookingkalender"},{"title":"Analytics","href":"/en/dashboard/analyse"},{"title":"Share the project with your team","href":"/en/dashboard/team"},{"title":"Online store and payments","href":"/en/dashboard/nettbutikk"},{"title":"Account and settings","href":"/en/dashboard/innstillinger"}]}]}]},"basePath":"","title":"Add HTML widget - Nettify Hjelp","buildId":"dpl_Fyv1NbzwP68g2bEH2Roy98uY1zmE","deploymentId":"dpl_Fyv1NbzwP68g2bEH2Roy98uY1zmE","dynamics":[],"chunks":[]}