I want to embed a full website between the header and footer of a page in my store

TaskerandShaw · ‎03-02-2025

I have an HTML page that I have created with no header or footer and want a way to add it full page width and full webpage length (no scrollbar) inside a page of my store. basically

SHOPIFY HEADER

SHOPIFY FOOTER

Dan-From-Ryviu · ‎03-02-2025

Hi @TaskerandShaw

You can do that by using this code

your-html-wrapper-class {
height: 100vh;
width: 100vw;
}

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

mageplaza-cs · ‎03-02-2025

Hi @TaskerandShaw ,

I am from Mageplaza - Shopify solution expert.

Please follow these steps to achieve the desired result.

1. Go to Shopify Admin > Online Store > Pages

2. Click "Add Page"

3. Name your page

4. Click the <> (HTML mode) button in the editor

5 Paste your HTML code inside the editor

<div style="width: 100vw; height: 100vh; overflow: hidden;">
    <!-- Paste your HTML content here -->
</div>

6. Save the page

Your HTML is now embedded inside a Shopify page!

Please let me know if it works as expected!

Best regards!

Mageplaza | Top-Rated Shopify Agency | Trusted by 230,000+ worldwide merchants

If our suggestion works for you, please give it a Like or mark it as a Solution!

Should you have any questions or concerns, feel free to contact us via consultant@mageplaza.com

I want to embed a full website between the header and footer of a page in my store

I want to embed a full website between the header and footer of a page in my store

Community Blog Articles