Help with a "widget code" for a custom part of a page

Site URL: https://sturgeon-bulldog-lp9a.squarespace.com/

Hey Squarespace forum - we have a client who has partnered with another business, and that business has a custom widget they want to place in the back end. I want it to go in the back for just ONE page - it is a menu type arrangement. When the code is placed using the <code> tool, the interface gives me "Script Disabled".   

Being a front end guy, this is not my bailiwick. I have the code that I can show or paste in this discussion, and here is a screenshot of how it should display and what squarespace is showing. 

It's a simple menu - my next thought is that I just rebuild it in squarespace - however this appears on quite a few other sites and seems to work there - why doesn't it work here?  Let me know what you think when you get a chance - I appreciate your help! 

blakeArt

Please give us your site-wide password so we can take a look.

Take the site out of edit mode and see if that does the trick.

Hey Thank you!  I have a password - bkind

Sorry to sound ignorant Thomas, but I don't know how to "Take it" out of edit mode -how do I do that? 

I appreciate your help Sir! 

I've just looked at your site and I see the problem. I don't have a solution yet.

No need to do the following. I'll leave the info in case it is useful at some other point.

Technically it called Full Preview. See Full preview of pages.

If that doesn't do the trick while in full preview add "?noredirect" to the URL in the address bar. This will reload the site and not fallback into preview.

To get back into preview use the escape key or to go < https://sturgeon-bulldog-lp9a.squarespace.com/config/ >.

Thank you Creedon. having some success just rebuilding the form, then linking it all up. That might be a temporary solution. The best result is what you are pursuing, so let me know if you make any progress Sir. 

My advice is create a new code block and put a fresh copy of the code that was provided to you in there. Do not at any time click on Display Source.

The reason the code is not working is that the code in the code block is apparently in Display Source mode even though your screenshot doesn't indicate that it is. We can see this as evidenced by the following image.

If it were working is would look more like the following.

Creedon - this script is all in one line of text that runs on 3 lines... I am talking Spacing and line returns - it looks like you are telling me to have returns after the $0,  2 returns after <script>  and big spacing between the (    function    (  c   )   { 

Does that sound right? I will give it a try and let you know...! 

I was suggesting you get the code fresh from the company and try again. I want you to try pasting in exactly what they gave you.

The other information I showed was for the more advanced among us showing that for some reason in your original code block it was not actually code but code rendered to display on screen. As is done for Display Source mode, which we don't want to use. I was hoping someone might have thoughts on how this situation might have occurred without the use of Display Source mode.

Normally with the kind of code your inputting, you should not see code itself but the result of the code. Which in this case I assume is a user fillable form.

For more experimentation out of sight of your customers you could set up a blank test page in the not linked section of your site and play with code blocks there. Just give us the URL of the test page so we can see how things are going. When we get something working then you can repeat those steps on a customer facing page.

Hey there - 

Happy Monday... didn't see your reply late Friday, so sorry I didn't get back to you sooner. A few things:

1) Here is the EXACT code as provided:

<script>(function (c) {window.intakeq="5d15580f2604a73970a472cb"; var i = c.createElement("script");i.type = "text/javascript";i.async = true;i.src = "https://intakeq.com/js/widget.min.js?1";document.head.appendChild(i);})(document);</script><div id="intakeq" style="max-width:720px; width: 100%;"></div>

2) Our site is yet to go live, so everything is behind the scenes - luckily the client still needs to provide other details, and does not plan to go "live" until December. So doing things behind the scenes is an unnecessary step I guess..? 

3) I thought I could just rebuild the block and have it function - but the automatic calendar scheduling  function is not something worth our time to rebuild. Plus it displays goofy in the iPhone mode- the buttons don't line up with the text it is supposed to line up with-doesn't work.

4)  I have plugged the code in in GoDaddy's and Wordpress - works just fine. So there is some sort of blocking going on or incompatibility with SSpace. 

5) Attached is a screenshot of the code in the back end of GoDaddy's web builder.. just to show how it should display so you can see it really is a simple plug and play. 

We're going to have another third party unique code for this client - if it is always this complicated to do this for Squarespace we might need to start looking at a Plan B to host and build this client's site. 

Again, I appreciate your help Sir!  - blakeArt®

Please LMK if there's anything else you need from me... you still have access to the backend of our site. If a phonecall is easier, call and leave a message here and I'll call you right back - 312.316.1121

I removed the upvotes because it screwed up the order in which I could read them! 

6 hours ago, blakeArt said:

if it is always this complicated to do this for Squarespace

