My company creates Shopify pages and embeds iframes on them to power marketing technology.
Our current process seems like a work around. Do any of you know a better way to go about it?
First we create the page under “Pages” and add a small div like this to pull in the widget:
Then we’ll have to inspect the page and find the selectors to remove the container and let the iframe takeup the whole page and remove the page title like this>
As I understand it most companies do this by creating a template. We do it all within the “html” section of the page we created. Any suggestion to get away from inspecting each page?
Thanks! Here’s the page without the CSS added https://lilytreeccc.myshopify.com/pages/refer We typically just add it under the div here> . The Div pulls in the Iframe but it’s only in a small square until we add the CSS to make it …“full bleed” if you will.
Thanks for working on this with me! That would fix it for this page but we’re looking for a solution that will work with multiple stores. I’m not sure if I need to create a theme or what but I work with many different Shopify stores. Here’s another example https://nutritionkitchenhk.com/pages/referral-advocate-landing-page . On this page the script takes out the header but doesn’t let the iframe stretch out.
I’m hoping to find either a one size fits all CSS or find a way to create a standard shopify theme all our clients can use to not have to customize each client’s CSS.
Thanks again, GemPages. That’s the main issue though, it’s different for each site depending on their structure. I’m hoping to find a one size fits all solution. I’m not sure if that’s with CSS here or creating a theme template.
