Embed monday.com boards into Squarespace, Wix, WordPress or Webflow

In this guide, you learn how to seamlessly embed monday.com boards as fully branded and synced website widgets into your website made with Squarespace, Wix, WordPress or Webflow.

Table of contents

Use the navigation to quickly jump to your desired section and learn more about how to embed a monday.com board into each website builder.

Read this article when you already have your embed code ready and want to embed a monday.com board into your website. If you still need to decide whether to use the native monday.com shared view or the Board to Website Widget for monday.com app, start with our guide on how to embed a monday.com board into a website. Once your embed snippet is prepared, the rest is mostly a matter of adding it to the right HTML, code, or embed block inside your website builder.

Preparation

Before you start embedding your monday.com board into your website

Before adding the board to your website, make sure you have:

  • Your monday.com board embed code copied and ready.
  • Access to edit the page where the board should appear.
  • Permission to add an embed code on your website.
  • A previewable page where you can test the result.

This guide focuses on adding the embed code to your website. For setup options, privacy considerations, and creating the actual snippet, read the full monday.com board embed guide.

Embed into Squarespace

Embed a monday.com board into Squarespace

Squarespace lets you add custom code to a page using a Code Block. Follow these steps to embed a monday.com board into Squarespace:

  1. Open the page where you want to display the monday.com board.
  2. Select Edit and add a new block where the board should appear.
  3. Choose Code from the block options and paste your embed snippet.
  4. Make sure the block is set to render HTML and save the page.
  5. Preview the page and check that the embedded board appears correctly.
  6. Publish the page when everything looks right.

Quick tip for Squarespace

If the board appears too small, review the width and height values in your embed snippet. A width of 100% usually works best for responsive sections.

Embed into Wix

Embed a monday.com board into Wix

Wix supports custom embeds through its HTML embed element. Follow these steps to embed a monday.com board into Wix:

  1. Open the Wix Editor.
  2. Go to the page where you want to embed the monday.com board.
  3. Select Add Elements, choose Embed Code, and select Embed HTML.
  4. Paste your monday.com board embed snippet into the HTML box.
  5. Resize the embed element so the board has enough space.
  6. Place the element where you want the board to appear.
  7. Preview the page on desktop and mobile, and publish.

Quick tip for Wix

Wix often requires manual resizing of embedded elements. If the bottom of the board is cut off, increase the height of the HTML embed box inside the editor.

Embed into WordPress

Embed a monday.com board into WordPress

In WordPress, you can usually add the board using a Custom HTML block. Follow these steps to embed a monday.com board into WordPress:

  1. Open the WordPress page or post where the board should appear.
  2. Select the location where you want to place the embed.
  3. Add a new block and choose Custom HTML.
  4. Paste your monday.com board embed snippet into the block.
  5. Preview the block or page and adjust the surrounding layout.
  6. Update or publish the page.

Quick tip for WordPress

Use a Custom HTML block rather than a regular paragraph block. If your theme or security plugin removes iframe code, you may need to adjust your WordPress permissions or use an embed friendly block provided by your site builder.

Embed into Webflow

Embed a monday.com board into Webflow

Webflow lets you add custom code with its Embed element. Follow these steps to embed a monday.com board into Webflow:

  1. Open your project in the Webflow Designer.
  2. Go to the page where the monday.com board should appear.
  3. Open the Add panel and drag an Embed element into the layout.
  4. Paste your monday.com board embed snippet into the code field.
  5. Save and close the embed settings. Adjust the section or container around the embed.
  6. Preview the page and publish the site when the embedded board looks correct.

Quick tip for Webflow

Place the embed inside a container or section that matches the width of your page layout. This makes the embedded board easier to control across desktop, tablet, and mobile breakpoints.

Troubleshooting

Troubleshoot embedding monday.com boards

  • Check that the full embed snippet was copied and pasted. Missing opening or closing iframe tags can prevent the board from loading.

  • Increase the height of the embed element or adjust the height value in the snippet.

  • Set the embed width to 100% so it fills the available space in the website section.

  • Preview the page on mobile and adjust the surrounding section, container, or embed block. Some website builders require separate mobile layout adjustments.

  • Some editors, themes, or security settings restrict custom HTML or iframe embeds. Make sure your plan and user permissions allow custom code.

  • Return to the source embed setup and check which board, view, filters, columns, or widget settings are included. For preparing or changing the embed snippet, use the full monday.com board embed guide.

Questions & Answers

Frequently asked questions about embedding monday.com boards into website builders

  • No. In most website builders, you only need to paste the embed snippet into a code, HTML, or embed block.

  • Usually, yes. The website needs to support custom HTML or iframe embeds.

  • Some website builders control iframe height manually. Wix, for example, often requires you to resize the embed element inside the editor.

  • Yes, as long as the board information is meant to appear in each location.

  • This article focuses on placing an existing embed code into your website. For choosing the right embed method and preparing the snippet, read the full guide on embedding a monday.com board on your own website.

Better monday.com embeds for your website

Embedding a monday.com board into Squarespace, Wix, WordPress, or Webflow is usually straightforward once your embed code is ready. If you only need a basic public board view, a native monday.com shared view may be enough.

But if you want the embedded board to look better on your website, match your brand, and give visitors a cleaner way to browse monday.com data, use Board to Website Widget for monday.com. It helps you turn monday.com board data into a website friendly widget that can be embedded into your site using the same code based approach covered in this guide. Explore how to create a branded monday.com board embed for your website

Interested in a product demo?

Let's learn about your requirements, answer questions, and
review ways how we can help you and your organization with
our monday.com apps and solutions.