How can I embed an iframe and alter x-frame options on a Shopify site?

I am trying to do two things, but cannot do either.

  1. I would like to embed an iframe on my client’s website, but all instructions I can find online are outdated, and cannot be followed.

Does anyone know how to add an iframe to a Shopify site?

  1. I want to change the x-frame options on my client’s Shopify website so I can embed their online store inside a 3D virtual experience. I was given instructions how to do so several weeks ago, but they no longer work.

Does anyone know how to change the x-frame options in my client’s Shopify account?

I need to follow these instructions, but cannot: https://support.captur3d.io/hc/en-us/articles/4409334586125-Custom-Tags-How-to-Embed-Websites

Thank you to anyone that is able to help!

Assuming this is for an online-sales channel theme,

To embed an iframe, for some OS2.0 themes use a custom-html section/block or custom-liquid section/block.

Otherwise you will have to find the proper theme-file to edit the templates code to add an iframe where it’s meant to be.

Who gave what instructions where.

They never should have worked in the first place?.

Shopify’s online-store channel is managed hosting it does not give access to server side features like http-headers , having them disabled can lead to clickjacking.

It would be a security disaster to allow SASS ecommerce stores to be arbitrarily embedded in iframes.

If you want server level control you need to setup your own stack for ecom|hosting using the shopify javascript sdks / storefront apis.

https://shopify.dev/docs/custom-storefronts/additional-sdks/buy-button

https://shopify.dev/docs/custom-storefronts/getting-started