Sky Addons  ·  Elementor Widget
INTRODUCING

Iframe

An iframe widget for Elementor: embed booking systems, maps or any third-party tool without touching a line of markup.

Northbank Studio · Leeds

We build the site, then we leave the keys

Four people. Fixed price, fixed date, and a staging link from week one — clients watch the build change daily instead of waiting for a reveal.

example.com

Client staging sits behind a password, so a public page like this one gets the placeholder.

Case study · Marguerite

A weekly magazine that four people can publish before lunch

Four desks, four editors, one publish button. The old site needed a developer for every issue; this one needs a Thursday morning.

Issues published without us
0
Developer hours per issue
0
Mobile first, actually

Signed off on a phone before anyone sees it on a desktop

That rule has cost us two deadlines and saved us four. The frame beside this is the same URL as the laptop above it, at 390 wide — one address, two screens, no separate mobile site.

Client traffic on mobile
0 %
Breakpoints tested, every page
0
The wall

Three builds in flight this month

The previews are password-protected until handover — what you see here is the placeholder every visitor gets.

example.com/releases

Harlow Freight — rates rebuild, week 3 of 6

example.com/workshops

Field & Frame — booking flow, week 5 of 6

example.com/harbours

Halyard — harbour pages, handover Friday

Handover

You get the site, the source, and a Tuesday

Every project ends with two hours on a tablet in your office, editing your own pages while we watch and say nothing. If you cannot do it without us, we have not finished.

Care plans

The boring monthly work, on a screen in the studio

Backups, updates and uptime on one board rather than in an email nobody opens. It runs on a television by the kettle, which is the only reason we notice things early.

Uptime, last twelve months
0 .94%
Sites under care
0
Review

Every page gets read by someone who did not build it

Fridays are review days. One of us opens the branch preview beside the ticket and writes down what is wrong with it — contrast, tab order, the heading that is a div. It is unglamorous and it is why the handover session is quiet.

example.com/branch
example.com/embed
Third-party embeds

Anything we did not write runs sandboxed

Booking widgets, review feeds, insurance calculators — they all arrive as somebody else’s script. Behind a sandbox they can run, and they cannot take the page down with them when the vendor has a bad afternoon.

Awkward screens

The two screens clients always ask about

A watch face and a cheap Android tablet on a counter. Neither is a priority; both come up in every kick-off meeting, so we answer them here.

Watch — notifications only. We do not design for it, and we will say so in the meeting.

Android tablet in landscape — the counter screen in three of our client shops.

Punch-hole Android — the cut-out eats a different corner from the notch.

Presenting

The version your board sees is the version that is live

No slide decks of screenshots taken three weeks ago. We open the staging URL on the room screen, and if something is broken you find out at the same moment we do.

example.com/audit

Send us a URL and we will tell you what is wrong with it

Free, in writing, within three working days. Half the time the answer is that you do not need us yet, and we will say so.

example.com/mobile
FAQ
Frequently asked

Iframe

Straight answers about what this one does, where it fits in a real build, and what it costs you to ship.

Still stuck?

Read the documentation for this one, or write to us — a human answers inside a business day.

How do I embed another website inside an Elementor page?

Use the Iframe widget in Sky Addons for Elementor. Paste the URL and it builds the frame for you — sizing, fullscreen permission, sandboxing and accessibility title included — so booking systems, dashboards, forms and internal tools go on the page without touching a line of markup.

Why does the site I embedded show a blank or refused frame?

Because that site refuses to be framed. Many services send headers telling browsers not to allow embedding, and no plugin can override them — the decision belongs to the site being embedded, not to yours. Look for an official embed or share URL from that service, which is usually published for exactly this purpose.

Does an embedded iframe slow down my page load?

Not until it is reached. The widget holds the URL back and only points the frame at it once the frame scrolls into view, alongside the browser’s own lazy-loading attribute, so an embed at the bottom of a long page costs nothing up front. The trade-off is that it needs JavaScript to load at all.

Can I show the embed inside a phone or browser mockup?

Yes — ten device frames are built in: Browser, Desktop Window, Laptop, Code Window, Phone, Tablet, Surface, TV, Watch, or none at all. Browser frames take a Mac or Windows skin with an editable address line and traffic-light dots; the phone offers a notch or a punch-hole, and the tablet an iPad or Android shell.

Can the iframe resize itself to fit its content?

Only for pages on your own domain. Auto Height reads the embedded document’s height and matches the frame to it, which browsers permit only for same-origin content. A cross-origin embed — another company’s tool, a map, a video — blocks that read, so those keep whichever fixed height or aspect ratio you set.

What sizes and aspect ratios can the iframe use?

Ten ratios, including portrait ones. Landscape covers 16:9, 4:3, 3:2, 21:9 and 1:1, and portrait covers 3:4, 2:3, 4:5, 9:16 and 9:21 for phone-shaped embeds. The alternative sizing mode is a fixed height in pixels, ems or viewport height, with its own minimum height, width and alignment.

Can I sandbox an embedded page for security?

Yes. Switching Sandbox on strips the frame of every permission, and you grant back only what you choose from eleven options — forms, scripts, popups, modals, pointer lock, presentation, top navigation and so on. Be careful granting scripts and same-origin together to content from your own domain: that combination lets the page lift its own sandbox.

Can I add attributes like allow or referrerpolicy to the iframe?

Yes — a custom attributes box takes one key and value per line, separated by a pipe. Attributes the widget manages itself are reserved and ignored, and anything beginning with “on” is rejected outright, so an event handler cannot be slipped into the markup through that field.

Do embedded iframes hurt accessibility?

An untitled one does — screen readers announce it as an unlabelled frame with no clue what it contains, which is a common audit failure. The widget provides a Title field for exactly this, and it is worth filling in every time: one short phrase such as “Appointment booking form” is enough.

Does the Iframe widget require Elementor Pro?

No — it ships in Sky Addons Pro and runs on free Elementor with any theme. It is aimed at the third-party tools that have no widget of their own; for common embeds like maps or video, reach for the purpose-built widget instead, which will handle privacy and posters better than a raw frame.