Whatever is going on is not usual.

I don't see anything particularly odd about the code.

I even experimented here locally and was able to get the code to run so we just need to figure out why the code is being converted into what looks like display source mode. On the upside there isn't some big internal conflict going on between SS and intakeq that I can see.

The following is for the more advanced among us and not instructions.

...

...

...

...

...

...

...

YAH! 

Now it works - ! Don't know what you did, but it works. Jeeeeez what a pain in your ass - I appreciate your help Sir. I'd like for it to be flush right but I am not going to be picky. 

We might have to switch platforms anyway - I will keep you posted. What can I do for you since you've done such a good job for me?  Outstanding. 

It's the classic taking something that is broken to have the repair person work on it and it works for them! 🙂 LOL!

1 hour ago, blakeArt said:

I'd like for it to be flush right

Try a spacer block to the left of the code block. That will push the code block to the right side of the page.

1 hour ago, blakeArt said:

What can I do for you since you've done such a good job for me?

Pay it forward! 🙂

Hey again thank you very much for your hard work - I guess it was difficult. Spacer idea works... looks great. We were ready to move on to another provider, and your help and tech support saved the day. So thank you. 

Hey Happy New Year Creedon! Hope your thriving going into the new year Sir!  I hope you and yours are navigating this challenging time well, happy and healthy. 

All of our customers who we build Squarespace sites for (3 now, looking to add 2 more in January!) are loving the work and are paying their bills. which is great - and I do appreciate your help in the past.

i do have a quick question for you.  We have one client that wants a "Toggle effect" under a video as it sits on his site... he wants to be able to have Pictures w/ descriptions underneath that he can "Flip thru"  left to right with arrows on either side. I know this is totally possible, but I am having a helluva time figuring out the correct format - in the images I guess the closest thing is the "stack" option but I am being a bonehead and not being able to figure it out to where I can put 3-8, 1`2 etc. options in there where they "carosel" thru. 

Any Pointers would be great !  feel free to email me here if you want as well - mblake@gaudetedevelopment.com

33 minutes ago, blakeArt said:

I am having a helluva time figuring out the correct format - in the images I guess the closest thing is the "stack" option but I am being a bonehead and not being able to figure it out to where I can put 3-8, 1`2 etc. options in there where they "carosel" thru. 

An image block only contains one image.

Take a look at adding a page section of type Gallery.

Then change it to a type of Slideshow: Reel.

Let us know how it goes. Have a great New Year!

I was on the right track - ! I just started to figure this out meself. Great info and thank you so much! HNY to you too Sir - ! 

i faced the same problem in the previous year an di found a website i dont remember its name there articles were very helpful for me to solve this problem can i help you.

I was on the right track - ! I just started to figure this out meself. Great info and thank you so much! HNY to you too Sir - ! 

Hello Creedon & Jerio 6547 - I hope this post finds you both well! 

2 quick questions for you guys and anyone else:

a)  How do I increase the size of this font in the slideshow file - in the green circle in File attached. It doesn't seem to fall under any of the universal Font categories in the Font Design section.

b) is there any way I can put a Box or Border around this section in question, or is a Code issue that is unique? If there is a built-in, easy way to do it I am all ears. 

Here's the web address:

https://emu-sunfish-mzcd.squarespace.com/config/

Pswd: Captiva

@blakeArt

Add the following to Design > Custom CSS.

.gallery-section [data-section-id="5feb9c6fff4ef250d3d5b18d"] .gallery-caption p {

  font-size: 24px;
  
  }

.gallery-section [data-section-id="5feb9c6fff4ef250d3d5b18d"] .gallery-fullscreen-slideshow-wrapper {

  border: 2px solid green;
  padding: 5px;
  
  }

Let us know how it goes. Hope all is well.

Hey Creedon - thanks so much again for all your tips and tricks. 

All is "Kind of" well - times are tough for everyone - but we are hanging in there..! 

As a side note I have this site "in the works" that I am presently working on some videos to place before I launch, but this is built in GoDaddy web builder:
www.Reality-Redesign.com

You can check out my artwork and personal philosophy if you are curious - it's never too late to change things for the better IMHO.

Feel free to critique - it's about 60% done, figuring out the merchant side and like I said, video... I made the 2 "JobSpectrum" videos on the site already.

Thanks again! 

Hey and just an FYI - you told me to pay it forward here in our text thread - I am working on solutions to "Pay it Forward" - to all of us, creatures great and small!  LMK if you want to know more - but that link above should give you an idea.  Take care Sir - blakeArt®