Ask toddle AI

๐Ÿ’ฌ

Help forum

๐Ÿ 

Docs home

๐Ÿ‘ถ

Getting started

๐ŸŽ“

1st week in toddle

๐Ÿ› ๏ธ

The editor

๐Ÿงฑ

Elements

๐Ÿ’…

Styling and layout

๐Ÿ“ฆ๏ธ

Components

๐Ÿ“„

Pages and navigation

โ˜๏ธ

API setup

๐Ÿงฎ

Formulas

๐Ÿ””

Events and actions

๐Ÿ“ฆ

Packages

๐Ÿค–

Custom code

๐Ÿ‘ฏโ€โ™‚๏ธ

Integrations

๐Ÿฟ

Tutorials

๐Ÿงฐ

Other

๐Ÿ”—

References

Add scripts and links to the header

Toddle is designed to provide you with everything you need to build your application. Sometimes, you need to add external scripts to your site. This could be to embed tools like Intercom or Userflow or to include fonts that are not currently supported in toddle.

Screenshot from the toddle editor showing the page configuration dialog

In the URL panel under the section Head Assets, you can add script, link, and style tags to your page head. Some tools like Amplitude.com prefer that their scripts are added to the page head so that they are loaded before the main content of the page.

Be very careful when loading external JavaScript! You are essentially trusting the script provider with access to all the data available on the page. Unless you are 100% sure you trust the provider DO NOT add any external scripts to your application.

Custom fonts

One use case for adding assets to the head is to load a custom font that is not yet available in toddle.

Always keep in mind that adding additional assets to the page head will increase the page load time. While lots of tools might seem useful, they often come with a degraded user experience due to slower load times.

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code โ€” but accessible to your entire team!

Try toddle โ€” it's free!

ยฉ Copyright 2024 toddle. All rights reserved.