// 1. Create the container var qc_container = document.createElement( 'div' ); qc_container.id = 'qc-container'; document.body.appendChild( qc_container ); var widget_script = ''; var origin_url = window.document.location.origin; // 2. Create a iframe to load the react App var qc_iframe = document.createElement( 'iframe' ); qc_iframe.id = 'qc-frame'; // position: fixed; remove a white space which was added at the bottom of the page qc_iframe.style.position = 'fixed'; // Cannot use display: none; otherwise the autogrow textarea will not work qc_iframe.style.visibility = 'hidden'; document.body.appendChild( qc_iframe ); qc_iframe.contentWindow.document.write( '' + widget_script + '' ); qc_iframe.contentWindow.document.close(); qc_iframe.contentWindow.context = { baseUrl: 'https://onelocal.com', environment: 'production', merchantId: '630784d8e571df1c8b3e8165', merchantName: 'OneLocal Demo MedSpa', originUrl: origin_url, sentry: 'https://ec0b927b3ee742b1ac32f546edbe3cad@app.getsentry.com/20033', widgetSettings: {"hipaa_enabled":false,"confirmation":{"text":"Your message is now in the OneLocal dashboard and you should have received a text.","title":"Thanks for testing out the LocalMessages widget!"},"intro":{"enabled":true,"text":"This is where your website visitors can engage with your for faster response times."},"message_form":{"name_optional":false,"text":"Try out the LocalMessages site widget for visitors that prefer SMS.","title":"Engage with Site Visitors","cta_text":"Try it out"},"mobile":{"call_cta_enabled":true,"text":"Try texting LocalMessages or call for LocalResponse, it's up to you.","title":"Try out the mobile widget!"},"auto_response":{"enabled":true,"text":"Thanks for texting OneLocal Demo MedSpa. We're busy serving other clients right now, but will get back to you as soon as we can.\n\nIn the meantime, you can reply \"APPT\" to book an appointment, \"QUOTE\" to get a quote, or \"INFO\" for our hours and location. Otherwise, we'll get back to you as soon as we can - thank you!"},"default_assignee":{"id":"636e5d4e5c1a1e61aaf90a2b","ref":"employees"},"style":{"primary_color":"#6b705c"},"chatbot":{"auto_load":true,"enabled":false,"name":"SparkAI","intro":{"enabled":false,"text":"Have a question? Ask our chatbot, SparkAI"}},"phone_number":{"national_format":"(833) 487-2054","value":"+18334872054"},"call_phone_number":{"national_format":"(289) 768-7821","value":"+12897687821"},"locations":[],"location_selection":{"title":"Location Selection","text":"Select the location which you would like to contact","skip_text":"Skip"}} }; window.addEventListener( "message", ( event ) => { if( event.origin.indexOf( origin_url ) === -1 || ! event.data?.event_name ) { return; } if( typeof gtag !== "undefined" ) { gtag( "event", event.data.event_name, { name: event.data.event_name } ); } }, false );