I have a site developed in a CMS and in a certain page of this site, I need to insert another page that was developed without the aid of the CMS. To be more precise, this page I am trying to incorporate into my site is a dynamic price table that uses the HTML and JavaScript language.
Given that this my CMS website was all developed with the help of a plugin that works with shortcodes. In this plugin there is a shortcode where you can add HTML code.
Knowing this, I researched ways to embed this page (rate card) within my CMS website.
The first alternative I found was through the iframe , however when trying to access the site page, the browser reports that that page is trying to load scripts from unsafe sources, and ends up "blocking "the frame where the table would be displayed, leaving only a blank space. You can enable the site to load unsafe scripts, however you need to click on a very discreet "shell" that is in the upper right corner of the browser, which is a negative point for site visitors.
The second alternative would be to copy the whole html code from the price table, and insert it into the shortcode, in the same way the iframe was inserted. In trying to insert the entire code into the page, I realized that when loading the page all the formatting that was in the site layout, it was unconfigured, I believe because of some css / style sheet conflict.
So, I ask the following questions:
-
Is it possible to insert the table by IFrame without the browser blocking the content on account of the warning that "the site is trying to load scripts from unsafe sources"?
-
If by IFrame is not possible, how can I do to resolve this problem of site layout unconfiguration, when the price table is inserted?
I leave here the table page: link
And the CMS site page where I'm trying to embed the table: link
I'll be grateful if anyone can give me a light on this problem. :)