Jump to content

Custom Widget Injection Problems

Recommended Posts

Site URL: https://fairwaystoleadership.squarespace.com/

Hello,

I have a client who is looking to inject a custom responsive widget to a landing page. There is an installation document provided by the widget creator, however I can't seem to get it to work.

There is a javascript and html parts.

Quoting the document:

Include the following tag within the body of the html: <script id="d2s_app_js" type="text/javascript" src="https://www.dev.golfstixvalueguide.info/tradewidget/app.js"></script>

HTML TagThe following tag should be added within the <body> tag wherever you want the trade application to appear.<d2s-app-root siteid="xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx" env="dev" flavor="GSV"></d2s-app-root>

The siteid parameter needs to include the GUID given to you by your 2nd Swing onboarding team. The ID includes letters, numbers, and dashes.This tag can be placed anywhere in the body of the HTML, ideally where it can be the full width of the view. Content can live above and below it, if desired. The widget is responsive and will adjust depending on screen size.

I have the siteID, I'd like to keep this confidential, if possible.

 

Page where i need the widget: https://fairwaystoleadership.squarespace.com/club-donation-drive

But I can't seem to get this to work. I've tried all the different combinations, but nothing seems to work. I don't know if I'm supposed to use the advanced setting custom code injection, or a code block, but both didn't seem to work for me.

 

Currently, I tried putting the .dev js in there and the page doesn't even load anymore and I can't delete it. Can this be undone, please??

Thanks a lot for your speedy help!

 

Anele

Edited by Anele0610
added the page where the problem is
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.