title: Zoho Subscription Integration with angular 5
body: <p>How to integrate the Embed Widget Code from Zoho Subscriptions in angular code</p>
  
  <pre><code> &lt;div id="zf-widget-root-id"&gt;&lt;/div&gt;
      &lt;script type="text/javascript" src='https://js.zohostatic.com/books/zfwidgets/assets/js/zf-widget.js'&gt;&lt;/script&gt;
      &lt;script&gt;
      var pricingTableComponentOptions = {
          id: 'zf-widget-root-id',
          product_id: '2-af63b261dc2e0358fdbd15e2c9066cf2b1d696ba014e3b56170c90ed9a54e6ccf0b48bbb8f7f67d2dcd6c241ff4b3036a073444c5559f6aae8f94ecca8061732',
          template: 'elegant_pro',
          most_popular_plan: '',
          is_group_by_frequency: false,
          group_options: [
  
          ],
          plans: [
            {
        plan_code: 'SILVER_01'
    },
  {
        plan_code: 'GOLD_01'
    },
  {
        plan_code: 'PLATINUM_01'
    },
  
          ],
          theme: { color: '#2AC497', theme_color_light: ''},
          button_text: 'Subscribe',
          product_url: 'https://subscriptions.zoho.in',
          price_caption: '',
          language_code: 'en'
      };
      ZFWidget.init('zf-pricing-table', pricingTableComponentOptions);
      &lt;/script&gt; 
  </code></pre>
  
  <p>this is my embed widget code from zoho subscriptions which has 3 plans. the above code does not work with angular 5. is there any other way where i can integrate the Zoho subscriptions with the Angular 5 or should i want to make changes in the above code to work with angular 5.</p>