1. Guesty Help Center
  2. Guesty Websites
  3. Advanced Guesty Websites
  4. Build your site: Widgets library

Advanced Website: Other widgets

Expand your site's functionality by adding custom HTML and navigation links. Learn below how to add custom code site-wide or to specific pages, and how to set up structured navigation menus.

HTML

Expand site functionality by adding custom HTML and scripts. Use this widget to embed third-party features such as videos, forms, or calendars. 

Tip:

Only add code from trusted sources. Always review and test custom code before publishing, and back up your site first.

For advanced control, see Developer mode.

Limitations

  • Guesty can't troubleshoot custom code.
  • Use HTTPS for all external resources or they won't load.
  • Don't override or re-initialize jQuery.

Where to add custom code

You have two main options for adding custom code:

Option 1: Add site-wide code

Apply code globally across all pages by adding it to the site’s header <head> tag or before the closing <body> tag.

  1. In the side panel, click SEO & Settings.
  2. Click Header HTML.
    • Head HTML: Add content to <head> . Use this field for global scripts, styles, meta tags, or verification code that should appear in the header on all pages.
    • Body End HTML: Add custom HTML or JavaScript just before the closing </body> element on every page.
  3. Paste your code.
  4. Click Save.

Tip:

Place code that loads resources (like CSS or general scripts) in the head section. Use the body section for widgets or analytics code that needs to load after the page content.

For more details, see the Duda custom code guide.

Option 2: Add per-page code (single page header)

Add code to an individual page’s header for scripts or styling that should only affect that page.

  1. In the side panel, click Pages.
  2. Locate the page you want to add code to and click the horizontal ellipsis.
  3. Click Edit page SEO.
  4. Scroll down to Header HTML.
  5. Paste your code in the field and click Save.

This adds code to the <head> of the selected page only.

Content editor Design editor

  1. Click the HTML widget and select the Content tab.
  2. Paste your custom HTML into the text box.
  3. Click Update to save.

Add connected data to the HTML widget

Scale your site by inserting dynamic fields from a collection into the HTML widget. This allows you to display custom content, such as unique SoundCloud podcasts or external calendars, for each item in a collection. 

Learn more about connected data.

Back to the top

Navigation links

Guide visitors through your site with a structured menu. You can generate a menu automatically from your pages or build a custom list of useful links.

Tip:

Navigation menus support up to three levels.

Content editor Design editor

Click the widget and select the Content tab. 

Choose one of these options:

  • Site pages. Populate the content of the navigation links with site pages, navigation folders, and anchors. This menu will be generated automatically based on the site pages. This is a quick way to place basic navigation on your site. 

    To edit the pages in your site, click Pages.

  • Custom links: Allows you to build a manual menu for specific areas like footers or social accounts.

Back to the top

Related to:

Was this article helpful?
0 out of 0 found this helpful