How to Embed a Widget on Format

Format is a popular portfolio website builder designed for photographers, artists, and creatives. It provides a clean, template-based editor for building portfolio sites. This guide walks you through embedding an Embeddy widget on your Format site using the Embed block and site-wide code injection.

Beginner~5 min readUpdated 2026

Prerequisites

Before you embed your widget, you need two things:

Your Embeddy embed code. Log in to your dashboard at https://embeddy.ai/dashboard, open your widget, and copy the iframe embed code. It looks like this:

<iframe
  src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID"
  width="100%"
  height="500"
  frameborder="0"
></iframe>

A Format account with a published site. You need a paid Format plan to use custom code features. The Embed block is available on Pro and higher plans.

Embed Block

The Embed block in Format lets you add custom HTML, including iframes, directly into your page content. This is the recommended method for adding an Embeddy widget to a specific page on your Format site.

1
Open the Format site editor
Log in to your Format account and open your website. Click Edit Site to enter the site editor.
2
Navigate to the target page
In the editor, navigate to the page where you want the widget to appear. You can add the embed to any page type — portfolio pages, about pages, or custom pages.
3
Add an Embed block
Click the + button to add a new content block. Select "Embed" or "HTML" from the block options. A code input area will appear where you can paste custom HTML.
4
Paste your embed code
Paste your Embeddy iframe code into the Embed block's code input. The block accepts raw HTML including <iframe> tags.
5
Save and publish
Click Save to apply your changes, then Publish to make the page live. Visit your site to confirm the widget appears.

Tip: Format's editor may not render the iframe inline while editing. Use the site preview or visit the published URL to verify the widget loads correctly.

Important: Plan requirement

The Embed/HTML block feature requires a paid Format plan (Pro or higher). Free trial accounts may have limited access to custom code features. Check your Format plan details if the Embed block is not available.

Site-Wide Code Injection

Format also supports site-wide code injection through the site settings. This method adds your embed code to every page on your site, which is useful for widgets that should appear globally (such as a chat widget or feedback tool).

1
Open site settings
In the Format editor, go to Settings from the main menu or dashboard.
2
Find the Custom Code section
Look for Custom Code, Code Injection, or Analytics & Code in your settings. You will see fields for header and footer code.
3
Paste your embed code
Paste your Embeddy iframe code into the Footer Code field. This injects the code before the closing </body> tag on every page.
4
Save and publish
Save your settings and publish your site. The widget will now appear on every page.

Warning: Site-wide code injection adds the embed to every page. If you only want the widget on a specific page, use the Embed block method instead. For floating widgets (like chat bubgets), code injection is often the better choice since it applies globally.

Iframe Embed Code Example

Here is what a complete Embeddy iframe embed looks like for Format. Copy your specific code from the Embeddy dashboard — the WIDGET_ID and PROPS_ID values will be filled in automatically.

<!-- Embeddy widget embed — paste into Format Embed block or Code Injection -->
<iframe
  src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID"
  width="100%"
  height="500"
  frameborder="0"
  style="border: none; border-radius: 8px;"
  loading="lazy"
  title="My Embeddy Widget"
></iframe>

You can adjust height to match your widget's content. Use width="100%" to make the embed responsive within the page layout.

Troubleshooting

The Embed block is not available

The Embed/HTML block requires a paid Format plan. If you do not see the option, check your plan level in your Format account settings. You may need to upgrade to a Pro plan or higher to access custom code features.

The widget shows a blank area

Verify that your Widget ID and Props ID in the embed URL are correct. Open the Embeddy dashboard and copy the embed code fresh. Also make sure your Embeddy widget is published (not in draft mode).

Widget does not appear in the editor

Format's editor may not render embedded iframes inline. This is expected. Preview your site or visit the published URL to see the widget rendered. The embed will work correctly on the live site.

Widget is cut off or too small

Increase the height attribute in your iframe code. Try height="600" or higher. Format's templates may also have max-width constraints — ensure the Embed block is placed in a full-width section if your widget needs more space.

Frequently Asked Questions

Does embedding an Embeddy widget slow down my Format portfolio?

No. Iframes load independently of your main page. The widget loads from Embeddy's servers in a separate browser context and does not block your Format site's rendering. Using loading="lazy" in the iframe tag further defers loading until the widget is visible in the viewport.

Can I add the widget to my portfolio gallery pages?

It depends on your Format template. Some templates allow Embed blocks on gallery pages, while others restrict custom content blocks to standalone pages. If you cannot add an Embed block to a gallery page, use the site-wide code injection method with CSS positioning to target specific pages.

Will the widget be responsive on mobile?

Using width="100%" makes the iframe responsive within its container. Format's templates are responsive by default, so the Embed block will adapt to mobile screen sizes and the iframe will scale accordingly.

Ready to build your widget?

Create a free Embeddy widget — no code required. Get your embed code in minutes and drop it into your Format portfolio.

Create your free widget at embeddy.ai

On this page