<iframe srcdoc="<div id='zf-widget-root-id'></div> <script type='text/javascript' src='
https://css.zohostatic.com/books/zfwidgets/assets/js/zf-widget.js'></script> <script> var pricingTableComponentOptions = { id: 'zf-widget-root-id', product_id: '2-320c20b8938ab42d4bd3638ed5f68af9f94d3f998cf9700a8076ef6c79b9c2efd4348db3a334376c58bcad6fd428a6fd1dbfeec6502bd09348bf2deb26f7ad42', template: 'elegant', most_popular_plan: '', is_group_by_frequency: true, group_options: [ { frequency: 'Quarterly', frequency_recurrence_value: '3_months', most_popular_plan: '', plans: [ { plan_code: 'RSMT203' }, ] }, { frequency: 'Bi-Yearly', frequency_recurrence_value: '6_months', most_popular_plan: '', plans: [ { plan_code: 'RSMT206' }, ] }, { frequency: '9 Month(s)', frequency_recurrence_value: '9_months', most_popular_plan: '', plans: [ { plan_code: 'RSMT209' }, ] }, { frequency: 'Yearly', frequency_recurrence_value: '1_years', most_popular_plan: '', plans: [ { plan_code: 'RSMT201' }, ] }, ], plans: [ ], theme: { color: '#7952b3', theme_color_light: ''}, button_text: 'Subscribe', product_url: '
https://subscriptions.zoho.com' }; ZFWidget.init('zf-pricing-table', pricingTableComponentOptions); </script>" frameborder="0" width="500px" height="700px"></iframe>
This is an iframe provided by zoho and to use mulitple widgets on a single page we are supposed to use iframe to contain them.
The issue with this code is that its broken somehow in wordpress but works perfectly on a plain html