Class creates iframe element in container referenced by query selector, it parses and validate provided configuration object
import { UrlBuilder, InlineSurvey } from '@hello-customer/website-touchpoint' const urlBuilder = new UrlBuilder({ baseUrl: 'https://base.com', language: 'EN', tenantId: 'xxxx', touchPointId: 'zzz', extra: { isPreview: true } }); const inlineSurvey = new InlineSurvey(urlBuilder, { elementSelector: '#survey' });
<script src="https://unpkg.com/@hello-customer/website-touchpoint"></script> <script> const urlBuilder = new hcWebsiteTouchpoint.UrlBuilder({ baseUrl: 'https://base.com', tenantId: 'xxxx', touchPointId: 'zzz', language: 'EN', extra: { isPreview: true } }); const inlineSurvey = new hcWebsiteSdk.InlineSurvey(urlBuilder, { elementSelector: '#survey' }); </script>
Get iframe element displaying embedded survey
Creates iframe element inside parent container and returns reference to it
InvalidQuerySelectorException
Destroy survey iframe
Hide survey
Reload survey iframe with url produced bu UrlFactory
Show survey
Generated using TypeDoc
Class creates iframe element in container referenced by query selector, it parses and validate provided configuration object
Example (es module)
import { UrlBuilder, InlineSurvey } from '@hello-customer/website-touchpoint' const urlBuilder = new UrlBuilder({ baseUrl: 'https://base.com', language: 'EN', tenantId: 'xxxx', touchPointId: 'zzz', extra: { isPreview: true } }); const inlineSurvey = new InlineSurvey(urlBuilder, { elementSelector: '#survey' });
Example (script tag)
<script src="https://unpkg.com/@hello-customer/website-touchpoint"></script> <script> const urlBuilder = new hcWebsiteTouchpoint.UrlBuilder({ baseUrl: 'https://base.com', tenantId: 'xxxx', touchPointId: 'zzz', language: 'EN', extra: { isPreview: true } }); const inlineSurvey = new hcWebsiteSdk.InlineSurvey(urlBuilder, { elementSelector: '#survey' }); </script>