Unable to Generate Mockup of your Website? Here is the Quick Fix
Are you not able to generate your website mockup with Multi Mockup or any other mockup generator tool? Here is the quick solution to this. We get queries and feedback on our mockup generator tool that their website is not loading into the mockups, actually, it is not an issue with the tool but it’s a security policy set by the website that prevents the website to load inside the iframe.
While generating the mockup, If you are getting the message as “Refused to display ‘https://yourwebsiteurl.com’ in a frame because it set ‘X-Frame-Options’ to ‘sameorigin‘ in the browser console then here is the solution.
Also read:
- Free PSD Software Package Mockup Bundle By TechSini
- 15 Most Useful Online Tools and Generators for Web Developers and Bloggers
Why Am I Not Able to Generate the Mockup of My Website?
The most common reason for why you are not able to generate the mockup of your website is “X-Frame” content security policy, that means if your website uses “X-Frame-Options: deny” or “X-Frame-Options: sameorigin” header then your website is not allowed to load inside an iframe, embed or object of another website.
Here is how to bypass the ‘X-Frame-Options’ header to load your website in the iframe.
Quick Fix to Generate Mockup of your Website in Any Mockup Generator Tool
To be able to generate the mockup of your website you should override the “X-Frame-Options” header, all you need is to install a Google Chrome extension to override X-Frame-Options header.
Go to Chrome web store and install the Ignore X-Frame headers extension, once the extension got installed go to Multi Device Website Mockup Generator and enter your website and hit the “Generate Mockup” button. Now you should able to see your website in the mockups.
That’s it, hope the article has helped to solve your issue, don’t forget like us on Facebook and follow us on Twitter to get notified for the cool web stuff.