Skip to main content
ZenBusiness

Add Third-Party Widgets, Booking Tools, Reviews, Portals, and Custom HTML to Website Builder

  1. Last updated
  2. Save as PDF

In the Advanced editor, you can often add third-party tools by linking to them, embedding their code with an HTML widget, or using a supported built-in widget. This can work for booking tools, review widgets, portals, forms, calendars, and apps — but ZenBusiness does not troubleshoot third-party code or external service behavior.

Choose the Right Integration Method

Most third-party website tools connect in one of three ways:

Goal Best method
Send visitors to a booking page, portal, payment page, or form Add a button or navigation link to the external URL
Show a widget inside your page Use the HTML widget or embed option in Advanced editor
Add basic social, map, phone, email, form, or video features Use built-in Website Builder widgets first
Connect form data to another system Use form integrations, Zapier, webhooks, or the third-party tool's embed

Start with the simplest reliable option. A link is often more stable than an iframe. An official built-in widget is usually easier to maintain than custom HTML. Use embed code only when the third-party provider gives you code specifically designed for websites.

Add an External Link to a Button or Navigation Item

Use an external link when visitors should leave your site to complete an action elsewhere, such as booking an appointment, logging into a portal, paying an invoice, filling out a specialized form, or viewing a social profile.

Typical steps:

  1. Copy the public URL from the third-party tool.
  2. In Website Builder, select the button, text, image, or navigation item.
  3. Choose the link option.
  4. Select external URL or website URL.
  5. Paste the full link, including https://.
  6. Choose whether it opens in the same tab or a new tab.
  7. Save, publish, and test the live link.

Use clear button text such as Book an Appointment, Pay Invoice, Client Portal, or Leave a Review so visitors know what happens next.

Embed a Widget with the HTML Widget

Duda's HTML widget lets you embed custom HTML and third-party widgets such as videos, forms, calendars, and other tools. Use it only with code from a trusted source and only if you understand what the code does.

Typical steps:

  1. Get the embed code from the third-party service.
  2. Open Website Builder in Advanced editor.
  3. Add an HTML widget where the embedded tool should appear.
  4. Paste the code into the HTML widget.
  5. Save and preview the page.
  6. Publish and test on desktop, tablet, and mobile.
  7. If it breaks the layout, remove the widget or restore a backup.

Duda warns that custom code can affect the editor. Create a backup before adding code. Place the HTML widget in its own column or container so it is easier to delete if the widget becomes hard to access.

Booking, Scheduling, and Appointment Tools

If your Website Builder account has a supported native Bookings option, use the in-product booking setup. Duda's Bookings documentation describes appointment types, staff members, calendars, paid appointments, confirmations, and rescheduling workflows. Availability depends on your Website Builder setup and permissions.

If native Bookings is not available, use a third-party scheduling tool such as Calendly, Acuity, Google Calendar appointment schedules, or another provider. Most tools provide either:

  • A public booking link
  • An embed code
  • A popup button
  • A calendar iframe

Use a direct link if the embedded version looks cramped or slow on mobile. For paid appointments, confirm whether the booking tool or payment provider handles the payment, refunds, reminders, and calendar syncing.

Reviews, Social Feeds, and Portals

Website Builder may not have native widgets for every review source or customer portal. For Google Reviews, Facebook Reviews, Instagram feeds, client portals, membership systems, CRMs, or app dashboards, look for an official embed or public link from that provider.

Practical options:

  • Link to your Google Business Profile review page.
  • Embed a third-party reviews widget from a provider such as Elfsight if you use that service.
  • Link to a client portal login page rather than embedding it.
  • Use social icon widgets for profile links.
  • Use an HTML widget only when the provider gives website-safe embed code.

Review widgets and feeds can slow down pages, fail if the provider changes its script, or look different on mobile. Test after publishing and keep a simple link fallback if the embed is unreliable.

Safety and Support Boundaries

Custom code can extend your site, but it also increases support risk. Duda warns that support cannot troubleshoot custom code, server-side scripts such as PHP or ASP do not work in the HTML widget, non-HTTPS external files may fail, and loading a new jQuery library can break the editor.

Follow these rules:

  1. Use code only from a trusted provider.
  2. Create a site backup before adding code.
  3. Put the HTML widget in its own row or column.
  4. Test desktop, tablet, and mobile.
  5. Remove the widget if it slows or breaks the page.
  6. Contact the widget provider for code-specific errors.
  7. Contact ZenBusiness only for where to place supported widgets, publishing issues, domain issues, or account/editor access.

Frequently Asked Questions

Can I add a booking calendar to my website?

Yes, if your account has a supported native Bookings option or if you use a third-party scheduling tool. If native Bookings is not available, add a booking button that links to the tool, or embed the booking widget with an HTML widget in Advanced editor.

Can I add Google Reviews or Facebook Reviews to my website?

Usually, yes, through a third-party reviews widget or a direct link to your review page. Website Builder may not have a native widget for every review source. Use a trusted provider's embed code or link out to the review page, then test the result on mobile and desktop.

Can I add a client portal or login link?

Yes. The safest option is usually a button or navigation item that links to the external portal URL. Embedding a portal in an iframe can fail if the portal blocks embedding, requires login cookies, or does not display well on mobile.

Where do I paste embed code?

Use the HTML widget in the Advanced editor, or another supported code area if the tool specifically requires header or body code. Paste only code from a trusted provider, publish, and test. If the code breaks the page, remove the widget or restore a backup.

Why is my embedded widget not showing?

Common causes include invalid embed code, a provider that blocks iframes, non-HTTPS resources, browser privacy settings, third-party outages, or custom code conflicts. Test the provider's plain public link. If the link works but the embed fails, contact the widget provider.

Can I add an SMS button?

You may be able to add an SMS link or custom HTML, but SMS behavior varies by device and browser. Test on iPhone and Android before relying on it. ZenBusiness can show you where link or HTML settings are, but it does not troubleshoot custom SMS code.

Will ZenBusiness fix third-party code for me?

No. ZenBusiness can help with Website Builder navigation, publishing, domain setup, account access, and where supported widgets or code areas are located. It does not debug custom HTML/CSS, scripts, iframes, booking widgets, review widgets, CRM embeds, or portal code.

Should I use an embed or a link?

Use a link when reliability matters most or when the external tool is complex, login-based, or payment-related. Use an embed when visitors need to interact without leaving your page and the provider gives a stable, mobile-friendly embed code. Always test both desktop and mobile.